:root{--ink:#333;--muted:#737373;--sidebar:#f5f5f5;--line:rgba(115,115,115,.2);--selected:#ffe79a;--link:#d2a02a}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:-apple-system,"SF Pro","SF Pro Display","SF Pro Text",BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:16px}.desktop-wallpaper{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}
button,input{font:inherit;color:inherit}.menu-bar{position:fixed;z-index:70;top:0;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(255,255,255,.12);backdrop-filter:blur(18px);user-select:none}.menu-left,.menu-right{display:flex;align-items:center;height:100%;gap:4px}.menu-right{gap:4px}.menu-bar button{border:0;background:transparent;border-radius:4px;cursor:pointer}.apple-menu-button{display:grid;place-items:center;width:24px;height:20px;margin-right:8px;padding:2px 4px}.apple-menu-button svg{width:14px;height:16px;fill:#0d0d0d}.menu-button{height:24px;padding:2px 8px;font-size:14px}.menu-button:hover,.menu-button.open{background:rgba(255,255,255,.17)}.active-app{font-weight:650}.status-button{display:grid;place-items:center;width:28px;height:20px;padding:2px 4px}.status-button svg{width:20px;height:16px;fill:none;stroke:#111;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.status-button .fill{fill:#111;stroke:none}.status-button .solid{fill:#fff;stroke:#111}.clock{min-width:146px;margin-left:4px;text-align:right;font-size:14px}.menu-popover{position:fixed;z-index:75;top:28px;display:none;width:224px;padding:4px 0;overflow:hidden;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:rgba(255,255,255,.95);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);backdrop-filter:blur(20px)}.menu-popover.open{display:block}.app-popover{left:52px}.file-popover{left:120px}.menu-popover button{display:flex;justify-content:space-between;width:100%;height:28px;padding:4px 12px;border:0;border-radius:0;background:transparent;text-align:left;font-size:14px;cursor:pointer}.menu-popover button:hover{background:#ffe69a}.menu-popover kbd{font:inherit;color:#777}.menu-rule{height:1px;margin:4px 0;background:rgba(0,0,0,.1)}
.desktop-stage{position:fixed;inset:0;pointer-events:none}.desktop-window{position:fixed;overflow:hidden;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:#fff;box-shadow:0 25px 50px -12px rgba(0,0,0,.42);pointer-events:auto;transition:opacity .2s,transform .25s cubic-bezier(.2,.75,.2,1),width .25s,height .25s}.desktop-window.dragging{transition:none}.desktop-window.hidden{opacity:0;pointer-events:none;transform:translateY(120px) scale(.12)}.desktop-window.maximized{top:28px!important;left:0!important;width:100vw!important;height:calc(100vh - 28px)!important;border-radius:0}.window-drag-handle{cursor:default;user-select:none}.window-controls{display:flex;align-items:center;gap:6px;padding:8px}.traffic{position:relative;width:12px;height:12px;padding:0;border:0;border-radius:50%;cursor:pointer}.traffic.red{background:#ef4444}.traffic.yellow{background:#eabf30}.traffic.green{background:#22c55e}.window-controls:hover .traffic.red::after{content:"×"}.window-controls:hover .traffic.yellow::after{content:"−"}.window-controls:hover .traffic.green::after{content:"↗"}.traffic::after{position:absolute;inset:0;display:grid;place-items:center;color:rgba(0,0,0,.55);font-size:9px;font-weight:800;line-height:12px}
.messages-window{z-index:10;top:60px;left:500px;width:800px;height:550px;display:grid;grid-template-columns:320px 1fr;opacity:.95}.messages-sidebar{background:#f5f5f5;border-right:1px solid var(--line)}.messages-toolbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 16px}.messages-toolbar .compose{width:18px;fill:none;stroke:#777;stroke-width:2}.messages-search{height:26px;margin:8px 16px;display:flex;align-items:center;gap:7px;padding:0 9px;border-radius:7px;background:#e7e7e7;color:#777;font-size:13px}.messages-search svg{width:15px;fill:none;stroke:currentColor;stroke-width:2}.conversation{height:70px;display:flex;align-items:center;gap:10px;padding:7px 16px}.conversation.selected{margin:0 8px;padding:7px 8px;border-radius:7px;color:#fff;background:#2d8cff}.avatar{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;color:#fff;background:#9298a0}.avatar.blue{background:linear-gradient(#a9b0b6,#747c82)}.conversation div{min-width:0}.conversation strong,.conversation p{display:block;overflow:hidden;margin:0;white-space:nowrap;text-overflow:ellipsis}.conversation strong{font-size:14px}.conversation p{margin-top:2px;color:#777;font-size:12px}.conversation.selected p{color:#e9f3ff}.messages-detail{position:relative;background:rgba(255,255,255,.96)}.messages-recipient{height:48px;padding:17px 16px;border-bottom:1px solid var(--line);color:#777;font-size:14px}.chat{display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding:58px 25px}.bubble{max-width:74%;padding:8px 12px;border-radius:16px;font-size:14px}.bubble.gray{align-self:flex-start;background:#ededed}.bubble.blue{color:#fff;background:#1888ff}.chat small{color:#888}.message-input{position:absolute;right:16px;bottom:16px;left:16px;height:32px;padding:6px 12px;border:1px solid #ddd;border-radius:17px;color:#888;font-size:13px}.message-input span{float:right;color:#555;font-size:19px;line-height:18px}
.notes-window{z-index:20;top:28px;left:150px;width:1000px;height:600px;display:grid;grid-template-columns:320px 680px}.notes-sidebar{position:relative;min-width:0;border-right:1px solid var(--line);background:var(--sidebar)}.notes-toolbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.notes-toolbar .window-controls{margin-left:-8px}.notes-actions{display:flex;gap:2px}.notes-actions button{display:grid;place-items:center;width:32px;height:32px;padding:6px;border:0;border-radius:8px;color:#737373;background:transparent;cursor:pointer}.notes-actions button:hover{color:#333;background:rgba(115,115,115,.1)}.notes-actions svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sidebar-scroll{height:calc(100% - 48px);overflow-y:auto;scrollbar-width:none}.search-wrap{position:relative;height:42px;padding:8px 16px}.search-wrap svg{position:absolute;left:27px;top:14px;width:14px;height:14px;fill:none;stroke:#777;stroke-width:2}.search-wrap input{width:100%;height:26px;padding:2px 30px;border:1px solid rgba(115,115,115,.2);border-radius:8px;outline:0;background:#fff;font-size:14px}.notes-list{padding:0 8px 12px}.note-group h2{height:24px;margin:0;padding:4px 8px;color:#737373;font-size:12px;line-height:16px}.note-item{display:block;width:100%;height:70px;padding:8px 16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:left;cursor:pointer}.note-item:hover{background:rgba(0,0,0,.035)}.note-item.selected{border-bottom-color:transparent;border-radius:6px;background:var(--selected)}.note-item strong{display:block;overflow:hidden;font-size:14px;line-height:20px;white-space:nowrap;text-overflow:ellipsis}.note-item p{display:flex;overflow:hidden;margin:0;font-size:12px;line-height:18px;white-space:nowrap}.note-item time{flex:0 0 auto;margin-right:4px;color:#333}.note-item .preview{overflow:hidden;color:#737373;text-overflow:ellipsis}.empty-search{display:none;padding:40px 0;color:#777;text-align:center;font-size:13px}.display-menu{position:absolute;z-index:5;top:44px;left:52px;display:none;width:220px;padding:6px;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 12px 28px rgba(0,0,0,.2);backdrop-filter:blur(18px)}.display-menu.open{display:block}.display-menu button{display:flex;align-items:center;gap:10px;width:100%;height:32px;padding:5px 8px;border:0;border-radius:5px;background:transparent;text-align:left;font-size:14px;cursor:default}.display-menu button:first-child{background:#ffe69a}.display-menu svg{width:16px;height:16px;fill:none;stroke:#222;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.display-menu span{margin-left:auto;font-size:22px}.note-detail{min-width:0;background:#fff}.detail-scroll{height:100%;overflow-y:auto;padding:12px;scrollbar-width:none}.note-header{padding:0 8px;margin-bottom:16px}.note-header time{display:block;height:24px;color:#737373;text-align:center;font-size:12px;line-height:24px}.title-row{display:flex;align-items:center;height:52px}.title-row>span{width:24px;margin-right:0;font-size:16px}.title-row h1{margin:0;font-size:24px;line-height:36px}.note-content{padding:0 8px;color:#333;font-size:14px;line-height:21px}.note-content p{margin:0 0 21px}.note-content h2{margin:22px 0 11px;font-size:17px;line-height:24px}.note-content ul{margin:0 0 20px;padding-left:28px}.note-content li{margin-bottom:7px}.note-content a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.note-content .company-list{columns:2;column-gap:30px}.note-content .company-list li{break-inside:avoid}.new-note-editor{width:100%;min-height:400px;border:0;outline:0;color:#333;background:transparent;font:14px/21px inherit;resize:none}
.dock{position:fixed;z-index:60;bottom:12px;left:50%;width:568px;height:76px;display:flex;align-items:flex-end;gap:4px;padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:18px;background:rgba(105,105,105,.56);box-shadow:0 8px 24px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.22);backdrop-filter:blur(18px);transform:translateX(-50%);user-select:none}.dock-item{--scale:1;--lift:0px;position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;height:56px;padding:0;border:0;background:transparent;transform:translateY(var(--lift)) scale(var(--scale));transform-origin:50% 100%;transition:transform .1s ease-out;will-change:transform;cursor:pointer}.dock.magnifying .dock-item{transition:none}.dock-item img{display:block;width:48px;height:48px}.dock-item::before{content:attr(data-label);position:absolute;bottom:65px;left:50%;opacity:0;padding:5px 9px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:rgba(245,245,245,.87);box-shadow:0 4px 14px rgba(0,0,0,.2);white-space:nowrap;font-size:12px;transform:translateX(-50%);transition:opacity .1s .4s;pointer-events:none}.dock-item:hover::before{opacity:1}.dock-item.running::after{content:"";position:absolute;bottom:-1px;left:50%;width:4px;height:4px;border-radius:50%;background:#333;transform:translateX(-50%)}.dock-divider{flex:0 0 14px;height:56px;margin:0 4px;border-left:1px solid rgba(0,0,0,.2)}.badge{position:absolute;top:-2px;right:-1px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#fff;background:#f04444;box-shadow:0 0 0 2px rgba(255,255,255,.55);font-size:10px}.calendar{width:48px;height:48px;margin-bottom:8px;border-radius:10px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2)}.calendar span,.calendar strong{display:block}.calendar span{margin-top:3px;color:#e24b42;font-size:9px;font-weight:600}.calendar strong{font-size:22px;line-height:23px}.toast{position:fixed;z-index:100;left:50%;bottom:102px;opacity:0;padding:7px 13px;border-radius:16px;color:#fff;background:rgba(20,20,20,.75);font-size:12px;transform:translateX(-50%);transition:opacity .15s;pointer-events:none}.toast.show{opacity:1}
.notes-window{grid-template-columns:320px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.notes-sidebar,.note-detail{min-height:0}
.new-note-editor{font-family:inherit;font-size:14px;line-height:21px}
.clock{white-space:nowrap}
.status-button{display:flex;align-items:center;justify-content:center;padding:0;color:#333}
.status-button svg{display:block;width:16px;height:16px;fill:currentColor;stroke:none}
.status-button.status-battery svg{width:20px;height:14px}
.clock{display:flex;align-items:center;color:#000;line-height:20px}
.dock{width:max-content;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}
.dock-item{--scale:1;display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:flex-start;width:calc(48px * var(--scale));height:56px;outline:0;transform:none;transition:width .1s cubic-bezier(0,0,.2,1),transform .1s cubic-bezier(0,0,.2,1);cursor:default}
.dock.magnifying .dock-item{transition:width .1s cubic-bezier(0,0,.2,1),transform .1s cubic-bezier(0,0,.2,1)}
.dock-icon{position:relative;display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;transform:scale(var(--scale));transform-origin:center bottom;transition:transform .1s cubic-bezier(0,0,.2,1);will-change:transform}
.calendar-icon{border-radius:10px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2)}
.calendar-icon span,.calendar-icon strong{display:block}.calendar-icon span{margin-top:3px;color:#e24b42;font-size:9px;font-weight:600}.calendar-icon strong{font-size:22px;line-height:23px}
.dock-item::before{bottom:70px;z-index:20;padding:4px 9px;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:#fff;background:rgba(34,34,34,.78);box-shadow:0 5px 18px rgba(0,0,0,.22);backdrop-filter:blur(16px) saturate(1.3);font-size:13px;font-weight:500;line-height:18px;transform:translateX(-50%) translateY(3px);transition:opacity .12s ease,transform .12s ease;transition-delay:.42s}.dock-item::after{transition:opacity .12s}.dock-item:hover::before{transform:translateX(-50%) translateY(0)}
.status-popover{position:fixed;z-index:85;top:32px;right:12px;display:none;width:280px;padding:12px;border:1px solid rgba(255,255,255,.35);border-radius:13px;background:rgba(245,245,245,.83);box-shadow:0 14px 35px rgba(0,0,0,.22);backdrop-filter:blur(30px) saturate(1.4);font-size:13px}.status-popover.open{display:block}.status-popover strong{display:flex;justify-content:space-between;font-size:14px}.status-popover small,.status-popover label{display:block;margin-top:7px;color:#656565}.status-popover hr{height:1px;margin:10px -12px;border:0;background:rgba(0,0,0,.1)}.status-popover>button{display:flex;justify-content:space-between;width:100%;margin-top:5px;padding:7px;border:0;border-radius:7px;background:transparent;text-align:left}.status-popover>button:hover{background:rgba(0,0,0,.07)}.toggle{display:inline-block;width:28px;height:16px;border-radius:10px;background:#aaa}.toggle.on{background:#2d8cff}.control-popover{width:304px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.control-tile{display:grid;grid-template-columns:30px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:9px;border:0;border-radius:10px;background:rgba(255,255,255,.58);text-align:left}.control-tile:first-letter{grid-row:1/3}.control-tile.active{color:#fff;background:#218cff}.control-tile.wide{grid-column:1/3}.control-tile small{margin:0;color:inherit}.control-popover>label{padding:8px;border-radius:10px;background:rgba(255,255,255,.58);color:#333}.control-popover input{width:100%}
.app-window{z-index:5;width:900px;height:600px}.app-toolbar{height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;border-bottom:1px solid var(--line);background:rgba(247,247,247,.94)}.app-toolbar>.window-controls{justify-self:start;margin-left:-4px}.app-toolbar>strong{font-size:14px}.app-toolbar>div:last-child,.app-toolbar>span:last-child{justify-self:end}.tool-button{width:28px;height:28px;border:0;border-radius:6px;background:transparent;font-size:18px}.tool-button:hover{background:rgba(0,0,0,.07)}.app-sidebar{padding:14px 8px;background:#f2f2f2;border-right:1px solid var(--line)}.app-sidebar small{display:block;padding:8px;color:#858585;font-size:11px;font-weight:650;text-transform:uppercase}.app-sidebar button{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;padding:6px 10px;border:0;border-radius:7px;background:transparent;text-align:left;font-size:13px}.app-sidebar button.selected{background:#ddd}.app-sidebar button:hover{background:rgba(0,0,0,.06)}
.finder-window{top:28px;left:190px}.finder-body{display:grid;grid-template-columns:192px 1fr;height:550px}.finder-content{position:relative;overflow:auto;background:#fff}.app-search{position:absolute;z-index:3;top:6px;right:10px;width:210px;height:28px;padding:4px 10px;border:1px solid #ccc;border-radius:7px}.finder-head,.finder-row{display:grid;grid-template-columns:1fr 150px 180px;align-items:center}.finder-head{position:sticky;top:0;height:28px;padding:0 12px;border-bottom:1px solid var(--line);background:#fafafa;color:#777;font-size:11px}.finder-row{height:30px;padding:0 12px;border-bottom:1px solid rgba(0,0,0,.055);font-size:12px}.finder-row:hover,.finder-row.selected{background:#e8f1ff}.finder-row span:first-child{font-weight:550}.finder-row span:nth-child(n+2){color:#777}.finder-files.icons{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:20px}.finder-files.icons .finder-row{display:flex;flex-direction:column;justify-content:center;height:85px;padding:8px;border:0;border-radius:7px;text-align:center}.finder-files.icons .finder-row span:nth-child(n+2){display:none}
.photos-window{top:38px;left:130px}.photos-body{display:grid;grid-template-columns:220px 1fr;height:550px}.photos-content{overflow:auto;padding:16px;background:#fff}.photos-content h2{margin:0 0 14px;font-size:21px}.segmented{display:flex}.segmented button{height:24px;padding:0 10px;border:1px solid #bbb;background:#f5f5f5;font-size:11px}.segmented button:first-child{border-radius:6px 0 0 6px}.segmented button:last-child{border-radius:0 6px 6px 0}.segmented button.selected{color:#fff;background:#777}.photo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.photo-thumb{aspect-ratio:1;border:0;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);cursor:pointer}.photo-viewer{position:absolute;z-index:8;inset:48px 0 0;display:grid;place-items:center;background:rgba(20,20,20,.94);color:#fff}.photo-viewer>button{position:absolute;top:12px;left:12px;width:28px;height:28px;border:0;border-radius:50%;color:#fff;background:rgba(255,255,255,.15);font-size:20px}.photo-viewer>div{width:62%;height:72%;border-radius:5px}.photo-viewer>p{position:absolute;bottom:15px}
.music-window{top:28px;left:140px}.music-shell{display:grid;grid-template-columns:220px 1fr;height:598px}.music-sidebar{background:#f3f3f3;border-right:1px solid var(--line)}.music-sidebar>.window-controls{height:48px;padding-left:20px}.music-sidebar nav{padding:10px 8px}.music-sidebar nav button{display:block;width:100%;height:32px;padding:6px 12px;border:0;border-radius:7px;background:transparent;text-align:left}.music-sidebar nav button.selected{color:#d84b4b;background:#e4e4e4}.music-sidebar nav small{display:block;padding:13px 12px 4px;color:#777;text-transform:uppercase}.music-content{overflow-y:auto;padding:24px;background:#fff}.music-hero{display:grid;place-items:center;height:192px;border-radius:12px;color:#fff;background:linear-gradient(#fc4b4f,#df3039);text-align:center}.music-hero strong{font-size:34px}.music-content h2{margin:30px 0 16px}.album-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.album-card{border:0;background:transparent;text-align:left}.album-art,.now-art{aspect-ratio:1;border-radius:6px;background:linear-gradient(135deg,#ef796e,#35265d);box-shadow:0 8px 18px rgba(0,0,0,.18)}.art-2{background:linear-gradient(135deg,#1e2858,#798ce0)}.art-3{background:linear-gradient(135deg,#e3af62,#74442a)}.art-4{background:linear-gradient(135deg,#d6e7ed,#5b9b99)}.album-card strong,.album-card small{display:block;margin-top:7px}.album-card small{color:#777}.track-table{width:100%;border-collapse:collapse;font-size:12px}.track-table th,.track-table td{padding:9px;border-bottom:1px solid #eee;text-align:left}.track-table tr:hover,.track-table tr.playing{color:#d84b4b;background:#fbeded}.track-table button{border:0;background:transparent}.music-player{position:absolute;z-index:4;right:0;bottom:0;left:0;height:80px;display:grid;grid-template-columns:56px 170px 1fr 36px 36px;align-items:center;gap:10px;padding:8px 16px;border-top:1px solid #ddd;background:rgba(250,250,250,.96);backdrop-filter:blur(18px)}.now-art{width:56px}.now-copy strong,.now-copy small{display:block}.now-copy small{color:#777}.player-center{text-align:center}.player-center button,.music-player>button{width:34px;height:34px;border:0;background:transparent}.play-round{border-radius:50%!important;color:#fff!important;background:#333!important}.progress-row{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:7px}.progress-row input{width:100%}.music-window:has(.music-player:not(.hidden)) .music-shell{height:518px}
.calendar-window{top:38px;left:240px;width:800px}.calendar-body{display:grid;grid-template-columns:170px 1fr;height:550px}.calendar-body aside{padding:16px;background:#f3f3f3;border-right:1px solid var(--line)}.calendar-body aside button,.calendar-body aside small{display:block;width:100%;padding:7px;border:0;border-radius:6px;background:transparent;text-align:left}.calendar-body aside button.selected{background:#ddd}.cal-color{display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:50%}.blue{background:#2787ff}.yellow{background:#e5ad28}.calendar-body main{padding:18px;background:#fff}.calendar-body h1{margin:0 0 20px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:64px}.calendar-cell{padding:6px;border-top:1px solid #ddd;border-left:1px solid #eee;text-align:right;font-size:12px}.calendar-cell.header{height:24px;border:0;color:#777}.calendar-cell.today span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;background:#e94848}.calendar-cell.selected{background:#eef5ff}
.terminal-window{top:80px;left:180px;width:780px;height:500px;border-radius:10px;background:#151515}.terminal-bar{height:36px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#ccc;background:#292929}.terminal-bar .window-controls{padding-left:14px}.terminal-screen{height:416px;overflow-y:auto;padding:12px;color:#e5e5e5;background:#151515;font:13px/20px ui-monospace,SFMono-Regular,Menlo,monospace}.terminal-screen p{margin:0;white-space:pre-wrap}.terminal-form{display:flex;height:44px;padding:9px 12px;color:#8bdd79;background:#151515;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.terminal-form input{flex:1;border:0;outline:0;color:#fff;background:transparent;font:inherit}
.settings-window{top:38px;left:200px}.settings-body{display:grid;grid-template-columns:320px 1fr;height:550px}.settings-body .app-sidebar{padding:18px}.settings-body .account{height:64px}.settings-body .account>span{display:flex;flex-direction:column}.settings-content{padding:30px;background:#f8f8f8}.settings-content h1{font-size:26px}.settings-content>div{overflow:hidden;border:1px solid #ddd;border-radius:10px;background:#fff}.settings-content>div>button{display:flex;justify-content:space-between;width:100%;height:54px;padding:0 16px;border:0;border-bottom:1px solid #ddd;background:#fff;text-align:left}.settings-content>div>button:last-child{border:0}.setting-card{padding:16px;border-bottom:1px solid #ddd}.setting-card label{display:flex;justify-content:space-between}.setting-card input[type=range]{width:180px}
.dark-ui .desktop-window,.dark-ui .note-detail,.dark-ui .music-content,.dark-ui .photos-content,.dark-ui .finder-content{color:#eee;background:#222}.dark-ui .notes-sidebar,.dark-ui .app-sidebar,.dark-ui .music-sidebar,.dark-ui .app-toolbar{color:#eee;background:#303030}.dark-ui .settings-content{color:#eee;background:#222}
.compose-button{display:grid;place-items:center;width:30px;height:30px;padding:5px;border:0;border-radius:7px;background:transparent}.compose-button:hover{background:rgba(0,0,0,.07)}.messages-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:13px}.message-input{display:flex}.message-input input{width:calc(100% - 28px);border:0;outline:0;background:transparent}.message-input button{float:none;width:24px;height:24px;border:0;border-radius:50%;color:#fff;background:#1688ff}.app-search.hidden,.photo-viewer.hidden,.music-player.hidden{display:none!important}.playlist-head{display:grid;grid-template-columns:225px 1fr;align-items:end;gap:22px;margin-bottom:24px}.playlist-head .play-list{padding:10px 20px;border:0;border-radius:22px;color:#fff;background:#e64b50}.player-center button.active,.music-player>button.active{color:#e64b50}.finderViewPopover{left:120px}
.terminal-form button{width:28px;border:0;color:#8bdd79;background:transparent}.music-player button{outline:0}
.apple-popover{left:6px;width:226px}.apple-menu-button.open{background:rgba(0,0,0,.12)}
.display-menu .menu-label{margin-left:0;font-size:14px}.notes-list.ungrouped .note-group h2{display:none}.notes-list.gallery-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px}.notes-list.gallery-mode .note-group{display:contents}.notes-list.gallery-mode .note-group h2{grid-column:1/-1}.notes-list.gallery-mode .note-item{height:112px;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:rgba(255,255,255,.65)}.notes-list.gallery-mode .note-item p{display:block;white-space:normal}.notes-list.gallery-mode .note-item .preview{display:block;margin-top:5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal}
.status-popover .toggle{position:relative;transition:background .18s ease}.status-popover .toggle::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .18s ease}.status-popover .toggle.on::after{transform:translateX(12px)}
@media(max-width:760px){.menu-bar{min-width:390px}.clock{min-width:138px}.notes-window{left:150px}.messages-window{left:500px}.note-content .company-list{columns:2}}
@media print{.desktop-wallpaper,.menu-bar,.dock,.messages-window,.notes-sidebar{display:none!important}.notes-window,.note-detail,.detail-scroll{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;border:0!important;box-shadow:none!important}.notes-window{display:block!important}}