/* NOVA OS 3 — independent macOS-inspired design. No tracking, external assets, or dependencies. */
:root{--text:#27344a;--muted:#7a8799;--line:#dfe5ee;--paper:#fff;--paper-alt:#f7f9fc;--sidebar:#eef2f7;--accent:#3676df;--highlight:#eaf2ff;--glass:rgba(255,255,255,.85);--bar:rgba(241,246,251,.54);--shadow:0 24px 65px #12254a34,0 4px 13px #13294a1c; color-scheme:light}
body[data-theme="ocean"]{--accent:#168d93;--highlight:#e3f7f5}
body[data-theme="sunset"]{--accent:#d56975;--highlight:#fff0f0}
body[data-mode="dark"]{--text:#e7edf8;--muted:#9facbf;--line:#3c4c66;--paper:#1e293c;--paper-alt:#222f43;--sidebar:#17243a;--glass:rgba(29,42,62,.94);--bar:rgba(27,39,58,.59);--highlight:#253d60;--shadow:0 24px 76px #0009,0 4px 18px #0006;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;font-size:13px;color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #5390f5;outline-offset:2px}button svg{pointer-events:none}[hidden]{display:none!important}svg.glyph{width:20px;height:20px;display:block;flex:none}
.wallpaper{position:fixed;inset:0;background:#8db6da url('wallpaper-blue.svg') center center / cover no-repeat;transition:background-image .25s}
body[data-theme="ocean"] .wallpaper{background-image:url('wallpaper-ocean.svg')}body[data-theme="sunset"] .wallpaper{background-image:url('wallpaper-pink.svg')}
.wallpaper:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#04295812 0%,transparent 28%,transparent 76%,#142d561a);pointer-events:none}
.desktop{height:100%;position:relative;isolation:isolate}
/* top menu */
.menubar{height:34px;position:absolute;inset:0 0 auto;z-index:1500;background:var(--bar);backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%);box-shadow:0 1px 0 #ffffff58;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 20px;gap:12px;color:var(--text)}
.menu-brand,.menu-actions{height:100%;display:flex;align-items:center;gap:3px}.menu-brand button,.menu-actions button{background:transparent;border:0;color:inherit;border-radius:5px;height:26px;padding:0 10px;white-space:nowrap}.menu-brand button:hover,.menu-actions button:hover{background:#ffffff54}body[data-mode="dark"] .menu-brand button:hover,body[data-mode="dark"] .menu-actions button:hover{background:#ffffff20}
.system-logo{width:34px!important;display:grid;place-items:center;padding:0!important;margin-right:6px}.system-logo svg{width:17px;height:17px;stroke-width:2.3}.menu-app{font-weight:760!important;font-size:13px}.menu-item{font-size:12.5px;font-weight:520}.menu-actions{gap:7px}.menubar-icon{display:grid!important;place-items:center;width:28px!important;padding:0!important}.menubar-icon svg{width:16px;height:16px}.menu-live{font-size:11px;color:var(--text);display:flex;gap:5px;align-items:center;opacity:.82}.live-dot{width:6px;height:6px;border-radius:50%;background:#24ae7b}.clock-btn{font-weight:600!important;font-size:12px!important;padding:0 6px!important;min-width:148px}.menu-dropdown{position:absolute;z-index:1600;top:33px;left:52px;width:236px;padding:6px;background:var(--glass);backdrop-filter:blur(35px);border:1px solid #ffffff97;border-radius:11px;box-shadow:0 18px 45px #17274e4e;display:flex;flex-direction:column;gap:2px}
.menu-dropdown button{display:flex;justify-content:space-between;text-align:left;width:100%;border:0;background:transparent;padding:9px 11px;color:var(--text);border-radius:6px}.menu-dropdown button:hover{background:var(--accent);color:white}.menu-dropdown small{opacity:.6}.menu-dropdown hr{width:100%;margin:4px 0;border:0;border-top:1px solid var(--line)}
/* Desktop shortcuts and widgets */
.desktop-icons{position:absolute;top:66px;right:24px;display:grid;gap:18px;z-index:1;width:108px}.desktop-icon{padding:4px;border:1px solid transparent;color:#fff;text-shadow:0 1px 5px #284771b9,0 2px 12px #152d4773;background:transparent;border-radius:10px;display:flex;align-items:center;flex-direction:column;gap:6px;font-size:12px;font-weight:580}.desktop-icon:hover{background:#ffffff29;border-color:#ffffff4a}.desktop-folder{height:59px;width:68px;display:grid;place-items:center;background:linear-gradient(170deg,#87c5ff,#397fd9);border:1px solid #c2deffa3;border-radius:11px;box-shadow:inset 0 2px 2px #ffffff7a,0 7px 16px #14305855;color:white;position:relative}.desktop-folder:before{content:"";position:absolute;left:6px;top:-5px;width:29px;height:8px;background:#a9d4fb;border-radius:5px 5px 0 0}.desktop-folder .glyph{width:31px;height:31px;stroke-width:1.6}.desktop-folder-note{background:linear-gradient(160deg,#fbd572,#eaad46)}.desktop-folder-note:before{background:#ffe9ad}.desktop-folder-art{background:linear-gradient(160deg,#b6a5ff,#7867cb)}.desktop-folder-art:before{background:#cfc5ff}
.desktop-widgets{position:absolute;right:48px;top:360px;width:202px;display:grid;gap:14px;z-index:1}.widget{width:100%;border:1px solid #ffffffa6;border-radius:23px;box-shadow:0 12px 25px #17385b33;overflow:hidden}.widget-calendar{background:#fefeffec;padding:17px 21px;display:flex;align-items:flex-start;flex-direction:column;min-height:168px;text-align:left;color:#26374e}.widget-day{color:#ee6063;font-size:10px;letter-spacing:.12em;font-weight:800}.widget-calendar strong{font-weight:680;font-size:71px;letter-spacing:-.09em;line-height:1.05}.widget-month{font-size:10px;letter-spacing:.11em;font-weight:780;color:#596b81}.widget-dots{display:flex;gap:12px;margin-top:15px}.widget-dots i{height:4px;width:4px;border-radius:50%;background:#d4dae3}.widget-dots i:nth-child(3){background:#ec696a}.widget-focus{background:linear-gradient(125deg,#2f4779df,#4b5fa9da);color:white;padding:19px 17px 15px;min-height:152px;display:flex;flex-direction:column}.focus-stars{font-size:23px;color:#f6e6b6;letter-spacing:4px}.focus-label{font-size:8px;opacity:.7;letter-spacing:.13em;font-weight:800;margin-top:9px}.focus-quote{font-size:16px;letter-spacing:-.025em;font-weight:700;line-height:1.28;margin:5px 0 14px}.focus-signature{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.11em;color:#d7e3fd}
/* Dock */
.dock{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);z-index:1350;background:rgba(239,243,252,.48);backdrop-filter:blur(35px) saturate(165%);-webkit-backdrop-filter:blur(35px) saturate(165%);border:1px solid #fff9;box-shadow:0 12px 30px #203b5b47,inset 0 1px #ffffffa1;border-radius:21px;padding:7px;display:flex;align-items:center;gap:7px;max-width:calc(100vw - 12px)}body[data-mode="dark"] .dock{background:rgba(35,48,68,.66);border-color:#ffffff30}.dock-group{display:flex;gap:5px;align-items:center}.dock-sep{width:1px;height:49px;background:#4763884a;margin:0 5px}.dock-app{border:0;background:transparent;border-radius:12px;padding:2px;position:relative;height:62px;width:59px;display:grid;place-items:start center;align-content:start;transition:transform .18s ease}.dock-app:hover{transform:translateY(-9px) scale(1.09)}.dock-icon{height:54px;width:54px;border-radius:13px;display:grid;place-items:center;box-shadow:inset 0 1.5px #ffffff90,inset 0 -2px 4px #1f356824,0 6px 12px #1d3b5a55;position:relative;color:white;border:1px solid #ffffff80}.dock-icon .glyph{height:30px;width:30px;stroke-width:1.75;filter:drop-shadow(0 1px 1px #0002)}.dock-dot{position:absolute;width:4px;height:4px;background:#283a59;border-radius:50%;bottom:0;opacity:0}.dock-app.active .dock-dot{opacity:1}body[data-mode="dark"] .dock-dot{background:#f4f5ff}.dock-tooltip{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);border-radius:6px;background:#23354bdf;color:white;padding:6px 10px;white-space:nowrap;font-size:11px;pointer-events:none;opacity:0;transition:opacity .12s;box-shadow:0 6px 16px #0005}.dock-app:hover .dock-tooltip,.dock-app:focus-visible .dock-tooltip{opacity:1}
.tile-blue{background:linear-gradient(137deg,#83c9ff 0 48%,#3689da 49%)}.tile-home{background:linear-gradient(145deg,#7c7fff,#a2a4fa 48%,#4d57bf)}.tile-amber{background:linear-gradient(180deg,#fdfdfd 0 24%,#fcd65d 25%,#f6aa24)}.tile-cal{background:linear-gradient(180deg,#fff 0 27%,#ec6d69 28%,#dc4b61)}.tile-purple{background:linear-gradient(140deg,#e0a7fa,#935ede 57%,#7754c8)}.tile-mint{background:linear-gradient(140deg,#464f67,#1d2a3b 54%,#172235)}.tile-steel{background:linear-gradient(130deg,#c3d0dc,#657487)}.tile-rose{background:linear-gradient(145deg,#ffc4c0,#e36e9d 58%,#af4c90)}.tile-settings{background:linear-gradient(145deg,#8e9fac,#566778 57%,#38485a)}
/* Window manager */
.window{position:absolute;z-index:30;min-width:310px;min-height:260px;display:flex;flex-direction:column;overflow:hidden;background:var(--paper);border-radius:14px;border:1px solid #ffffffdd;box-shadow:var(--shadow);animation:appear .18s ease-out;resize:both}body[data-mode="dark"] .window{border-color:#536780}
@keyframes appear{from{opacity:.6;transform:scale(.985) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}
.window.hidden-window{display:none}.window.maximized{left:10px!important;top:43px!important;width:calc(100vw - 20px)!important;height:calc(100% - 147px)!important;resize:none}
.window-header{flex:none;height:53px;display:flex;align-items:center;gap:10px;padding:0 16px;background:linear-gradient(180deg,var(--paper-alt),var(--sidebar));border-bottom:1px solid var(--line);cursor:grab;user-select:none;touch-action:none}.window-header:active{cursor:grabbing}.traffic{display:flex;gap:9px;align-items:center}.traffic button{font-size:0;border-radius:50%;width:13px;height:13px;border:1px solid #0000001a;padding:0;position:relative;box-shadow:inset 0 1px #ffffff99}.traffic .close{background:#ff6058}.traffic .minimize{background:#ffbc32}.traffic .maximize{background:#34ca5a}.traffic button:hover:after{content:"";position:absolute;inset:3px;border:1px solid #0007;border-radius:50%}.window-title{font-weight:690;font-size:13px;flex:1;display:flex;align-items:center;gap:7px;justify-content:center;color:var(--text);transform:translateX(3px)}.window-title .glyph{width:15px;height:15px;color:var(--muted)}.window-badge{font-size:10px;color:var(--muted);min-width:68px;text-align:right}.window-body{background:var(--paper);flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#b3c3d8 transparent}
/* Generic app primitives */
.app-inner{padding:24px 27px 25px;height:100%;display:flex;flex-direction:column}.app-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.app-eyebrow,.eyebrow,.tiny-label{font-size:10px;letter-spacing:.1em;font-weight:780;color:var(--muted)}.app-heading{font-size:28px;font-weight:700;letter-spacing:-.04em;margin:4px 0 0}.heading-count{font-size:13px;background:var(--sidebar);border-radius:15px;padding:3px 8px;vertical-align:middle;color:var(--muted)}.app-meta{font-size:10px;letter-spacing:.07em;color:var(--muted);font-weight:650;display:flex;gap:7px;align-items:center}.app-meta .glyph{height:15px;width:15px}.tiny-green{display:inline-block;background:#2bc78a;border-radius:50%;height:7px;width:7px;flex:none}.section-lead{font-size:13px;line-height:1.6;color:var(--muted)}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;padding:11px 15px;background:var(--accent);color:white;font-weight:700;font-size:12px}.primary-btn .glyph{height:16px;width:16px}.primary-btn:hover{filter:brightness(.92)}.subtle-btn,.ghost-btn{border:1px solid var(--line);background:var(--paper-alt);border-radius:9px;padding:10px 14px;color:var(--text);font-weight:650;font-size:11px}.subtle-btn:hover,.ghost-btn:hover{background:var(--highlight)}
/* Launchpad / app catalog */
.overview-app{min-height:100%;padding:24px 28px;display:flex;flex-direction:column;background:var(--paper)}.overview-heading{background:linear-gradient(120deg,#e8f4ff,#eee9fd);border-radius:15px;padding:27px;position:relative;overflow:hidden;min-height:200px;display:flex;align-items:center}body[data-mode="dark"] .overview-heading{background:linear-gradient(130deg,#354a68,#343456)}.overview-heading h1{font-size:33px;line-height:1.07;margin:11px 0;letter-spacing:-.055em;font-weight:730}.overview-heading em{font-style:normal;color:var(--accent)}.overview-heading p{font-size:12px;max-width:340px;line-height:1.6;color:var(--muted);margin:7px 0 17px}.overview-actions{display:flex;flex-wrap:wrap;gap:9px}.eyebrow-rule{display:none}.orbit-visual{position:absolute;right:27px;top:16px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 45% 30%,#fff,#a5c5ef 30%,#9aa3ea 56%,#6188ba 73%);box-shadow:inset -12px -12px 35px #4056aa55,0 15px 34px #688bd762}.orbit-visual .orbit-center{position:absolute;inset:0;display:grid;place-items:center;color:#fff}.orbit-center .glyph{width:75px;height:75px}.orbit-visual .orbit,.orbit-visual .orbit-point,.orbit-card{display:none}.overview-section-heading{display:flex;justify-content:space-between;align-items:end;margin:24px 0 13px}.overview-section-heading h2{font-size:16px;margin:4px 0 0}.section-right{font-size:10px;color:var(--muted)}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.quick-card{border:1px solid var(--line);background:var(--paper);border-radius:13px;text-align:left;padding:13px 11px;display:flex;flex-direction:column;gap:10px;position:relative;color:var(--text);min-width:0}.quick-card:hover{border-color:#9cbaee;background:var(--highlight)}.quick-icon{height:41px;width:41px;display:grid;place-items:center;border-radius:11px;color:white}.quick-icon .glyph{width:23px;height:23px}.quick-card-text{display:flex;flex-direction:column;gap:3px}.quick-card-text strong{font-size:12px}.quick-card-text small{font-size:10px;color:var(--muted)}.quick-arrow{display:none!important}.overview-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;color:var(--muted);font-size:10px}.overview-footer span{display:flex;align-items:center;gap:7px}.overview-footer .glyph{width:13px;height:13px}
/* Finder */
.finder-layout{display:flex;height:100%;min-height:0}.finder-sidebar{width:188px;flex:none;background:var(--sidebar);border-right:1px solid var(--line);padding:19px 11px 12px;display:flex;flex-direction:column;gap:4px}.finder-sidebar h4{margin:12px 10px 8px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:700}.finder-side-btn{display:flex;gap:10px;width:100%;align-items:center;border:0;background:transparent;color:var(--text);border-radius:8px;padding:9px 12px;text-align:left;font-weight:560}.finder-side-btn .glyph{width:17px;height:17px;color:#468ee9}.finder-side-btn:hover,.finder-side-btn.selected{background:#6c8dbb2c}.finder-side-btn.selected{font-weight:720}.finder-side-footer{margin-top:auto;font-size:10px;color:var(--muted);padding:12px;line-height:1.6}.finder-main{flex:1;min-width:0;overflow:auto;padding:25px 28px}.finder-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:10px}.finder-path{color:var(--muted);font-size:11px}.finder-title{font-size:28px;margin:5px 0 0;letter-spacing:-.045em}.finder-view{display:flex;gap:6px;color:var(--muted)}.finder-view .glyph{width:16px;height:16px}.finder-group-label{font-size:11px;font-weight:740;color:var(--muted);margin:0 0 14px}.finder-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:28px}.finder-folder{border:1px solid var(--line);border-radius:12px;padding:17px 10px 13px;background:var(--paper);color:var(--text);display:flex;gap:10px;align-items:center;flex-direction:column;font-weight:620;font-size:12px;min-width:0}.finder-folder:hover{background:var(--highlight);border-color:#8db7eb}.finder-folder .glyph{width:42px;height:42px;color:#5b9ce9;fill:#8ac7ff3d;stroke-width:1.35}.finder-folder small{font-size:10px;color:var(--muted);font-weight:450}.finder-file-head{padding:11px 13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.08em}.finder-file-list{display:grid}.finder-file{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:var(--text);display:flex;align-items:center;gap:13px;padding:12px 9px}.finder-file:hover{background:var(--highlight)}.finder-file .glyph{width:22px;height:22px;color:#639ae0}.finder-file div{display:flex;flex-direction:column;gap:3px}.finder-file strong{font-weight:620}.finder-file small{color:var(--muted);font-size:11px}.finder-file .file-arrow{margin-left:auto;font-size:20px;color:var(--muted)}
/* Legacy generic files + viewer */
.files-toolbar{display:flex;justify-content:space-between;padding:12px;background:var(--paper-alt);border-radius:8px;color:var(--muted);font-size:11px;margin-bottom:8px}.files-toolbar>span{display:flex;gap:6px;align-items:center}.files-toolbar .glyph{width:15px;height:15px}.file-row{display:flex;align-items:center;width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:14px 8px;gap:13px;text-align:left;color:var(--text)}.file-row:hover{background:var(--highlight)}.file-icon{height:37px;width:37px;display:grid;place-items:center;background:var(--highlight);border-radius:8px;color:var(--accent)}.file-icon .glyph{width:19px;height:19px}.file-name{display:flex;flex-direction:column;gap:4px}.file-name small{color:var(--muted)}.file-open{margin-left:auto;color:var(--muted)}.file-open .glyph{width:18px;height:18px}.file-footer{margin-top:auto;color:var(--muted);font-size:10px;display:flex;gap:6px;align-items:center}.file-footer .glyph{width:12px;height:12px}.viewer{background:var(--paper-alt);color:var(--text);border:1px solid var(--line);padding:21px;white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:12px;line-height:1.9;border-radius:12px;overflow:auto;flex:1}
/* Notes */
.notes-app{padding:23px;gap:0}.notes-app .app-toolbar{margin-bottom:12px}.notes-app textarea{width:100%;flex:1;resize:none;border:1px solid var(--line);border-radius:11px;background:var(--paper-alt);color:var(--text);padding:23px;line-height:1.8;font-size:14px;outline:none;min-height:150px}.notes-app textarea:focus{border-color:#9bc0eb}.notes-app textarea::placeholder{color:#9ba8b7}.notes-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:var(--muted);font-size:10px;gap:10px}
/* Terminal */
.terminal-app{background:#182233;height:100%;display:flex;flex-direction:column;color:#d4e1f1;padding:0}.terminal-head{height:42px;border-bottom:1px solid #ffffff1c;padding:12px 19px;color:#aabbd1;font-size:11px;display:flex;align-items:center;gap:9px}.terminal-version{margin-left:auto;color:#7186a2}.terminal-output{padding:18px 21px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.8;overflow:auto;flex:1;min-height:0}.terminal-line{white-space:pre-wrap;overflow-wrap:anywhere}.terminal-line strong{color:#8adebb}.terminal-prompt{color:#89d7b9}.terminal-error{color:#ff9d9d}.terminal-form{padding:10px 21px 21px;display:flex;gap:10px;align-items:center;font:12px ui-monospace,Menlo,Consolas,monospace;color:#8cdeb5}.terminal-form input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:#fff;font:inherit}.terminal-form input::placeholder{color:#7f8aa0}
/* Calculator */
.calc-app{height:100%;padding:22px;background:var(--paper-alt);display:flex;flex-direction:column;gap:12px}.calc-screen{height:122px;flex:none;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:15px 17px;text-align:right;display:flex;flex-direction:column;justify-content:space-between}.calc-small{font-size:10px;color:var(--muted);letter-spacing:.06em}.calc-display{font-size:38px;font-weight:450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.04em}.calc-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,minmax(0,1fr));gap:8px}.calc-key{border:1px solid var(--line);background:var(--paper);border-radius:10px;color:var(--text);font-size:18px;font-weight:450}.calc-key:hover{background:var(--highlight)}.calc-key.operator{background:#dfebfc;color:#276bd7;border-color:#c9def8}body[data-mode="dark"] .calc-key.operator{background:#24456e;color:#b5d5ff}.calc-key.equal{background:var(--accent);color:white;border:0}
/* Settings */
.settings-group{background:var(--paper-alt);border:1px solid var(--line);border-radius:13px;padding:16px;margin:16px 0 0}.group-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.group-header h3{margin:0;font-size:14px}.group-header small{color:var(--muted);font-size:11px}.theme-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.theme-choice{position:relative;background:var(--paper);border:2px solid transparent;border-radius:10px;text-align:left;color:var(--text);padding:5px 5px 10px;font-weight:650}.theme-choice:hover{border-color:#a4c7f4}.theme-choice.active{border-color:var(--accent)}.theme-swatch{height:84px;display:block;border-radius:7px;margin-bottom:9px;background-position:center;background-size:cover}.theme-swatch.cosmic{background-image:url('wallpaper-blue.svg')}.theme-swatch.ocean{background-image:url('wallpaper-ocean.svg')}.theme-swatch.sunset{background-image:url('wallpaper-pink.svg')}.swatch-orb{display:none}.theme-choice>span:nth-child(2){margin-left:5px}.theme-check{position:absolute;right:11px;bottom:11px;color:var(--accent);opacity:0}.theme-choice.active .theme-check{opacity:1}.settings-system{margin-bottom:10px}.system-info{display:flex;justify-content:space-between;align-items:center}.system-info span{display:flex;align-items:center;gap:9px;font-weight:780}.system-info .glyph{color:var(--accent)}.system-info strong{font-size:11px;color:var(--muted)}.settings-note{font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:0}.appearance-switch{display:flex;gap:12px;justify-content:space-between;align-items:center;background:var(--paper-alt);border:1px solid var(--line);border-radius:12px;padding:15px 16px;margin-top:12px}.appearance-switch strong{display:block}.appearance-switch small{display:block;color:var(--muted);margin-top:4px}.toggle{height:27px;width:48px;border:0;border-radius:20px;background:#b8c3d3;position:relative;flex:none}.toggle:after{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:white;left:3px;top:3px;box-shadow:0 1px 4px #0003;transition:transform .2s}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translateX(21px)}
/* Paint and arcade */
.paint-app{height:100%;padding:19px 24px;display:flex;flex-direction:column;align-items:center;gap:14px}.paint-top{width:100%;display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}.palette{display:flex;gap:6px;flex-wrap:wrap}.color-choice{height:25px;width:25px;border:2px solid #fff;border-radius:7px;box-shadow:0 0 0 1px #0002}.color-choice.selected{outline:2px solid var(--accent);outline-offset:1px}.paint-canvas{width:min(100%,540px);max-height:64%;height:auto;aspect-ratio:20/14;image-rendering:pixelated;background:white;touch-action:none;border:7px solid #e7ecf5;box-shadow:0 7px 24px #1c315b30;cursor:crosshair;border-radius:7px}.paint-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.paint-help{color:var(--muted);font-size:10px;text-align:center}.memory-app{padding:25px 24px;text-align:center;min-height:100%}.memory-app h2{margin:8px 0 4px;font-size:26px;letter-spacing:-.04em}.memory-meta{display:flex;justify-content:space-between;max-width:365px;margin:0 auto 15px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.08em}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;max-width:365px;margin:auto}.memory-card{aspect-ratio:1;border-radius:11px;border:1px solid #c4d3eb;background:#e9f0fb;color:#6682b2;font-size:26px}.memory-card:hover{background:#dceafc}.memory-card.flipped{background:white}.memory-card.matched{background:#c9f2dd;color:#205e41}.memory-again{margin-top:17px}
/* Calendar */
.calendar-app{padding:21px 25px;display:flex;flex-direction:column;min-height:100%}.calendar-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.calendar-top h2{font-size:22px;margin:3px 0}.calendar-nav{display:flex;gap:7px}.calendar-nav button{border:1px solid var(--line);background:var(--paper-alt);border-radius:7px;padding:6px 10px;color:var(--text)}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}.calendar-week{margin-top:20px;padding-bottom:9px;color:var(--muted);font-size:10px;font-weight:700}.calendar-grid button,.calendar-grid span{height:39px;display:grid;place-items:center;border-radius:8px;font-size:12px;border:0;background:transparent;color:var(--text)}.calendar-grid button:hover{background:var(--highlight)}.calendar-grid button.today{background:var(--accent);color:white;font-weight:750}.calendar-grid button.selected:not(.today){background:var(--highlight);color:var(--accent);font-weight:750}.calendar-bottom{margin-top:auto;padding:18px 5px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
/* Control center and spotlight */
.control-center{position:absolute;z-index:1800;right:17px;top:42px;width:304px;border:1px solid #fffd;border-radius:18px;background:var(--glass);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:0 22px 55px #172b4a6b;padding:17px;color:var(--text)}.control-title{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:770;margin-bottom:13px}.control-title span{font-size:10px;font-weight:580;color:var(--muted)}.control-chip{background:var(--paper);border-radius:12px;display:flex;align-items:center;gap:10px;padding:12px}.control-chip .control-icon{width:37px;height:37px;background:#447dde;color:white;border-radius:10px;display:grid;place-items:center}.control-chip .glyph{width:19px;height:19px}.control-chip div{display:flex;flex-direction:column;gap:4px}.control-chip strong{font-size:12px}.control-chip small{font-size:10px;color:var(--muted)}.control-active{margin-left:auto;color:#1e9c6a;font-size:10px;font-weight:750}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.control-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--paper);color:var(--text);border:0;border-radius:11px;padding:13px}.control-tile .glyph{color:var(--accent)}.control-tile strong{font-size:12px}.control-tile small{font-size:10px;color:var(--muted)}.control-tile:hover{background:var(--highlight)}.control-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:10px;color:var(--muted)}.control-bottom button{background:transparent;border:0;color:var(--accent);font-weight:750;font-size:10px}
.toast{position:absolute;bottom:112px;left:50%;transform:translate(-50%,10px);padding:11px 16px;background:#243651e8;color:white;box-shadow:0 10px 25px #0004;border-radius:10px;opacity:0;pointer-events:none;z-index:2500;transition:.2s;white-space:nowrap;max-width:calc(100vw - 20px);overflow:hidden;text-overflow:ellipsis}.toast.show{opacity:1;transform:translate(-50%,0)}
.command-backdrop{position:fixed;inset:0;z-index:2200;background:#1b2b5060;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);display:flex;align-items:flex-start;justify-content:center;padding:13vh 15px 15px}.command-palette{width:min(100%,610px);border-radius:16px;border:1px solid #ffffffae;background:var(--glass);backdrop-filter:blur(35px);overflow:hidden;box-shadow:0 30px 85px #1123468f;color:var(--text)}.command-search{height:67px;display:flex;align-items:center;gap:14px;padding:0 21px;border-bottom:1px solid var(--line)}.command-search .glyph{height:25px;width:25px;color:var(--muted)}.command-search input{flex:1;min-width:0;border:0;background:transparent;outline:0;font-size:21px;color:var(--text)}.command-search input::placeholder{color:var(--muted)}.command-search button{border:1px solid var(--line);background:var(--paper-alt);border-radius:5px;color:var(--muted);padding:5px 7px;font-size:10px}.command-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 21px 10px;font-size:10px;color:var(--muted);letter-spacing:.1em;font-weight:760}.command-heading span{opacity:.7}.command-results{padding:0 12px 12px;max-height:350px;overflow:auto}.command-item{border:0;display:flex;gap:12px;align-items:center;width:100%;color:var(--text);padding:9px 11px;background:transparent;text-align:left;border-radius:8px;font-weight:650}.command-item:hover,.command-item.selected{background:var(--accent);color:white}.command-item-icon{height:37px;width:37px;border-radius:9px;background:#bcd7ff;display:grid;place-items:center;color:#2478c7}.command-item.selected .command-item-icon{background:#ffffff50;color:white}.command-arrow{margin-left:auto;width:15px!important;height:15px!important}.command-empty{padding:26px;color:var(--muted)}.command-footer{display:flex;gap:19px;padding:12px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.command-footer kbd{padding:3px 5px;border-radius:4px;background:var(--paper-alt);border:1px solid var(--line);margin-right:3px}
@media(max-width:1080px){.desktop-widgets{right:17px;top:360px;transform:scale(.85);transform-origin:top right}.desktop-icons{right:15px}.dock-app{width:53px;height:56px}.dock-icon{height:48px;width:48px}.dock-icon .glyph{width:27px;height:27px}}
@media(max-width:780px){.menubar{padding:0 10px;gap:3px}.menu-item,.menu-live{display:none!important}.menu-brand{gap:0}.menu-app{font-size:12px}.clock-btn{font-size:10px!important;min-width:100px;padding:0 2px!important}.menu-actions{gap:2px}.desktop-widgets{display:none}.desktop-icons{right:12px;top:65px;grid-template-columns:repeat(3,70px);width:auto;gap:5px}.desktop-icon{font-size:10px;gap:5px}.desktop-folder{height:43px;width:50px}.desktop-folder .glyph{width:23px;height:23px}.desktop-folder:before{width:21px;height:5px}.window,.window.maximized{left:7px!important;top:43px!important;width:calc(100vw - 14px)!important;height:calc(100% - 133px)!important;resize:none;min-width:0;min-height:0;border-radius:13px}.window-header{height:47px;padding:0 12px}.window-badge{font-size:9px;min-width:36px}.dock{bottom:max(8px,env(safe-area-inset-bottom));max-width:calc(100vw - 12px);padding:5px;gap:3px;border-radius:15px}.dock-group{gap:2px}.dock-app{width:40px;height:44px;padding:1px}.dock-icon{width:38px;height:38px;border-radius:9px}.dock-icon .glyph{width:21px;height:21px}.dock-sep{height:31px;margin:0 2px}.dock-dot{bottom:0}.dock-tooltip{display:none}.app-inner{padding:17px}.app-heading{font-size:23px}.finder-sidebar{width:130px;padding:12px 5px}.finder-sidebar h4{margin-left:7px}.finder-side-btn{padding:8px;gap:5px;font-size:11px}.finder-main{padding:18px}.finder-folder-grid{gap:7px}.finder-folder{padding:11px 3px;font-size:10px}.finder-folder .glyph{height:30px;width:30px}.paint-app{padding:12px;gap:8px}.paint-canvas{max-height:49%}.paint-help{font-size:9px}.overview-app{padding:15px}.overview-heading{padding:18px;min-height:206px}.overview-heading h1{font-size:27px}.orbit-visual{height:120px;width:120px;right:11px;top:35px;opacity:.55}.overview-heading p{max-width:230px}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-card{flex-direction:row;align-items:center}.overview-footer{flex-wrap:wrap;font-size:9px}.theme-swatch{height:55px}.settings-group{padding:12px}.control-center{right:7px;top:40px}.command-backdrop{padding-top:8vh}}
@media(max-width:440px){.menu-app{font-size:11px}.clock-btn{min-width:88px;font-size:9px!important}.menubar-icon{width:24px!important}.dock{width:calc(100vw - 12px);justify-content:center}.dock-group{flex:1;justify-content:space-around;gap:0}.dock-app{width:34px;height:41px}.dock-icon{height:33px;width:33px;border-radius:9px}.dock-icon .glyph{height:18px;width:18px}.dock-sep{margin:0 2px}.finder-sidebar{width:103px}.finder-side-btn{font-size:10px}.finder-main{padding:12px}.finder-title{font-size:21px}.finder-folder-grid{grid-template-columns:repeat(2,1fr)}.finder-folder small{font-size:9px}.app-toolbar{gap:6px}.app-meta{font-size:9px}.notes-app{padding:12px}.notes-app textarea{padding:13px}.notes-footer{flex-wrap:wrap}.settings-group .group-header{display:block}.theme-list{gap:5px}.theme-swatch{height:43px}.theme-choice{font-size:10px}.paint-top{justify-content:center}.paint-canvas{max-height:43%}.paint-actions .primary-btn,.paint-actions .ghost-btn{font-size:10px;padding:8px}.memory-app{padding:19px 13px}.memory-grid{gap:6px}.memory-card{font-size:20px}.overview-heading h1{font-size:24px}.overview-heading p{font-size:10px}.orbit-visual{right:-28px}.quick-icon{width:34px;height:34px}.quick-card{padding:10px 8px}.quick-card-text small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}