:root {
  color-scheme:dark;
  font-family:Inter,"Noto Sans",system-ui,sans-serif;
  --bg:#07090a;--text:#f1f5f7;--muted:#9ca6ab;--faint:#657077;
  --shell-hi:#30363a;--shell:#20262a;--shell-lo:#111518;--well:#050708;--well-2:#0b0f11;
  --line:#030405;--soft-line:#454e53;--blue:#2a9fff;--blue-glow:rgba(42,159,255,.5);
  --violet:#a483ff;--green:#64d782;--amber:#ffb553;--cyan:#55d8e9;
  --shadow:0 22px 60px rgba(0,0,0,.5);--key-shadow:0 3px 5px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.13),inset 0 -1px rgba(0,0,0,.85);
  --wallpaper-overlay:linear-gradient(rgba(3,5,7,.18),rgba(3,5,7,.18));
}
body[data-theme="graphite"]{--bg:#161a1c;--shell-hi:#454c50;--shell:#30363a;--shell-lo:#202528;--well:#15191b;--well-2:#1a1f22;--line:#0e1113;--wallpaper-overlay:linear-gradient(rgba(9,12,14,.12),rgba(9,12,14,.12))}
body[data-theme="light"]{color-scheme:light;--bg:#d9dde0;--text:#182025;--muted:#626d73;--faint:#7b858a;--shell-hi:#fbfbf8;--shell:#e6e8e5;--shell-lo:#c9cecb;--well:#cbd1d3;--well-2:#dbe0e1;--line:#899093;--soft-line:#fff;--shadow:0 20px 50px rgba(28,38,42,.25);--key-shadow:0 3px 5px rgba(38,42,43,.3),inset 0 1px #fff,inset 0 -1px rgba(70,76,78,.34);--wallpaper-overlay:linear-gradient(rgba(255,255,255,.04),rgba(255,255,255,.04))}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-sprite symbol:first-child path{fill:currentColor;stroke:none}
.desktop-shell{width:100vw;height:100vh;display:grid;grid-template-columns:25% 50% 25%;background:color-mix(in srgb,var(--workspace-accent,#56baff) 18%,black);isolation:isolate}
.desktop-shell::before{content:none}
.zone{min-width:0;height:100%;padding:24px;overflow:hidden;background:linear-gradient(115deg,color-mix(in srgb,var(--shell-hi) 78%,transparent),color-mix(in srgb,var(--shell) 93%,transparent) 45%,color-mix(in srgb,var(--shell-lo) 94%,transparent));box-shadow:inset 1px 0 rgba(255,255,255,.08),inset -1px 0 rgba(0,0,0,.82)}
.apps-zone{display:flex;flex-direction:column;border-right:1px solid var(--line)}.systems-zone{display:flex;flex-direction:column;gap:14px;border-left:1px solid var(--line);overflow-y:auto;scrollbar-width:none}.systems-zone::-webkit-scrollbar{display:none}
.zone-heading{height:70px;display:flex;align-items:start;justify-content:space-between}.eyebrow,.small-heading{font:750 10px/1.2 ui-monospace,monospace;letter-spacing:.12em;color:var(--muted)}h1{margin:5px 0 0;font-size:26px;letter-spacing:-.04em}.icon-key{width:40px;height:40px;padding:0;display:grid;place-items:center}.icon-key svg{width:19px;height:19px}
.surface-key,.app-key,.quick-toggle,.folder-tab,.nav-choice{border:1px solid var(--line);background:linear-gradient(var(--shell-hi),var(--shell-lo));box-shadow:var(--key-shadow);transition:transform 55ms cubic-bezier(.2,.8,.2,1),box-shadow 55ms ease,filter 55ms ease,color 55ms linear,border-color 55ms linear;transform-origin:50% 100%}
.surface-key{border-radius:10px;padding:9px 12px;text-decoration:none}.surface-key:hover,.app-key:hover,.quick-toggle:hover,.folder-tab:hover,.nav-choice:hover{filter:brightness(1.08);transform:translateY(-1px)}
.surface-key:active,.app-key:active,.quick-toggle:active,.folder-tab:active,.nav-choice:active{transform:translateY(3px) scaleY(.965);filter:brightness(.87);box-shadow:inset 0 4px 7px rgba(0,0,0,.74),inset 0 1px rgba(255,255,255,.06);transition-duration:45ms}
.surface-key:focus-visible,.app-key:focus-visible,.quick-toggle:focus-visible,.folder-tab:focus-visible,.nav-choice:focus-visible,.content-row:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.app-rack{height:93px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:9px;border:1px solid var(--line);border-radius:20px;background:var(--well);box-shadow:inset 0 5px 13px rgba(0,0,0,.72),0 1px rgba(255,255,255,.09)}
.app-key{min-width:0;position:relative;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.app-key svg{width:24px;height:24px}.app-key span{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:var(--muted)}.app-key>i{position:absolute;bottom:3px;width:17px;height:2px;border-radius:3px;background:transparent}.app-key.is-open>i{background:var(--blue);box-shadow:0 0 7px var(--blue-glow)}.app-key.is-active{transform:translateY(2px) scaleY(.985);color:var(--blue);border-color:color-mix(in srgb,var(--blue) 38%,var(--line));box-shadow:inset 0 3px 6px rgba(0,0,0,.7),0 0 7px rgba(42,159,255,.12)}.app-key.is-minimized{color:var(--muted);filter:brightness(.82)}
.mini-section{min-height:0;flex:1;margin-top:20px;display:flex;flex-direction:column}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px}.section-heading h2,.widget-heading h2{font-size:13px;margin:0}.section-heading span,.widget-heading>span{font:700 10px ui-monospace,monospace;color:var(--muted)}.mini-stack{min-height:0;overflow-y:auto;display:grid;align-content:start;gap:12px;padding:1px 2px 16px;scrollbar-width:thin}
.mini-card{position:relative;border:1px solid var(--line);border-radius:19px;padding:13px;background:radial-gradient(circle at 15% 0,rgba(255,255,255,.08),transparent 38%),linear-gradient(120deg,var(--shell-hi),var(--shell) 45%,var(--shell-lo));box-shadow:0 10px 24px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}.mini-card::after{content:"";position:absolute;left:17px;right:17px;top:0;height:2px;border-radius:0 0 4px 4px;background:var(--blue);box-shadow:0 0 8px var(--blue-glow)}.mini-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mini-card header>div{display:flex;align-items:center;gap:9px}.mini-card header b{font-size:12px}.mini-card header small{display:block;color:var(--muted);font-size:10px}.mini-card .mini-actions{display:flex;gap:5px}.mini-control{width:31px;height:29px;padding:0;display:grid;place-items:center}.mini-control svg{width:14px;height:14px}.mini-music{display:grid;grid-template-columns:44px 1fr;gap:10px}.mini-art{height:44px;border-radius:9px;background:linear-gradient(145deg,#12263d,#05070a 58%,#293c50);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.mini-track b,.mini-track small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-track b{font-size:12px}.mini-track small{font-size:10px;color:var(--muted);margin-top:3px}.mini-transport{grid-column:1/-1;display:grid;grid-template-columns:31px 38px 31px 1fr;align-items:center;gap:5px}.mini-transport input{width:100%}.mini-files{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:11px}.mini-files span{color:var(--muted)}.mini-open{margin-top:10px;width:100%}
.apps-bottom{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.recessed-field{min-width:0;height:40px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--well);box-shadow:inset 0 3px 8px rgba(0,0,0,.74),0 1px rgba(255,255,255,.09);transition:transform 55ms,border-color 55ms,box-shadow 55ms}.recessed-field:focus-within{transform:translateY(2px);border-color:color-mix(in srgb,var(--blue) 48%,var(--line));box-shadow:inset 0 4px 9px rgba(0,0,0,.78),0 0 0 1px rgba(42,159,255,.25)}.recessed-field input{min-width:0;width:100%;border:0;outline:0;background:transparent}.recessed-field svg{width:17px;color:var(--muted)}.bottom-actions{display:flex;justify-content:space-between;gap:10px}.lab-link{font-size:11px;color:var(--muted)}
.workspace-zone{min-width:0;height:100%;padding:18px;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 4%,transparent 96%,rgba(0,0,0,.3));overflow:hidden}.workspace-depth{position:absolute;inset:7px;pointer-events:none;border:1px solid rgba(0,0,0,.72);border-radius:30px;box-shadow:inset 0 5px 15px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.06)}.workspace-depth span{position:absolute;top:14px;width:5px;height:5px;border-radius:50%;background:#050607;box-shadow:inset 0 1px 2px #000}.workspace-depth span:nth-child(1){left:17px}.workspace-depth span:nth-child(2){left:29px}.workspace-depth span:nth-child(3){left:41px}
.app-frame{position:relative;z-index:2;width:100%;height:100%;display:grid;grid-template-rows:58px 58px minmax(0,1fr) 32px;border:1px solid var(--line);border-radius:25px;overflow:hidden;background:radial-gradient(circle at 25% 0,rgba(255,255,255,.075),transparent 32%),linear-gradient(115deg,var(--shell-hi),var(--shell) 40%,var(--shell-lo));box-shadow:var(--shadow),inset 1px 1px rgba(255,255,255,.12),inset -1px -1px rgba(0,0,0,.75)}.app-frame[hidden]{display:none}.app-titlebar{display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 16px;border-bottom:1px solid var(--line)}.app-identity{display:flex;align-items:center;gap:10px}.app-identity b,.app-identity small{display:block}.app-identity b{font-size:13px}.app-identity small{font-size:10px;color:var(--muted);margin-top:2px}.app-badge{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--well);box-shadow:inset 0 2px 5px rgba(0,0,0,.7),0 1px rgba(255,255,255,.08)}.app-badge svg{width:18px;height:18px}.app-badge.blue{color:var(--blue)}.app-badge.violet{color:var(--violet)}.app-badge.cyan{color:var(--cyan)}.app-badge.green{color:var(--green)}.app-badge.amber{color:var(--amber)}.window-actions{display:flex;gap:6px}.window-key{width:35px;height:31px;padding:0;display:grid;place-items:center}.window-key svg{width:15px}.window-key.danger{background:linear-gradient(#ff755d,#a6281e);color:white}
.app-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:8px 11px}.key-group{display:flex;gap:2px}.compact-key{width:39px;height:39px;padding:0;display:grid;place-items:center}.compact-key svg{width:18px}.address-bar{height:39px}.live-slit{width:3px;height:23px;border-radius:4px;background:var(--blue);box-shadow:0 0 8px var(--blue-glow)}
.dolphin-layout{min-height:0;display:grid;grid-template-columns:150px minmax(0,1fr);gap:9px;padding:0 11px 10px}.places-list{display:flex;flex-direction:column;gap:4px;padding:8px 9px 8px 0;border-right:1px solid var(--line)}.places-list .small-heading{margin:8px 7px 3px}.nav-choice{height:34px;border-color:transparent;border-radius:8px;padding:0 9px;display:flex;align-items:center;gap:8px;background:transparent;box-shadow:none;text-align:left}.nav-choice svg{width:16px;color:var(--muted)}.nav-choice.is-active{transform:translateY(2px) scaleY(.985);background:var(--well);color:var(--blue);border-color:var(--line);box-shadow:inset 0 3px 6px rgba(0,0,0,.68)}
.files-module{min-width:0;display:flex;flex-direction:column}.folder-tabs{height:40px;display:flex;align-items:flex-start;gap:4px;padding:4px 5px 3px;overflow:visible;position:relative;z-index:3}.folder-tab{min-width:100px;height:31px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;border-radius:12px 12px 5px 5px;color:var(--muted);font-size:11px}.folder-tab.is-active{transform:translateY(2px) scaleY(.985);z-index:4;color:var(--text);background:var(--well-2);box-shadow:inset 0 3px 6px rgba(0,0,0,.7);border-color:color-mix(in srgb,var(--blue) 32%,var(--line))}.folder-tab.is-active::after{content:"";position:absolute;left:18%;right:18%;bottom:2px;height:2px;border-radius:3px;background:var(--blue);box-shadow:0 0 7px var(--blue-glow)}.file-well{min-height:0;flex:1;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:linear-gradient(145deg,var(--well-2),var(--well));box-shadow:inset 0 5px 13px rgba(0,0,0,.78),0 1px rgba(255,255,255,.08)}.file-head,.content-row{display:grid;grid-template-columns:minmax(180px,1fr) 90px 105px;align-items:center}.file-head{height:34px;padding:0 13px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.content-row{width:100%;height:44px;padding:0 13px;border:0;border-bottom:1px solid rgba(0,0,0,.2);background:rgba(255,255,255,.035);text-align:left}.content-row:nth-child(even){background:rgba(255,255,255,.012)}.content-row:hover{background:color-mix(in srgb,var(--blue) 11%,rgba(255,255,255,.03))}.content-row.is-selected{background:color-mix(in srgb,var(--blue) 19%,var(--well-2));box-shadow:inset 3px 0 var(--blue)}.content-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-row small{font-size:10px;color:var(--muted)}.folder-glyph,.document-glyph{width:18px;height:14px;display:inline-block;margin-right:9px;vertical-align:-2px;border-radius:2px;background:linear-gradient(#4db8ff,#0879d4)}.document-glyph{height:18px;background:#e7eae7;box-shadow:inset -3px 0 #b9c0bc}.document-glyph.image{box-shadow:inset -3px 0 #b9c0bc,inset 0 -3px #ff6a57}.app-status{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.app-frame[data-app-frame="elisa"]{grid-template-rows:58px 210px 76px minmax(0,1fr)}.music-hero{display:grid;grid-template-columns:155px 1fr 130px;align-items:center;gap:20px;padding:20px;border-bottom:1px solid var(--line);background:var(--well)}.album-block{height:160px;border-radius:17px;background:linear-gradient(145deg,#162a43,#030507 60%,#39536b);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 11px 25px rgba(0,0,0,.4)}.album-block span{font:600 13px/1.25 ui-monospace,monospace;text-align:center;color:#c8d8e7}.track-copy h2{margin:7px 0 2px;font-size:24px}.track-copy p{margin:0;color:var(--muted)}.equalizer{height:90px;display:flex;align-items:end;gap:7px}.equalizer i{width:8px;height:35%;border-radius:5px;background:var(--blue);box-shadow:0 0 8px var(--blue-glow);animation:equalize 1.2s ease-in-out infinite alternate}.equalizer i:nth-child(2){height:78%;animation-delay:-.7s}.equalizer i:nth-child(3){height:52%;animation-delay:-.2s}.equalizer i:nth-child(4){height:92%;animation-delay:-.9s}.equalizer i:nth-child(5){height:41%;animation-delay:-.4s}.equalizer i:nth-child(6){height:69%;animation-delay:-.6s}.equalizer i:nth-child(7){height:30%;animation-delay:-.1s}@keyframes equalize{to{height:18%}}body:not(.music-playing) .equalizer i{animation-play-state:paused}.music-controls{display:grid;grid-template-columns:43px 54px 43px auto minmax(100px,1fr) auto 20px 100px;gap:8px;align-items:center;padding:10px 15px;border-bottom:1px solid var(--line)}.music-key{height:43px;padding:0;display:grid;place-items:center}.music-key.primary{height:53px;border-radius:16px;color:var(--blue)}.music-key svg{width:18px}.track-range,.volume-range{accent-color:var(--blue)}.volume-icon{width:17px;color:var(--muted)}.playlist{min-height:0;overflow:auto;padding:10px}.playlist .content-row{grid-template-columns:1fr 130px 50px;border-radius:8px;border-bottom:0}
.simple-app{grid-template-rows:58px minmax(0,1fr)}.browser-toolbar{display:grid;grid-template-columns:39px 39px 1fr;gap:7px;padding:12px}.browser-toolbar .recessed-field{height:39px}.start-page{display:flex;flex-direction:column;align-items:center;justify-content:center}.large-time{font-size:76px;font-weight:250;letter-spacing:-.07em}.start-page p{color:var(--muted)}.site-grid{width:min(430px,75%);display:grid;grid-template-columns:1fr 1fr;gap:12px}.site-grid button{height:64px}.terminal-screen{padding:22px;background:#030506;color:#dce9e2;font:13px/1.7 ui-monospace,monospace;overflow:auto}.terminal-screen b{color:var(--green)}.terminal-screen i{color:var(--blue);font-style:normal}.terminal-output{color:var(--muted)}.terminal-screen label{display:flex;gap:7px}.terminal-screen input{flex:1;border:0;outline:0;background:transparent;font:inherit}.notes-layout{display:grid;grid-template-columns:170px 1fr;min-height:0}.notes-layout nav{padding:14px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.notes-layout textarea{resize:none;border:0;outline:0;padding:30px;background:var(--well);color:var(--text);font:16px/1.7 system-ui}
.empty-workspace{position:absolute;inset:18px;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted)}.empty-workspace[hidden]{display:none}.empty-mark{width:70px;height:70px;border:1px solid var(--sd-glass-edge);border-radius:22px;display:grid;place-items:center;background:linear-gradient(128deg,rgba(255,255,255,.10),transparent 58%),color-mix(in srgb,var(--sd-glass-face) 55%,transparent);box-shadow:0 5px 15px rgba(0,0,0,.12),inset 0 1px var(--sd-glass-highlight),inset 1px 0 var(--sd-glass-edge-soft),inset 0 -1px var(--sd-glass-groove-low);-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08)}.empty-mark svg{width:27px;color:var(--blue)}
.time-block{display:flex;align-items:end;gap:16px;padding:4px 4px 15px;border-bottom:1px solid var(--line)}.time-block>span{font-size:42px;line-height:.9;font-weight:250;letter-spacing:-.05em}.time-block b,.time-block small{display:block}.time-block b{font-size:13px}.time-block small{margin-top:4px;color:var(--muted);font-size:11px}.system-widget{border:1px solid var(--line);border-radius:19px;padding:13px;background:linear-gradient(130deg,var(--shell-hi),var(--shell) 52%,var(--shell-lo));box-shadow:0 9px 24px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.1)}.widget-heading{height:32px;display:flex;align-items:start;justify-content:space-between}.widget-heading>div{display:flex;align-items:center;gap:8px}.widget-heading svg{width:17px;color:var(--muted)}.tiny-key{padding:5px 9px;font-size:10px;border-radius:8px}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-week{color:var(--faint);font:700 9px ui-monospace,monospace;margin:5px 0}.calendar-grid button{height:24px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:10px}.calendar-grid button:hover{background:var(--well)}.calendar-grid button.is-today{background:var(--well);color:var(--blue);box-shadow:inset 0 2px 4px rgba(0,0,0,.6),inset 0 -2px var(--blue)}.calendar-grid button.is-outside{opacity:.3}.next-event{margin-top:9px;padding:8px 9px;border-radius:10px;background:var(--well);display:flex;align-items:center;gap:9px}.next-event>i{width:3px;height:26px;border-radius:3px;background:var(--blue);box-shadow:0 0 7px var(--blue-glow)}.next-event b,.next-event small{display:block;font-size:10px}.next-event small{margin-top:3px;color:var(--muted)}
.notification-widget{padding-bottom:8px}.notification{position:relative;display:grid;grid-template-columns:30px 1fr 24px;gap:9px;align-items:center;padding:8px 0;border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.notification .app-badge{width:30px;height:30px;border-radius:9px}.notification b,.notification small{display:block}.notification b{font-size:10px}.notification small{margin-top:3px;font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dismiss-button{width:22px;height:22px;border:0;border-radius:7px;background:transparent;color:var(--muted)}.dismiss-button:hover{background:var(--well);color:var(--text)}
.timer-face{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:7px 0}.timer-face strong{font:500 28px ui-monospace,monospace}.timer-progress{height:7px;border-radius:6px;background:var(--well);box-shadow:inset 0 2px 4px rgba(0,0,0,.7);overflow:hidden}.timer-progress i{display:block;width:0;height:100%;background:var(--blue);box-shadow:0 0 8px var(--blue-glow)}.timer-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.timer-actions button{padding:7px}.device-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px}.phone-silhouette{height:50px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:var(--well);box-shadow:inset 0 2px 5px rgba(0,0,0,.7)}.phone-silhouette span{font:700 10px ui-monospace,monospace;color:var(--green)}.device-row b,.device-row small{display:block}.device-row b{font-size:11px}.device-row small{margin-top:3px;font-size:9px;color:var(--muted)}.battery-track{height:4px;margin-top:7px;border-radius:4px;background:var(--well)}.battery-track i{display:block;width:60%;height:100%;border-radius:4px;background:var(--green);box-shadow:0 0 6px rgba(100,215,130,.4)}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 7px rgba(100,215,130,.5)}
.quick-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.quick-toggle{height:48px;border-radius:14px;display:flex;align-items:center;gap:8px;padding:0 11px;color:var(--muted)}.quick-toggle svg{width:17px}.quick-toggle span{font-size:10px}.quick-toggle.is-active{transform:translateY(2px) scaleY(.985);color:var(--blue);border-color:color-mix(in srgb,var(--blue) 35%,var(--line));box-shadow:inset 0 3px 6px rgba(0,0,0,.68)}.theme-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(90deg,#000 50%,#ddd 50%);border:1px solid var(--line)}
.toast{position:fixed;left:50%;bottom:22px;z-index:100;transform:translate(-50%,18px);padding:10px 14px;border:1px solid var(--soft-line);border-radius:12px;background:var(--shell);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.18s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
input[type="range"]{height:5px;appearance:none;border-radius:6px;background:var(--well);box-shadow:inset 0 2px 4px rgba(0,0,0,.72)}input[type="range"]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:6px;border:1px solid var(--line);background:linear-gradient(var(--shell-hi),var(--shell-lo));box-shadow:var(--key-shadow)}input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:6px;border:1px solid var(--line);background:linear-gradient(var(--shell-hi),var(--shell-lo));box-shadow:var(--key-shadow)}
@media(max-width:1350px){.zone{padding:16px}.app-rack{gap:5px}.app-key span{display:none}.music-hero{grid-template-columns:120px 1fr}.album-block{height:130px}.equalizer{display:none}.calendar-widget{display:none}.systems-zone{gap:10px}.dolphin-layout{grid-template-columns:120px minmax(0,1fr)}}
@media(max-width:1050px){html,body{overflow:auto}.desktop-shell{width:1200px;min-height:760px;grid-template-columns:300px 600px 300px}.zone,.workspace-zone{height:100vh;min-height:760px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
.folder-tab{position:relative}.mini-empty,.notification-empty{padding:18px 10px;text-align:center;color:var(--muted);font-size:11px;border:1px dashed var(--soft-line);border-radius:14px}

/* Spatial multi-window workspace */
.apps-zone{position:relative}
.workspace-zone{isolation:isolate}
.app-frame{
  position:absolute;
  left:7%;
  top:7%;
  width:78%;
  height:78%;
  min-width:0;
  min-height:0;
  transition:box-shadow 120ms ease,filter 120ms ease,opacity 120ms ease;
}
.app-frame[data-app-frame="dolphin"]{left:3%;top:4%;width:78%;height:78%}
.app-frame[data-app-frame="elisa"]{left:24%;top:23%;width:73%;height:72%}
.app-frame[data-app-frame="browser"]{left:10%;top:9%;width:82%;height:78%}
.app-frame[data-app-frame="terminal"]{left:15%;top:14%;width:76%;height:68%}
.app-frame[data-app-frame="notes"]{left:8%;top:12%;width:78%;height:72%}
.app-frame:not(.is-front){filter:saturate(.8) brightness(.86);box-shadow:0 13px 32px rgba(0,0,0,.44),inset 1px 1px rgba(255,255,255,.08)}
.app-frame.is-front{filter:none;box-shadow:0 28px 68px rgba(0,0,0,.62),0 0 0 1px rgba(42,159,255,.09),inset 1px 1px rgba(255,255,255,.13),inset -1px -1px rgba(0,0,0,.78)}
.app-titlebar{cursor:grab;touch-action:none;user-select:none}
.app-titlebar:active{cursor:grabbing}
.app-titlebar button,.app-titlebar input{touch-action:auto}
.app-frame.is-dragging{
  position:fixed!important;
  margin:0!important;
  z-index:1000!important;
  pointer-events:none;
  opacity:.94;
  filter:saturate(.94) brightness(.96);
  box-shadow:0 38px 90px rgba(0,0,0,.72),0 0 0 2px color-mix(in srgb,var(--blue) 58%,transparent);
  transition:none;
}
.app-frame.is-resizing{transition:none}
.resize-handle{
  position:absolute;
  right:3px;
  bottom:3px;
  z-index:20;
  width:24px;
  height:24px;
  padding:0;
  border:0;
  border-radius:7px 0 14px 0;
  background:repeating-linear-gradient(135deg,transparent 0 4px,color-mix(in srgb,var(--muted) 75%,transparent) 4px 6px);
  clip-path:polygon(35% 100%,100% 35%,100% 100%);
  cursor:nwse-resize;
  touch-action:none;
  opacity:.75;
}
.resize-handle:hover{opacity:1;background:repeating-linear-gradient(135deg,transparent 0 4px,var(--blue) 4px 6px)}
.app-frame.is-maximized .resize-handle{opacity:.25}
.mini-card header{cursor:grab;touch-action:none;user-select:none}
.mini-card header:active{cursor:grabbing}
.mini-card header button{touch-action:auto}
.drag-ghost{
  position:fixed;
  z-index:2000;
  margin:0;
  pointer-events:none;
  opacity:.88;
  transform:rotate(-1.5deg) scale(.97);
  box-shadow:0 28px 65px rgba(0,0,0,.66),0 0 0 2px color-mix(in srgb,var(--blue) 55%,transparent);
}
.apps-zone.is-drop-target,
.workspace-zone.is-drop-target{box-shadow:inset 0 0 0 3px var(--blue),inset 0 0 54px rgba(42,159,255,.18)}
.apps-zone.is-drop-target::after,
.workspace-zone.is-drop-target::after{
  position:absolute;
  z-index:1500;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  padding:12px 17px;
  border:1px solid color-mix(in srgb,var(--blue) 72%,var(--line));
  border-radius:13px;
  color:#fff;
  background:color-mix(in srgb,var(--well) 86%,transparent);
  box-shadow:0 12px 32px rgba(0,0,0,.5),0 0 24px var(--blue-glow),inset 0 1px rgba(255,255,255,.12);
  font:750 11px ui-monospace,monospace;
  letter-spacing:.07em;
  pointer-events:none;
}
.apps-zone.is-drop-target::after{content:"RELEASE TO PARK"}
.workspace-zone.is-drop-target::after{content:"RELEASE INTO WORKSPACE"}
@media(max-width:1350px){
  .app-frame[data-app-frame="dolphin"]{width:88%;height:79%}
  .app-frame[data-app-frame="elisa"]{left:16%;top:25%;width:81%;height:70%}
  .music-hero{grid-template-columns:110px minmax(0,1fr);gap:12px;padding:14px}
  .track-copy h2{font-size:19px}
}

/* Adjustable spatial zones */
.desktop-shell{
  --apps-width:25%;
  --systems-width:25%;
  position:relative;
  grid-template-columns:var(--apps-width) minmax(0,1fr) var(--systems-width);
}
.zone-resizer{
  position:absolute;
  top:0;
  bottom:0;
  z-index:900;
  width:22px;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  transform:translateX(-50%);
  background:transparent;
  color:var(--muted);
  cursor:col-resize;
  touch-action:none;
}
.zone-resizer-left{left:var(--apps-width)}
.zone-resizer-right{left:calc(100% - var(--systems-width))}
.zone-resizer::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:10px;
  width:2px;
  background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(255,255,255,.14));
  box-shadow:-1px 0 rgba(255,255,255,.04),1px 0 rgba(0,0,0,.65);
  opacity:.76;
  transition:width 90ms ease,left 90ms ease,background 90ms ease,box-shadow 90ms ease;
}
.zone-resizer>span{
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:72px;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid var(--line);
  border-radius:8px;
  background:linear-gradient(90deg,var(--shell-lo),var(--shell-hi) 48%,var(--shell-lo));
  box-shadow:0 5px 11px rgba(0,0,0,.56),inset 1px 0 rgba(255,255,255,.13),inset -1px 0 rgba(0,0,0,.75);
  opacity:.74;
  transition:width 90ms ease,opacity 90ms ease,filter 90ms ease,box-shadow 90ms ease;
}
.zone-resizer>span i{
  display:block;
  width:4px;
  height:2px;
  border-radius:2px;
  background:var(--muted);
  box-shadow:0 1px rgba(0,0,0,.8);
}
.zone-resizer:hover::before,
.zone-resizer:focus-visible::before,
.zone-resizer.is-dragging::before{
  left:9px;
  width:4px;
  background:var(--blue);
  box-shadow:0 0 10px var(--blue-glow);
  opacity:1;
}
.zone-resizer:hover>span,
.zone-resizer:focus-visible>span,
.zone-resizer.is-dragging>span{
  width:15px;
  opacity:1;
  filter:brightness(1.13);
  box-shadow:0 7px 15px rgba(0,0,0,.65),0 0 12px rgba(42,159,255,.25),inset 1px 0 rgba(255,255,255,.16),inset -1px 0 rgba(0,0,0,.8);
}
.zone-resizer:focus-visible>span{outline:2px solid var(--blue);outline-offset:3px}
.desktop-shell.is-resizing,.desktop-shell.is-resizing *{cursor:col-resize!important;user-select:none!important}
@media(max-width:1050px){
  .desktop-shell{grid-template-columns:var(--apps-width) minmax(0,1fr) var(--systems-width)}
}

/* Selective translucency: the work stays solid, surrounding surfaces can breathe */
.zone{
  background:
    linear-gradient(115deg,
      color-mix(in srgb,var(--shell-hi) 72%,transparent),
      color-mix(in srgb,var(--shell) 78%,transparent) 46%,
      color-mix(in srgb,var(--shell-lo) 84%,transparent));
  backdrop-filter:blur(24px) saturate(1.16);
}
.workspace-zone{
  background:
    radial-gradient(circle at 58% 22%,rgba(42,159,255,.055),transparent 35%),
    linear-gradient(90deg,rgba(0,0,0,.24),rgba(0,0,0,.05) 8%,rgba(0,0,0,.05) 92%,rgba(0,0,0,.24));
}
.app-rack{
  background:color-mix(in srgb,var(--well) 78%,transparent);
  backdrop-filter:blur(16px) saturate(1.12);
}
.mini-card{
  background:
    radial-gradient(circle at 15% 0,rgba(255,255,255,.11),transparent 38%),
    linear-gradient(120deg,
      color-mix(in srgb,var(--shell-hi) 82%,transparent),
      color-mix(in srgb,var(--shell) 78%,transparent) 46%,
      color-mix(in srgb,var(--shell-lo) 84%,transparent));
  backdrop-filter:blur(20px) saturate(1.18);
}
.system-widget{
  background:linear-gradient(130deg,
    color-mix(in srgb,var(--shell-hi) 76%,transparent),
    color-mix(in srgb,var(--shell) 72%,transparent) 52%,
    color-mix(in srgb,var(--shell-lo) 80%,transparent));
  backdrop-filter:blur(18px) saturate(1.14);
}
.quick-toggle{
  background:linear-gradient(
    color-mix(in srgb,var(--shell-hi) 82%,transparent),
    color-mix(in srgb,var(--shell-lo) 86%,transparent));
  backdrop-filter:blur(13px);
}
.app-frame{
  background:
    radial-gradient(circle at 25% 0,rgba(255,255,255,.09),transparent 32%),
    linear-gradient(115deg,
      color-mix(in srgb,var(--shell-hi) 91%,transparent),
      color-mix(in srgb,var(--shell) 88%,transparent) 40%,
      color-mix(in srgb,var(--shell-lo) 93%,transparent));
  backdrop-filter:blur(28px) saturate(1.12);
}
.app-titlebar,.app-toolbar,.app-status{
  background:color-mix(in srgb,var(--shell) 64%,transparent);
  backdrop-filter:blur(16px) saturate(1.12);
}
.music-hero{
  background:color-mix(in srgb,var(--well) 86%,transparent);
  backdrop-filter:blur(16px);
}
.recessed-field{
  background:color-mix(in srgb,var(--well) 88%,transparent);
  backdrop-filter:blur(12px);
}

/* Useful minimized app widgets */
.mini-location{
  min-width:0;
  height:31px;
  display:grid;
  grid-template-columns:3px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  margin:-2px 0 8px;
  padding:0 9px;
  border:1px solid color-mix(in srgb,var(--line) 72%,transparent);
  border-radius:9px;
  background:color-mix(in srgb,var(--well) 76%,transparent);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.55),0 1px rgba(255,255,255,.06);
}
.mini-location .live-slit{height:17px}
.mini-location b{font-size:11px}
.mini-location small{font-size:9px;color:var(--muted)}
.mini-file-list{display:grid;gap:3px}
.mini-file-list button{
  min-width:0;
  height:31px;
  padding:0 8px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--text);
  text-align:left;
}
.mini-file-list button:hover{background:color-mix(in srgb,var(--blue) 11%,transparent)}
.mini-file-list button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.mini-file-list button small{font-size:9px;color:var(--muted)}
.mini-file-list .folder-glyph{width:14px;height:10px;margin-right:6px}
.mini-file-list .document-glyph{width:13px;height:15px;margin-right:6px}
.mini-quick-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.mini-tool{height:32px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px}
.mini-tool svg{width:13px;height:13px}
.mini-terminal-output{
  min-height:50px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:rgba(0,0,0,.52);
  box-shadow:inset 0 3px 7px rgba(0,0,0,.68);
  font:10px/1.4 ui-monospace,monospace;
}
.mini-terminal-output b{color:var(--green)}
.mini-terminal-output span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-command,.mini-browser-search{
  height:34px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 31px;
  align-items:center;
  gap:6px;
  margin-top:7px;
  padding-left:9px;
  border:1px solid var(--line);
  border-radius:9px;
  background:color-mix(in srgb,var(--well) 84%,transparent);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.55);
}
.mini-command>span{font:700 11px ui-monospace,monospace;color:var(--green)}
.mini-command input,.mini-browser-search input{
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  font-size:10px;
}
.mini-browser-search{grid-template-columns:minmax(0,1fr) 31px;margin-top:0;padding-left:10px}
.mini-sites{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}
.mini-sites button{
  height:29px;
  border:1px solid color-mix(in srgb,var(--line) 72%,transparent);
  border-radius:8px;
  background:color-mix(in srgb,var(--well) 66%,transparent);
  color:var(--muted);
  font-size:9px;
}
.mini-sites button:hover{color:var(--text);border-color:color-mix(in srgb,var(--blue) 42%,var(--line))}
.mini-note-label>span{display:block;margin:0 0 6px 2px;color:var(--muted);font-size:9px}
.mini-note-field{
  width:100%;
  min-height:105px;
  resize:none;
  border:1px solid var(--line);
  border-radius:10px;
  outline:0;
  padding:9px 10px;
  background:color-mix(in srgb,var(--well) 79%,transparent);
  box-shadow:inset 0 3px 7px rgba(0,0,0,.58);
  color:var(--text);
  font:10px/1.45 system-ui;
}
.mini-note-field:focus{border-color:color-mix(in srgb,var(--blue) 55%,var(--line));box-shadow:inset 0 3px 7px rgba(0,0,0,.58),0 0 0 1px rgba(42,159,255,.22)}

/* Simpler depth hierarchy: only controls press and fields recess */
:root{
  --key-shadow:0 2px 2px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.11),inset 0 -1px rgba(0,0,0,.52);
}
body[data-theme="light"]{
  --key-shadow:0 2px 2px rgba(38,42,43,.18),inset 0 1px rgba(255,255,255,.82),inset 0 -1px rgba(70,76,78,.2);
}
.zone{box-shadow:none}
.apps-zone{border-right-color:color-mix(in srgb,var(--line) 68%,transparent)}
.systems-zone{border-left-color:color-mix(in srgb,var(--line) 68%,transparent)}
.surface-key,.folder-tab,.nav-choice,.quick-toggle{
  border-color:color-mix(in srgb,var(--line) 74%,transparent);
  border-radius:8px;
}
.surface-key:hover,.folder-tab:hover,.nav-choice:hover,.quick-toggle:hover{
  transform:translateY(-.5px);
}
.surface-key:active,.folder-tab:active,.nav-choice:active,.quick-toggle:active{
  transform:translateY(2px) scaleY(.98);
  box-shadow:inset 0 3px 5px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.05);
}

/* The app rack is a shelf, not five boxes inside another box */
.app-rack{
  height:72px;
  gap:4px;
  padding:2px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.app-key{
  height:66px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  box-shadow:none;
}
.app-key:hover{
  transform:none;
  filter:none;
  border-color:color-mix(in srgb,var(--soft-line) 28%,transparent);
  background:color-mix(in srgb,var(--shell-hi) 30%,transparent);
  box-shadow:none;
}
.app-key:active{
  transform:translateY(2px) scaleY(.98);
  background:color-mix(in srgb,var(--well) 64%,transparent);
  box-shadow:inset 0 2px 3px rgba(0,0,0,.45);
}
.app-key.is-active{
  transform:none;
  border-color:color-mix(in srgb,var(--blue) 24%,transparent);
  background:color-mix(in srgb,var(--well) 44%,transparent);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.38);
}
.app-key.is-active:active{transform:translateY(2px) scaleY(.98)}
.app-key>i{bottom:1px;height:2px}
.app-key svg{width:22px;height:22px}
.mini-section{margin-top:14px}

/* Containers stay on one visual plane */
.mini-card{
  border-color:color-mix(in srgb,var(--soft-line) 24%,var(--line));
  border-radius:13px;
  box-shadow:0 3px 9px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.065);
}
.system-widget{
  border-color:color-mix(in srgb,var(--soft-line) 24%,var(--line));
  border-radius:13px;
  box-shadow:0 2px 7px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.055);
}
.quick-toggle{
  border-radius:10px;
  box-shadow:0 1px 3px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.07);
}
.quick-toggle.is-active{
  transform:none;
  box-shadow:inset 0 2px 3px rgba(0,0,0,.42);
}
.next-event,.phone-silhouette,.app-badge{
  border-radius:8px;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.42);
}
.app-badge{width:32px;height:32px}

/* Windows float; their individual chrome does not need another heavy shell */
.app-frame{
  border-color:color-mix(in srgb,var(--soft-line) 34%,var(--line));
  border-radius:17px;
  box-shadow:0 16px 42px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.075);
}
.app-frame.is-front{
  box-shadow:0 20px 48px rgba(0,0,0,.5),0 0 0 1px rgba(42,159,255,.055),inset 0 1px rgba(255,255,255,.085);
}
.app-frame:not(.is-front){
  box-shadow:0 8px 22px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.045);
}
.workspace-depth{
  inset:9px;
  border-color:rgba(255,255,255,.035);
  border-radius:19px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);
}
.workspace-depth span{display:none}
.window-key{width:32px;height:29px}
.app-titlebar{padding-left:13px}
.resize-handle{opacity:.46}

/* Recess is reserved for content and typing surfaces */
.recessed-field{
  border-radius:8px;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.55),0 1px rgba(255,255,255,.055);
}
.recessed-field:focus-within{
  transform:translateY(1px);
  box-shadow:inset 0 2px 6px rgba(0,0,0,.62),0 0 0 1px rgba(42,159,255,.2);
}
.file-well{
  border-radius:9px;
  box-shadow:inset 0 2px 7px rgba(0,0,0,.58),0 1px rgba(255,255,255,.055);
}
.folder-tab{border-radius:8px 8px 3px 3px}
.folder-tab.is-active{
  transform:translateY(2px) scaleY(.99);
  box-shadow:inset 0 2px 3px rgba(0,0,0,.52);
}
.album-block{border-radius:11px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.065),0 5px 13px rgba(0,0,0,.3)}

/* The divider remains discoverable without looking like a raised handle */
.zone-resizer>span{
  width:8px;
  height:48px;
  gap:4px;
  border-radius:5px;
  box-shadow:0 2px 5px rgba(0,0,0,.38),inset 1px 0 rgba(255,255,255,.09);
  opacity:.52;
}
.zone-resizer>span i{width:3px;height:1px}
.zone-resizer:hover>span,.zone-resizer:focus-visible>span,.zone-resizer.is-dragging>span{width:10px;opacity:.92;box-shadow:0 3px 7px rgba(0,0,0,.42),0 0 8px rgba(42,159,255,.18)}

/* Abstract wallpaper base; the animated atmosphere is defined at the end. */
.desktop-shell{
  background:color-mix(in srgb,var(--workspace-accent,#56baff) 18%,black);
}
body[data-theme="light"] .desktop-shell{
  background:color-mix(in srgb,var(--workspace-accent,#56baff) 48%,black);
}
.desktop-shell::before{content:none}

/* Keep the zones close to their contents; resizing still has a forgiving hit area */
.zone{padding:12px}
.workspace-zone{padding:9px}
.workspace-depth{inset:4px}
.zone-resizer::before{
  left:10.5px;
  width:1px;
  opacity:.48;
  box-shadow:none;
}
.zone-resizer>span{
  width:5px;
  height:36px;
  gap:3px;
  border:0;
  border-radius:3px;
  box-shadow:none;
  opacity:.38;
}
.zone-resizer>span i{width:2px}
.zone-resizer:hover::before,
.zone-resizer:focus-visible::before,
.zone-resizer.is-dragging::before{
  left:10px;
  width:2px;
  box-shadow:0 0 7px var(--blue-glow);
}
.zone-resizer:hover>span,
.zone-resizer:focus-visible>span,
.zone-resizer.is-dragging>span{
  width:7px;
  opacity:.8;
  box-shadow:0 0 7px rgba(42,159,255,.16);
}

/* Static system widgets stay put; activity widgets exist only while relevant */
.system-launchers{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.system-launcher{
  min-width:0;
  height:34px;
  padding:0 9px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  color:var(--muted);
  font-size:10px;
}
.system-launcher svg{width:14px;height:14px;color:var(--blue)}
.system-launcher span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dynamic-widget-stack{display:grid;gap:8px}
.dynamic-widget-stack:empty{display:none}
.dynamic-widget{
  opacity:0;
  transform:translateY(-6px) scale(.992);
  transform-origin:50% 0;
  transition:opacity 150ms ease,transform 150ms ease;
}
.dynamic-widget.is-visible{opacity:1;transform:none}
.dynamic-widget[hidden]{display:none}
.notification.is-leaving{
  opacity:0;
  transform:translateX(9px);
  transition:opacity 130ms ease,transform 130ms ease;
}
.notification-widget,.timer-widget{
  border-color:color-mix(in srgb,var(--blue) 20%,var(--line));
  background:color-mix(in srgb,var(--shell) 76%,transparent);
}
.timer-widget .widget-heading{height:27px}
.timer-face{padding:3px 0 6px}
.timer-actions button{height:31px;padding:0 8px}

/* Mouse switches feel binary: a near-instant press and a short mechanical return */
:root{
  --button-press-time:16ms;
  --button-release-time:30ms;
}
.surface-key,
.app-key,
.quick-toggle,
.folder-tab,
.nav-choice{
  transition:
    transform var(--button-release-time) linear,
    box-shadow var(--button-release-time) linear,
    filter var(--button-release-time) linear,
    color var(--button-release-time) linear,
    border-color var(--button-release-time) linear,
    background-color var(--button-release-time) linear;
}
.surface-key:active,
.app-key:active,
.quick-toggle:active,
.folder-tab:active,
.nav-choice:active{
  transition-duration:var(--button-press-time);
  transition-timing-function:linear;
}

/* Parked apps prioritize live content over a decorative shell */
.mini-stack{gap:8px;padding-inline:0}
.mini-card{
  padding:9px;
  border-color:color-mix(in srgb,var(--soft-line) 18%,transparent);
  border-radius:10px;
  box-shadow:0 2px 5px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.045);
}
.mini-card::after{left:10px;right:10px;height:2px}
.mini-card header{margin-bottom:8px}
.mini-card header>div{gap:7px}
.mini-card header .app-badge{width:28px;height:28px}
.mini-card header .app-badge svg{width:15px;height:15px}
.mini-card .mini-actions{gap:4px}
.mini-card .mini-control{width:28px;height:27px}
.mini-card-note{padding:7px}
.mini-card-note header{
  min-height:31px;
  margin-bottom:5px;
  padding:0 2px;
}
.mini-card-note .mini-note-field{
  display:block;
  min-height:132px;
  border-color:color-mix(in srgb,var(--line) 58%,transparent);
  border-radius:7px;
  padding:7px 8px;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.34);
  font-size:11px;
  line-height:1.42;
}
.mini-card-note .mini-note-field:focus{
  box-shadow:inset 0 1px 3px rgba(0,0,0,.34),0 0 0 1px rgba(42,159,255,.2);
}

/* Edge-lit acrylic sheets: fixed glass around tactile ABS application windows */
:root{
  --glass-field:rgba(10,17,21,.48);
  --glass-field-deep:rgba(3,8,11,.34);
  --glass-highlight:rgba(229,244,252,.095);
  --glass-groove:rgba(205,225,236,.19);
  --glass-groove-deep:rgba(0,0,0,.58);
  --glass-frost:rgba(226,242,249,.34);
  --glass-charge:#58baff;
  --glass-charge-soft:rgba(62,174,255,.16);
}
body[data-theme="graphite"]{
  --glass-field:rgba(31,39,44,.52);
  --glass-field-deep:rgba(13,18,21,.33);
  --glass-groove:rgba(220,234,241,.22);
}
body[data-theme="light"]{
  --glass-field:rgba(235,241,243,.47);
  --glass-field-deep:rgba(174,190,197,.25);
  --glass-highlight:rgba(255,255,255,.42);
  --glass-groove:rgba(62,83,94,.28);
  --glass-groove-deep:rgba(54,68,76,.22);
  --glass-frost:rgba(28,53,68,.42);
  --glass-charge:#087ed0;
  --glass-charge-soft:rgba(8,126,208,.14);
}

.apps-zone,.systems-zone{
  background:
    linear-gradient(180deg,var(--glass-highlight),transparent 16%,transparent 84%,rgba(0,0,0,.07)),
    color-mix(in srgb,var(--glass-field) 84%,transparent);
  backdrop-filter:blur(21px) saturate(1.08);
  box-shadow:inset 0 0 0 1px var(--glass-highlight),inset 0 0 28px var(--glass-field-deep);
}
.apps-zone{
  border-right-color:var(--glass-groove);
  box-shadow:inset -1px 0 var(--glass-groove-deep),inset -2px 0 var(--glass-highlight),inset 0 0 28px var(--glass-field-deep);
}
.systems-zone{
  border-left-color:var(--glass-groove);
  box-shadow:inset 1px 0 var(--glass-groove-deep),inset 2px 0 var(--glass-highlight),inset 0 0 28px var(--glass-field-deep);
}
.apps-zone .zone-heading,.systems-zone .zone-heading{
  position:relative;
  height:62px;
  padding:2px 3px 10px;
}
.apps-zone .zone-heading::after,.systems-zone .zone-heading::after{
  content:"";
  position:absolute;
  left:2px;
  right:2px;
  bottom:4px;
  height:1px;
  background:var(--glass-groove);
  box-shadow:0 1px var(--glass-groove-deep),0 0 5px rgba(201,232,247,.055);
}
.apps-zone .eyebrow,.systems-zone .eyebrow,.apps-zone .small-heading,.systems-zone .small-heading{
  color:var(--glass-frost);
  text-shadow:0 1px rgba(0,0,0,.45),0 0 4px rgba(205,235,249,.055);
}

/* Each widget is an engraving in the sheet, not another raised glass card. */
.apps-zone .app-rack,.mini-card,.system-widget{
  position:relative;
  border:1px solid var(--glass-groove);
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
  backdrop-filter:none;
  box-shadow:
    inset 0 0 0 1px var(--glass-groove-deep),
    inset 0 1px var(--glass-highlight),
    0 0 7px rgba(210,235,246,.035);
}
.apps-zone .app-rack{
  height:74px;
  padding:4px;
  border-radius:13px;
}
.mini-card,.system-widget{
  border-radius:12px;
}
.mini-card{
  padding:9px;
}
.mini-card::after{
  left:10px;
  right:10px;
  top:-1px;
  height:1px;
  background:var(--glass-charge);
  box-shadow:0 0 5px var(--glass-charge-soft);
  opacity:.72;
}
.system-widget:hover,.mini-card:hover{
  border-color:color-mix(in srgb,var(--glass-charge) 33%,var(--glass-groove));
  box-shadow:inset 0 0 0 1px var(--glass-groove-deep),inset 0 1px var(--glass-highlight),0 0 8px rgba(62,174,255,.07);
}
.notification-widget,.timer-widget{
  border-color:color-mix(in srgb,var(--glass-charge) 32%,var(--glass-groove));
  background:linear-gradient(180deg,rgba(42,159,255,.025),rgba(255,255,255,.006));
}

.section-heading,.time-block,.apps-bottom{
  border-color:var(--glass-groove);
}
.section-heading{
  padding-inline:3px;
}
.widget-heading svg,.section-heading svg{
  color:var(--glass-frost);
  filter:drop-shadow(0 0 3px rgba(200,234,249,.12));
}
.notification,.next-event{
  border-color:var(--glass-groove);
}
.next-event,.phone-silhouette,.app-badge{
  background:rgba(0,0,0,.10);
  border:1px solid color-mix(in srgb,var(--glass-groove) 72%,transparent);
  box-shadow:inset 0 0 0 1px var(--glass-groove-deep);
}

/* Controls etched into the acrylic light the existing groove; the surface never moves. */
.apps-zone .app-key,.systems-zone .quick-toggle,.systems-zone .system-launcher{
  transform:none;
  filter:none;
  border:1px solid var(--glass-groove);
  background:transparent;
  box-shadow:inset 0 0 0 1px var(--glass-groove-deep);
  transition:color 30ms linear,border-color 30ms linear,box-shadow 30ms linear,text-shadow 30ms linear;
}
.apps-zone .app-key:hover,.systems-zone .quick-toggle:hover,.systems-zone .system-launcher:hover{
  transform:none;
  filter:none;
  color:var(--text);
  border-color:color-mix(in srgb,var(--glass-charge) 42%,var(--glass-groove));
  background:transparent;
  box-shadow:inset 0 0 0 1px var(--glass-groove-deep),0 0 6px rgba(62,174,255,.08);
}
.apps-zone .app-key:active,.systems-zone .quick-toggle:active,.systems-zone .system-launcher:active{
  transform:none;
  filter:none;
  color:var(--glass-charge);
  border-color:color-mix(in srgb,var(--glass-charge) 72%,var(--glass-groove));
  background:transparent;
  box-shadow:inset 0 0 0 1px rgba(218,242,252,.08),0 0 7px var(--glass-charge-soft);
  text-shadow:0 0 5px var(--glass-charge-soft);
  transition-duration:16ms;
}
.apps-zone .app-key.is-active,.systems-zone .quick-toggle.is-active{
  transform:none;
  color:var(--glass-charge);
  border-color:color-mix(in srgb,var(--glass-charge) 64%,var(--glass-groove));
  background:transparent;
  box-shadow:inset 0 0 0 1px rgba(218,242,252,.065),0 0 6px var(--glass-charge-soft);
  text-shadow:0 0 5px var(--glass-charge-soft);
}
.apps-zone .app-key.is-active:active{transform:none}
.apps-zone .app-key span,.systems-zone .quick-toggle span{color:inherit}
.apps-zone .app-key>i{
  bottom:2px;
  height:1px;
  background:var(--glass-groove);
  box-shadow:none;
}
.apps-zone .app-key.is-open>i{
  background:var(--glass-charge);
  box-shadow:0 0 5px var(--glass-charge-soft);
}
.systems-zone .quick-toggle.is-active{
  transform:none;
}

/* Zone dividers are conductive engraved cuts, not raised plastic handles. */
.zone-resizer::before{
  background:var(--glass-groove);
  box-shadow:1px 0 var(--glass-groove-deep),-1px 0 var(--glass-highlight);
  opacity:.74;
}
.zone-resizer>span{
  background:transparent;
  box-shadow:none;
}
.zone-resizer>span i{
  background:var(--glass-frost);
  box-shadow:0 0 3px rgba(210,238,250,.08);
}
.zone-resizer:hover::before,.zone-resizer:focus-visible::before,.zone-resizer.is-dragging::before{
  background:var(--glass-charge);
  box-shadow:0 0 7px var(--glass-charge-soft);
}
.zone-resizer:hover>span,.zone-resizer:focus-visible>span,.zone-resizer.is-dragging>span{
  box-shadow:none;
}

/* Semantic colour and stronger legibility: colour identifies function, never decoration. */
:root{
  --text:#f7fafb;
  --muted:#bec9ce;
  --faint:#8e9ba2;
  --red:#ff6f6f;
  --rose:#ff75aa;
  --glass-field:rgba(7,14,18,.66);
  --glass-frost:#d5e5ec;
}
body[data-theme="graphite"]{
  --text:#f5f8f9;
  --muted:#c0c9cd;
  --faint:#909ba1;
  --glass-field:rgba(28,35,39,.68);
  --glass-frost:#d6e4ea;
}
body[data-theme="light"]{
  --text:#11191d;
  --muted:#42515a;
  --faint:#5c6b73;
  --blue:#006fb8;
  --violet:#6842b8;
  --green:#16763b;
  --amber:#9b5200;
  --cyan:#00788a;
  --red:#b82d35;
  --rose:#a73363;
  --glass-field:rgba(241,246,248,.72);
  --glass-field-deep:rgba(112,135,146,.18);
  --glass-groove:rgba(43,67,79,.38);
  --glass-frost:#334f5d;
}
.apps-zone,.systems-zone{
  backdrop-filter:blur(23px) saturate(.96) contrast(1.05);
}
body[data-theme="light"] .apps-zone,
body[data-theme="light"] .systems-zone{
  backdrop-filter:blur(23px) saturate(.9) brightness(1.05);
}

/* Readable everyday labels without turning the compact side areas into large-type cards. */
.apps-zone .eyebrow,.systems-zone .eyebrow,
.apps-zone .small-heading,.systems-zone .small-heading{
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.105em;
}
.app-key span{font-size:11px;font-weight:650}
.section-heading h2,.widget-heading h2{font-size:13.5px;font-weight:750}
.section-heading span,.widget-heading>span{font-size:10.5px}
.system-launcher{font-size:10.5px;font-weight:650}
.quick-toggle span{font-size:11px;font-weight:650}
.app-identity b{font-size:13.5px}
.app-identity small{font-size:11px}
.nav-choice{font-size:12px;font-weight:600}
.folder-tab{font-size:11.5px;font-weight:650}
.file-head{font-size:10.5px;font-weight:700}
.content-row{font-size:12px}
.content-row small{font-size:10.5px}
.notification b{font-size:11.5px}
.notification small{font-size:10.5px;line-height:1.35}
.device-row b{font-size:11.5px}
.device-row small{font-size:10px;line-height:1.35}
.calendar-week{font-size:9.5px}
.calendar-grid button{font-size:10.5px;font-weight:600}
.next-event b,.next-event small{font-size:10.5px}
.mini-card header b,.mini-track b{font-size:12.5px}
.mini-card header small,.mini-track small{font-size:10.5px}
body[data-theme="light"] .apps-zone .eyebrow,
body[data-theme="light"] .systems-zone .eyebrow,
body[data-theme="light"] .apps-zone .small-heading,
body[data-theme="light"] .systems-zone .small-heading{
  text-shadow:none;
}

/* Each developer-provided app primary travels across rack, window and parked card. */
.apps-zone .app-key[data-open-app],.mini-card[data-mini-card]{--item-tone:var(--app-primary,var(--blue))}
.apps-zone .app-key svg{color:var(--item-tone,var(--blue))}
.apps-zone .app-key:hover{
  border-color:color-mix(in srgb,var(--item-tone,var(--blue)) 42%,var(--glass-groove));
  background:color-mix(in srgb,var(--item-tone,var(--blue)) 5%,transparent);
}
.apps-zone .app-key.is-active{
  color:var(--text);
  border-color:color-mix(in srgb,var(--item-tone,var(--blue)) 68%,var(--glass-groove));
  background:color-mix(in srgb,var(--item-tone,var(--blue)) 9%,transparent);
  box-shadow:inset 0 0 0 1px var(--glass-groove-deep),0 0 7px color-mix(in srgb,var(--item-tone,var(--blue)) 20%,transparent);
  text-shadow:none;
}
.apps-zone .app-key:active{
  color:var(--text);
  border-color:var(--item-tone,var(--blue));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--item-tone,var(--blue)) 34%,transparent),0 0 6px color-mix(in srgb,var(--item-tone,var(--blue)) 23%,transparent);
  text-shadow:none;
}
.apps-zone .app-key.is-open>i{
  background:var(--item-tone,var(--blue));
  box-shadow:0 0 5px color-mix(in srgb,var(--item-tone,var(--blue)) 54%,transparent);
}
.mini-card::after{
  background:var(--item-tone,var(--blue));
  box-shadow:0 0 5px color-mix(in srgb,var(--item-tone,var(--blue)) 48%,transparent);
}

/* Coloured icon wells carry app identity while text and window chrome stay neutral. */
.app-badge.blue{--badge-tone:var(--blue)}
.app-badge.violet{--badge-tone:var(--violet)}
.app-badge.cyan{--badge-tone:var(--cyan)}
.app-badge.green{--badge-tone:var(--green)}
.app-badge.amber{--badge-tone:var(--amber)}
.app-badge{
  color:var(--badge-tone,var(--text));
  background:color-mix(in srgb,var(--badge-tone,var(--text)) 10%,rgba(0,0,0,.10));
  border-color:color-mix(in srgb,var(--badge-tone,var(--text)) 32%,var(--glass-groove));
}
body[data-theme="light"] .app-badge{
  background:color-mix(in srgb,var(--badge-tone,var(--text)) 9%,rgba(255,255,255,.48));
}

/* System colours describe state: rose alerts, amber time, green connection. */
.notification-widget{--widget-tone:var(--rose)}
.timer-widget,.calendar-widget{--widget-tone:var(--amber)}
.connect-widget{--widget-tone:var(--green)}
.system-widget .widget-heading svg{color:var(--widget-tone,var(--glass-frost))}
.system-widget .widget-heading>span{
  color:var(--widget-tone,var(--text));
  padding:2px 6px;
  border:1px solid color-mix(in srgb,var(--widget-tone,var(--text)) 36%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--widget-tone,var(--text)) 8%,transparent);
}
.notification-widget,.timer-widget{
  border-color:color-mix(in srgb,var(--widget-tone) 38%,var(--glass-groove));
  background:linear-gradient(180deg,color-mix(in srgb,var(--widget-tone) 4%,transparent),rgba(255,255,255,.006));
}
.calendar-widget .next-event{
  background:color-mix(in srgb,var(--amber) 8%,rgba(0,0,0,.10));
  border-color:color-mix(in srgb,var(--amber) 36%,var(--glass-groove));
}
.calendar-widget .next-event>i{
  background:var(--amber);
  box-shadow:0 0 7px color-mix(in srgb,var(--amber) 44%,transparent);
}
.calendar-grid button.is-today{
  color:var(--amber);
  border:1px solid color-mix(in srgb,var(--amber) 42%,transparent);
  background:color-mix(in srgb,var(--amber) 10%,transparent);
  box-shadow:inset 0 -2px var(--amber);
}
.connect-widget .phone-silhouette{
  border-color:color-mix(in srgb,var(--green) 38%,var(--glass-groove));
  background:color-mix(in srgb,var(--green) 7%,rgba(0,0,0,.10));
}
.time-block b{color:var(--blue)}

#launchTimer{--control-tone:var(--amber)}
#launchNotification{--control-tone:var(--rose)}
.systems-zone .system-launcher svg{color:var(--control-tone,var(--blue))}
.systems-zone .system-launcher:hover,
.systems-zone .system-launcher:active{
  color:var(--text);
  border-color:color-mix(in srgb,var(--control-tone,var(--blue)) 62%,var(--glass-groove));
  box-shadow:inset 0 0 0 1px var(--glass-groove-deep),0 0 6px color-mix(in srgb,var(--control-tone,var(--blue)) 20%,transparent);
  text-shadow:none;
}

.quick-settings .quick-toggle:nth-child(1){--toggle-tone:var(--blue)}
.quick-settings .quick-toggle:nth-child(2){--toggle-tone:var(--violet)}
.quick-settings .quick-toggle:nth-child(3){--toggle-tone:var(--green)}
.systems-zone .quick-toggle.is-active{
  color:var(--text);
  border-color:color-mix(in srgb,var(--toggle-tone,var(--blue)) 64%,var(--glass-groove));
  background:color-mix(in srgb,var(--toggle-tone,var(--blue)) 8%,transparent);
  box-shadow:inset 0 0 0 1px var(--glass-groove-deep),0 0 6px color-mix(in srgb,var(--toggle-tone,var(--blue)) 18%,transparent);
  text-shadow:none;
}
.systems-zone .quick-toggle.is-active svg{color:var(--toggle-tone,var(--blue))}
.systems-zone .quick-toggle:active{
  color:var(--text);
  border-color:var(--toggle-tone,var(--blue));
  text-shadow:none;
}

/* Full-page border audit: every region gets one visual boundary at most. */
.apps-zone,.systems-zone{
  border:0;
  box-shadow:none;
}
.workspace-depth{
  display:none;
}

/* The app rack is an open shelf. Icons do not sit inside another framed button. */
.apps-zone .app-rack{
  border:0;
  background:transparent;
  box-shadow:none;
  padding:2px 0 5px;
}
.apps-zone .app-key,
.apps-zone .app-key:hover,
.apps-zone .app-key:active,
.apps-zone .app-key.is-active{
  border:0;
  box-shadow:none;
}
.apps-zone .app-key{
  border-radius:9px;
  background:transparent;
}
.apps-zone .app-key:hover{
  background:color-mix(in srgb,var(--item-tone,var(--blue)) 7%,transparent);
}
.apps-zone .app-key.is-active{
  background:color-mix(in srgb,var(--item-tone,var(--blue)) 12%,transparent);
}
.apps-zone .app-key:active{
  background:color-mix(in srgb,var(--item-tone,var(--blue)) 17%,transparent);
}
.apps-zone .app-key svg{
  width:24px;
  height:24px;
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--item-tone,var(--blue)) 20%,transparent));
}
.apps-zone .app-key>i{
  width:18px;
  bottom:0;
}

/* App identity is the coloured glyph itself, not a glyph inside a second container. */
.app-badge,
body[data-theme="light"] .app-badge,
.next-event .app-badge{
  width:27px;
  height:27px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.app-badge svg{
  width:20px;
  height:20px;
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--badge-tone,var(--text)) 20%,transparent));
}
.notification .app-badge{
  width:26px;
  height:26px;
  border-radius:0;
}
.mini-card header .app-badge{
  width:25px;
  height:25px;
}
.mini-card header .app-badge svg{width:18px;height:18px}

/* Parked apps and system information are regions in the acrylic, not nested cards. */
.mini-card,.system-widget,
.notification-widget,.timer-widget{
  border:0;
  border-radius:10px;
  box-shadow:inset 0 1px var(--glass-highlight);
}
.mini-card{
  background:linear-gradient(100deg,color-mix(in srgb,var(--item-tone,var(--blue)) 6%,transparent),rgba(255,255,255,.012));
}
.mini-card::after{
  left:0;
  right:auto;
  top:9px;
  bottom:9px;
  width:2px;
  height:auto;
  border-radius:2px;
}
.system-widget{
  background:linear-gradient(100deg,color-mix(in srgb,var(--widget-tone,var(--glass-frost)) 5%,transparent),rgba(255,255,255,.01));
}
.system-widget:hover,.mini-card:hover{
  border:0;
  box-shadow:inset 0 1px var(--glass-highlight);
}
.system-widget .widget-heading>span{
  border:0;
  padding:2px 6px;
  background:color-mix(in srgb,var(--widget-tone,var(--text)) 11%,transparent);
}
.notification{
  border-color:color-mix(in srgb,var(--glass-groove) 58%,transparent);
}
.next-event{
  border:0;
  box-shadow:none;
}
.connect-widget .phone-silhouette{
  border:1px solid color-mix(in srgb,var(--green) 50%,var(--glass-groove));
  box-shadow:none;
}

/* Windows keep one outer edge; chrome and content use tone changes instead of boxes in boxes. */
.app-frame,
.app-frame.is-front,
.app-frame:not(.is-front){
  border:1px solid color-mix(in srgb,var(--soft-line) 29%,var(--line));
  box-shadow:0 18px 46px rgba(0,0,0,.46);
}
.app-frame:not(.is-front){
  box-shadow:0 8px 22px rgba(0,0,0,.30);
}
body[data-theme="light"] .app-frame,
body[data-theme="light"] .app-frame.is-front,
body[data-theme="light"] .app-frame:not(.is-front){
  border-color:rgba(43,55,61,.46);
}
.app-titlebar{
  border-bottom:0;
  background:color-mix(in srgb,var(--shell-hi) 18%,transparent);
  box-shadow:inset 0 -1px color-mix(in srgb,var(--line) 48%,transparent);
}
.app-toolbar,.app-status,.music-controls,.music-hero{
  border-color:color-mix(in srgb,var(--line) 52%,transparent);
}

/* Navigation and tabs communicate selection with position, fill and a single light trace. */
.nav-choice,
.nav-choice:hover,
.nav-choice:active,
.nav-choice.is-active{
  border:0;
  box-shadow:none;
}
.nav-choice.is-active{
  background:color-mix(in srgb,var(--blue) 12%,var(--well));
  box-shadow:inset 3px 0 var(--blue);
}
.folder-tab,
.folder-tab:hover,
.folder-tab:active{
  border-color:transparent;
}
.folder-tab:not(.is-active){
  background:transparent;
  box-shadow:none;
}
.folder-tab.is-active{
  border:0;
  background:var(--well-2);
  box-shadow:inset 0 2px 3px rgba(0,0,0,.45);
}
.file-well{
  border:0;
  box-shadow:inset 0 3px 7px rgba(0,0,0,.5);
}
body[data-theme="light"] .file-well{
  box-shadow:inset 0 2px 5px rgba(44,55,61,.24);
}
.file-head{
  border:0;
  background:color-mix(in srgb,var(--shell-hi) 16%,transparent);
}
.content-row{
  border:0;
}

/* Only actual controls retain a physical edge, and only one edge. */
.surface-key,
.systems-zone .quick-toggle,
.systems-zone .system-launcher{
  box-shadow:0 2px 2px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.08);
}
.systems-zone .quick-toggle,
.systems-zone .system-launcher{
  border-color:color-mix(in srgb,var(--glass-groove) 72%,transparent);
}
.systems-zone .quick-toggle.is-active{
  border-color:color-mix(in srgb,var(--toggle-tone,var(--blue)) 62%,var(--glass-groove));
  box-shadow:inset 0 1px color-mix(in srgb,var(--toggle-tone,var(--blue)) 19%,transparent);
}
.systems-zone .system-launcher:hover,
.systems-zone .system-launcher:active{
  box-shadow:inset 0 1px color-mix(in srgb,var(--control-tone,var(--blue)) 18%,transparent);
}
.recessed-field{
  border-color:transparent;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.52);
}
body[data-theme="light"] .recessed-field{
  box-shadow:inset 0 2px 4px rgba(48,60,67,.22);
}
.theme-dot{border:0}

/* Restrained ABS tactility: only controls get a cap, never whole content regions. */
:root{
  --cap-top:color-mix(in srgb,var(--shell-hi) 72%,var(--shell));
  --cap-bottom:color-mix(in srgb,var(--shell-lo) 86%,var(--shell));
  --cap-edge:color-mix(in srgb,var(--soft-line) 28%,var(--line));
  --cap-highlight:rgba(255,255,255,.11);
  --cap-contact:rgba(0,0,0,.46);
  --toggle-rail:color-mix(in srgb,var(--glass-frost) 35%,transparent);
}
body[data-theme="light"]{
  --cap-top:#f5f6f4;
  --cap-bottom:#cdd2d0;
  --cap-edge:rgba(55,65,69,.38);
  --cap-highlight:rgba(255,255,255,.88);
  --cap-contact:rgba(43,50,53,.25);
  --toggle-rail:rgba(38,58,68,.32);
}
.surface-key,
.systems-zone .system-launcher,
.systems-zone .quick-toggle{
  background:
    linear-gradient(180deg,var(--cap-highlight),transparent 42%),
    linear-gradient(180deg,var(--cap-top),var(--cap-bottom));
  border-color:var(--cap-edge);
  box-shadow:0 2px 3px var(--cap-contact),inset 0 1px var(--cap-highlight);
}
.surface-key:hover,
.systems-zone .system-launcher:hover,
.systems-zone .quick-toggle:hover{
  filter:brightness(1.055);
}
.surface-key:active,
.systems-zone .system-launcher:active,
.systems-zone .quick-toggle:active{
  transform:translateY(2px) scaleY(.985);
  filter:brightness(.92);
  background:linear-gradient(180deg,var(--cap-bottom),var(--cap-top));
  box-shadow:inset 0 2px 4px var(--cap-contact),inset 0 1px rgba(255,255,255,.04);
  transition-duration:var(--button-press-time);
}
.window-key,.compact-key,.mini-control,.tiny-key{
  border-radius:7px;
}

/* A persistent rail is reserved for controls that hold state. */
.quick-toggle[data-toggle],
.folder-tab,
.nav-choice,
.play-toggle,
#timerToggle,
#fullscreenButton,
[data-window-action="maximize"]{
  position:relative;
  --state-tone:var(--blue);
}
.quick-toggle[data-toggle]::after,
.folder-tab::after,
.nav-choice::after,
.play-toggle::after,
#timerToggle::after,
#fullscreenButton::after,
[data-window-action="maximize"]::after{
  content:"";
  position:absolute;
  left:24%;
  right:24%;
  bottom:3px;
  height:2px;
  border-radius:2px;
  background:var(--toggle-rail);
  box-shadow:none;
  opacity:.8;
  pointer-events:none;
  transition:background var(--button-release-time) linear,box-shadow var(--button-release-time) linear,opacity var(--button-release-time) linear;
}
.quick-toggle[data-toggle]{--state-tone:var(--toggle-tone,var(--blue))}
.play-toggle{--state-tone:var(--violet)}
#timerToggle{--state-tone:var(--amber)}
#fullscreenButton,[data-window-action="maximize"]{--state-tone:var(--cyan)}
.quick-toggle[data-toggle].is-active::after,
.folder-tab.is-active::after,
.folder-tab[aria-selected="true"]::after,
.nav-choice.is-active::after,
.play-toggle.is-active::after,
.play-toggle[aria-pressed="true"]::after,
#timerToggle[aria-pressed="true"]::after,
#fullscreenButton[aria-pressed="true"]::after,
[data-window-action="maximize"][aria-pressed="true"]::after{
  background:var(--state-tone);
  box-shadow:0 0 6px color-mix(in srgb,var(--state-tone) 56%,transparent);
  opacity:1;
}

/* Task buttons are stateful too; their existing slit is the same toggle rail. */
.apps-zone .app-key>i{
  width:20px;
  height:2px;
  background:var(--toggle-rail);
  opacity:.8;
}
.apps-zone .app-key.is-open>i{
  background:var(--item-tone,var(--blue));
  opacity:1;
}

/* Held toggles sit one step lower, but press and release at the same mouse-switch speed. */
.systems-zone .quick-toggle.is-active,
.play-toggle.is-active,
#timerToggle[aria-pressed="true"],
#fullscreenButton[aria-pressed="true"],
[data-window-action="maximize"][aria-pressed="true"]{
  transform:translateY(1px);
  filter:none;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--cap-bottom) 82%,var(--state-tone) 18%),var(--cap-bottom));
  box-shadow:inset 0 2px 4px var(--cap-contact),inset 0 1px rgba(255,255,255,.04);
  transition-duration:var(--button-release-time);
}
.systems-zone .quick-toggle.is-active:active,
.play-toggle.is-active:active,
#timerToggle[aria-pressed="true"]:active,
#fullscreenButton[aria-pressed="true"]:active,
[data-window-action="maximize"][aria-pressed="true"]:active{
  transform:translateY(2px) scaleY(.985);
  transition-duration:var(--button-press-time);
}
.apps-zone .app-key.is-active{
  transform:translateY(1px);
  box-shadow:inset 0 2px 3px rgba(0,0,0,.28);
}
.apps-zone .app-key.is-active:active{
  transform:translateY(2px) scaleY(.985);
  transition-duration:var(--button-press-time);
}
.folder-tab.is-active{
  transition-duration:var(--button-release-time);
}
.folder-tab.is-active:active{
  transform:translateY(3px) scaleY(.985);
  transition-duration:var(--button-press-time);
}

/* Momentary buttons deliberately have no state rail. */
.system-launcher::after,
.surface-key:not(.play-toggle):not(#timerToggle):not(#fullscreenButton):not([data-window-action="maximize"])::after{
  content:none;
}

/* One control language for the whole fullscreen shell. */
:root{
  --control-top:color-mix(in srgb,var(--shell-hi) 72%,var(--shell));
  --control-bottom:color-mix(in srgb,var(--shell-lo) 86%,var(--shell));
  --control-edge:color-mix(in srgb,var(--soft-line) 28%,var(--line));
  --control-highlight:rgba(255,255,255,.11);
  --control-contact:rgba(0,0,0,.46);
  --control-rail:color-mix(in srgb,var(--glass-frost) 35%,transparent);
  --toggle-rail:var(--control-rail);
  --control-radius:8px;
  --control-press:2px;
  --control-held:1px;
}
body[data-theme="light"]{
  --control-top:#f5f6f4;
  --control-bottom:#cdd2d0;
  --control-edge:rgba(55,65,69,.38);
  --control-highlight:rgba(255,255,255,.88);
  --control-contact:rgba(43,50,53,.25);
  --control-rail:rgba(38,58,68,.32);
}

/* Push and toggle controls share the same travel, speed and focus treatment. */
.control-push,.control-toggle{
  position:relative;
  transform-origin:50% 100%;
  transition:
    transform var(--button-release-time) linear,
    box-shadow var(--button-release-time) linear,
    filter var(--button-release-time) linear,
    background var(--button-release-time) linear,
    color var(--button-release-time) linear,
    border-color var(--button-release-time) linear;
}
.control-push:focus-visible,.control-toggle:focus-visible{
  outline:2px solid var(--blue);
  outline-offset:2px;
}
.control-push:active,.control-toggle:active{
  transform:translateY(var(--control-press)) scaleY(.985);
  transition-duration:var(--button-press-time);
}

/* Raised controls use one restrained ABS cap recipe. */
.surface-key.control-push,
.surface-key.control-toggle,
.systems-zone .quick-toggle.control-push,
.systems-zone .quick-toggle.control-toggle,
.folder-tab.control-toggle,
.folder-tab.control-toggle:not(.is-active){
  border:1px solid var(--control-edge);
  border-radius:var(--control-radius);
  background:
    linear-gradient(180deg,var(--control-highlight),transparent 42%),
    linear-gradient(180deg,var(--control-top),var(--control-bottom));
  box-shadow:0 2px 3px var(--control-contact),inset 0 1px var(--control-highlight);
}
.surface-key.control-push:hover,
.surface-key.control-toggle:hover,
.systems-zone .quick-toggle.control-push:hover,
.systems-zone .quick-toggle.control-toggle:hover,
.folder-tab.control-toggle:hover{
  filter:brightness(1.055);
}
.surface-key.control-push:active,
.surface-key.control-toggle:active,
.systems-zone .quick-toggle.control-push:active,
.systems-zone .quick-toggle.control-toggle:active,
.folder-tab.control-toggle:active{
  filter:brightness(.92);
  background:linear-gradient(180deg,var(--control-bottom),var(--control-top));
  box-shadow:inset 0 2px 4px var(--control-contact),inset 0 1px rgba(255,255,255,.04);
}
.window-key,.compact-key,.mini-control,.tiny-key{border-radius:7px}

/* App icons and list navigation stay flush, but obey the same motion model. */
.apps-zone .app-key.control-toggle,
.nav-choice.control-toggle,
.nav-choice.control-toggle:hover,
.nav-choice.control-toggle:active{
  border:0;
  box-shadow:none;
}
.apps-zone .app-key.control-toggle,
.nav-choice.control-toggle{background:transparent}
.apps-zone .app-key.control-toggle:hover,
.nav-choice.control-toggle:hover{
  transform:none;
  filter:none;
  background:color-mix(in srgb,var(--state-tone,var(--blue)) 7%,transparent);
}
.apps-zone .app-key.control-toggle:active,
.nav-choice.control-toggle:active{
  transform:translateY(var(--control-press)) scaleY(.985);
  filter:none;
  background:color-mix(in srgb,var(--state-tone,var(--blue)) 15%,transparent);
  box-shadow:inset 0 2px 3px rgba(0,0,0,.25);
}

/* Every toggle gets the same rail; push controls never get one. */
.control-toggle{--state-tone:var(--blue)}
.app-key.control-toggle{--state-tone:var(--item-tone,var(--blue))}
.quick-toggle.control-toggle{--state-tone:var(--toggle-tone,var(--blue))}
.play-toggle.control-toggle{--state-tone:var(--violet)}
#timerToggle.control-toggle{--state-tone:var(--amber)}
#fullscreenButton.control-toggle,
[data-window-action="maximize"].control-toggle{--state-tone:var(--cyan)}
.control-toggle::after,
.folder-tab.control-toggle::after{
  content:"";
  position:absolute;
  left:24%;
  right:24%;
  bottom:3px;
  height:2px;
  border-radius:2px;
  background:var(--control-rail);
  box-shadow:none;
  opacity:.82;
  pointer-events:none;
  transition:background var(--button-release-time) linear,box-shadow var(--button-release-time) linear,opacity var(--button-release-time) linear;
}
.control-toggle.is-active::after,
.control-toggle.is-open::after,
.control-toggle[aria-pressed="true"]::after,
.control-toggle[aria-selected="true"]::after{
  background:var(--state-tone);
  box-shadow:0 0 6px color-mix(in srgb,var(--state-tone) 56%,transparent);
  opacity:1;
}
.apps-zone .app-key>i{display:none}
.control-push::after{content:none}

/* A held toggle is one step lower everywhere; pressing it travels one step further. */
.control-toggle.is-active,
.control-toggle[aria-pressed="true"],
.control-toggle[aria-selected="true"]{
  transform:translateY(var(--control-held));
}
.surface-key.control-toggle.is-active,
.surface-key.control-toggle[aria-pressed="true"],
.surface-key.control-toggle[aria-selected="true"],
.systems-zone .quick-toggle.control-toggle.is-active,
.folder-tab.control-toggle.is-active,
.folder-tab.control-toggle[aria-selected="true"]{
  transform:translateY(var(--control-held));
  filter:none;
  background:linear-gradient(180deg,color-mix(in srgb,var(--control-bottom) 84%,var(--state-tone) 16%),var(--control-bottom));
  box-shadow:inset 0 2px 4px var(--control-contact),inset 0 1px rgba(255,255,255,.04);
}
.apps-zone .app-key.control-toggle.is-active,
.nav-choice.control-toggle.is-active{
  background:color-mix(in srgb,var(--state-tone) 12%,transparent);
  box-shadow:inset 0 2px 3px rgba(0,0,0,.24);
}
.control-toggle.is-active:active,
.control-toggle[aria-pressed="true"]:active,
.control-toggle[aria-selected="true"]:active{
  transform:translateY(var(--control-press)) scaleY(.985);
  transition-duration:var(--button-press-time);
}

/* Small unframed actions still use the same binary click timing. */
.dismiss-button,.calendar-grid button,.content-row{
  transition:transform var(--button-release-time) linear,background var(--button-release-time) linear,color var(--button-release-time) linear;
  transform-origin:50% 100%;
}
.dismiss-button:active,.calendar-grid button:active,.content-row:active{
  transform:translateY(1px) scaleY(.99);
  transition-duration:var(--button-press-time);
}

/* Full-colour application artwork consistently marks app identity. */
.app-art{
  color:initial;
  fill:initial;
  stroke:none;
  overflow:visible;
}
.app-badge .app-art{
  width:26px;
  height:26px;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.28));
}
.notification .app-badge .app-art{
  width:24px;
  height:24px;
}
.mini-card header .app-badge .app-art{
  width:22px;
  height:22px;
}
body[data-theme="light"] .app-badge .app-art{
  filter:drop-shadow(0 1px 1px rgba(34,46,52,.18));
}
.apps-zone .app-key .app-art{
  width:36px;
  height:36px;
  color:initial;
  fill:initial;
  stroke:none;
  overflow:visible;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.28));
  transition:filter var(--button-release-time) linear,transform var(--button-release-time) linear;
}
.apps-zone .app-key:hover .app-art{
  transform:translateY(-1px);
  filter:drop-shadow(0 3px 3px rgba(0,0,0,.31)) saturate(1.06);
}
.apps-zone .app-key:active .app-art,
.apps-zone .app-key.is-active .app-art{
  transform:translateY(1px);
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.22)) saturate(1.08);
}
body[data-theme="light"] .apps-zone .app-key .app-art{
  filter:drop-shadow(0 2px 2px rgba(34,46,52,.22));
}

/*
 * Non-negotiable window rule: work content is always fully opaque.
 * Wallpaper and acrylic may breathe through chrome, side navigation and shell
 * areas, but never through the surface the user reads or edits.
 */
:root{
  --content-surface:#080b0d;
  --content-surface-raised:#0d1215;
  --terminal-content-surface:#020405;
}
body[data-theme="graphite"]{
  --content-surface:#1a1f22;
  --content-surface-raised:#22282c;
  --terminal-content-surface:#090c0e;
}
body[data-theme="light"]{
  --content-surface:#f2f4f3;
  --content-surface-raised:#e6eae8;
  --terminal-content-surface:#101416;
}

.file-well,
.music-hero,
.playlist,
.start-page,
.terminal-screen,
.notes-layout textarea{
  backdrop-filter:none;
}
.file-well{
  background:linear-gradient(145deg,var(--content-surface-raised),var(--content-surface));
}
.file-head{
  background:var(--content-surface-raised);
}
.music-hero,
.playlist,
.start-page,
.notes-layout textarea{
  background:var(--content-surface);
}
.terminal-screen{
  background:var(--terminal-content-surface);
}

/*
 * Application colour contract
 *
 * The application declares one --app-primary value. Plasma carries it into
 * identity, focus, selection, persistent state and a restrained content tint.
 * Destructive and system-status colours remain semantic and are not replaced.
 */
.app-frame{
  --app-primary:var(--blue);
  --app-content-surface:color-mix(in srgb,var(--content-surface) 95%,var(--app-primary) 5%);
  --app-content-raised:color-mix(in srgb,var(--content-surface-raised) 91%,var(--app-primary) 9%);
  --app-terminal-surface:color-mix(in srgb,var(--terminal-content-surface) 96%,var(--app-primary) 4%);
  caret-color:var(--app-primary);
}
.app-frame.is-front{
  border-color:color-mix(in srgb,var(--app-primary) 32%,var(--line));
  box-shadow:0 28px 68px rgba(0,0,0,.62),0 0 0 1px color-mix(in srgb,var(--app-primary) 14%,transparent);
}
body[data-theme="light"] .app-frame.is-front{
  border-color:color-mix(in srgb,var(--app-primary) 38%,rgba(43,55,61,.58));
  box-shadow:0 22px 52px rgba(28,38,42,.25),0 0 0 1px color-mix(in srgb,var(--app-primary) 12%,transparent);
}
.app-frame .app-titlebar{
  background:color-mix(in srgb,var(--shell-hi) 88%,var(--app-primary) 12%);
}
.app-frame .app-identity small{
  color:color-mix(in srgb,var(--app-primary) 62%,var(--muted));
}
.app-frame .app-badge,
.mini-card .app-badge,
.notification[data-app-origin] .app-badge{
  --badge-tone:var(--app-primary);
}
.app-frame .control-toggle,
.mini-card .control-toggle{
  --state-tone:var(--app-primary);
}
.app-frame .surface-key:not(.danger):focus-visible,
.app-frame .content-row:focus-visible,
.app-frame input:focus-visible,
.app-frame textarea:focus-visible{
  outline-color:var(--app-primary);
}
.app-frame .recessed-field:focus-within{
  border-color:color-mix(in srgb,var(--app-primary) 54%,var(--line));
  box-shadow:inset 0 4px 9px rgba(0,0,0,.68),0 0 0 1px color-mix(in srgb,var(--app-primary) 28%,transparent);
}
.app-frame .live-slit,
.mini-card .live-slit,
.app-frame .equalizer i{
  background:var(--app-primary);
  box-shadow:0 0 7px color-mix(in srgb,var(--app-primary) 48%,transparent);
}
.app-frame .folder-tab.is-active::after{
  background:var(--app-primary);
  box-shadow:0 0 6px color-mix(in srgb,var(--app-primary) 48%,transparent);
}
.app-frame .folder-tab.is-active{
  background:color-mix(in srgb,var(--app-content-raised) 90%,var(--app-primary) 10%);
}
.app-frame .nav-choice.is-active{
  color:var(--text);
  background:color-mix(in srgb,var(--app-primary) 12%,var(--well));
  box-shadow:inset 3px 0 var(--app-primary);
}
.app-frame .content-row.is-selected{
  background:color-mix(in srgb,var(--app-primary) 18%,var(--app-content-surface));
  box-shadow:inset 3px 0 var(--app-primary);
}
.app-frame .music-key.primary,
.app-frame .large-time,
.app-frame .terminal-screen b{
  color:var(--app-primary);
}
.app-frame input[type="range"],
.mini-card input[type="range"]{
  accent-color:var(--app-primary);
}
.apps-zone .app-key.is-active span,
.mini-card header b{
  color:var(--app-primary);
}
.notification[data-app-origin]{
  background:linear-gradient(90deg,color-mix(in srgb,var(--app-primary) 8%,transparent),transparent 72%);
  box-shadow:inset 2px 0 var(--app-primary);
}

/* The tint is mixed only from opaque colours, preserving the solid-content rule. */
.file-well{
  background:linear-gradient(145deg,var(--app-content-raised),var(--app-content-surface));
}
.file-head{
  background:var(--app-content-raised);
}
.music-hero,
.playlist,
.start-page,
.notes-layout textarea{
  background:var(--app-content-surface);
}
.terminal-screen{
  background:var(--app-terminal-surface);
}

/* Systems hierarchy: live activity rises; pinned utilities settle at the base. */
.systems-zone .time-block{order:0}
.systems-zone .dynamic-widget-stack{
  order:1;
  flex:0 0 auto;
}
.systems-zone .system-launchers{
  order:2;
  flex:0 0 auto;
}
.systems-zone .static-widget-stack{
  order:3;
  min-height:0;
  margin-top:auto;
  display:grid;
  gap:14px;
  align-content:end;
}
.systems-zone .static-widget-stack .quick-settings{
  margin-top:0;
}
@media(max-width:1350px){
  .systems-zone .static-widget-stack{gap:10px}
}

/* The shell exposes only real desktop actions, never prototype controls. */
.apps-zone .bottom-actions{justify-content:flex-end}
.systems-zone .system-launchers{grid-template-columns:1fr}

/* Bottom-up application launcher */
.apps-zone{isolation:isolate}
.apps-bottom{position:relative;z-index:904}
.apps-zone .apps-bottom{grid-template-columns:minmax(0,1fr) 40px;gap:8px;align-items:center}
.apps-zone .app-search{width:100%}
.apps-zone .bottom-actions{align-items:center;justify-content:space-between}
.all-apps-toggle{position:relative;width:40px;height:40px;padding:0;display:grid;place-items:center}
.all-apps-toggle svg{width:18px;height:18px}
.all-apps-drawer{
  position:absolute;
  z-index:903;
  left:0;
  right:0;
  bottom:0;
  height:calc(100% - 70px);
  max-height:none;
  padding:0 0 108px;
  overflow:hidden;
  border:0;
  border-top:1px solid var(--glass-edge);
  border-radius:0;
  color:var(--text);
  background:var(--content-surface);
  box-shadow:0 -12px 28px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:none;
  transform:translateY(100%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:transform 160ms cubic-bezier(.2,.78,.2,1),opacity 120ms ease,visibility 0s linear 160ms;
}
.all-apps-drawer::before{content:"";position:absolute;top:-1px;left:34%;right:34%;height:2px;border-radius:2px;background:var(--blue);box-shadow:0 0 8px var(--blue-glow)}
.all-apps-drawer.is-open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.all-apps-heading{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid color-mix(in srgb,var(--text) 12%,transparent);background:var(--content-surface-raised)}
.all-apps-heading h2{margin:0;font-size:15px;letter-spacing:-.02em}
.all-apps-heading>span{font-size:12px;color:var(--muted)}
.launcher-body{min-height:0;height:calc(100% - 48px);display:grid;grid-template-columns:minmax(112px,34%) minmax(0,1fr);background:var(--content-surface)}
.launcher-categories{min-width:0;padding:7px 6px;overflow-y:auto;border-right:1px solid color-mix(in srgb,var(--text) 12%,transparent);background:var(--content-surface-raised);scrollbar-width:thin}
.launcher-category{width:100%;min-height:34px;padding:6px 8px;border:0;border-radius:7px;display:flex;align-items:center;gap:8px;color:var(--muted);background:transparent;text-align:left;transition:transform 45ms cubic-bezier(.2,.8,.2,1),background 55ms ease,color 55ms ease}
.launcher-category svg{flex:0 0 16px;width:16px;height:16px}
.launcher-category span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650}
.launcher-category:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}
.launcher-category:active{transform:translateY(2px);background:color-mix(in srgb,var(--text) 12%,transparent)}
.launcher-category.is-active{color:#fff;background:#176ca8;box-shadow:inset 3px 0 #57c2ff}
.launcher-category:focus-visible{outline:2px solid var(--blue);outline-offset:-1px}
.launcher-results{min-width:0;min-height:0;padding:8px;overflow-y:auto;background:var(--content-surface);scrollbar-width:thin;container-name:app-list;container-type:inline-size}
.all-apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
@container app-list (max-width:229px){.all-apps-grid{grid-template-columns:minmax(0,1fr)}}
@container app-list (min-width:430px){.all-apps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.launcher-app{position:relative;min-width:0;min-height:54px;padding:7px;border:0;border-radius:9px;background:transparent;color:var(--text);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;text-align:left;transition:transform 45ms cubic-bezier(.2,.8,.2,1),background 55ms ease}
.launcher-app[hidden]{display:none}
.launcher-app:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}
.launcher-app:active{transform:translateY(2px) scale(.985);background:color-mix(in srgb,var(--glass-groove-deep) 48%,transparent)}
.launcher-app:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.launcher-app>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}
.launcher-icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center}
.launcher-icon .app-art{width:34px;height:34px}
.app-tile{border:1px solid rgba(255,255,255,.2);border-radius:9px;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.24)}
.app-tile svg{width:18px;height:18px}.app-tile b{font-size:13px;letter-spacing:-.04em}.app-tile b:only-child{line-height:1}
.tile-blue{background:linear-gradient(145deg,#49baff,#1266cc)}.tile-cyan{background:linear-gradient(145deg,#52dce7,#087a9e)}.tile-green{background:linear-gradient(145deg,#6bd985,#168449)}.tile-magenta{background:linear-gradient(145deg,#ff79ce,#7545d2)}.tile-violet{background:linear-gradient(145deg,#a98cff,#5535ad)}.tile-orange{background:linear-gradient(145deg,#ffb44f,#e9561f)}.tile-red{background:linear-gradient(145deg,#ff7468,#bd252e)}.tile-amber{background:linear-gradient(145deg,#ffd05c,#b87208)}.tile-navy{background:linear-gradient(145deg,#3974b8,#122746)}.tile-charcoal{background:linear-gradient(145deg,#566069,#171b1f)}.tile-silver{color:#20272b;background:linear-gradient(145deg,#f0f2f2,#9da7ac);border-color:rgba(255,255,255,.55)}
.all-apps-empty{margin:12px 0 2px;padding:18px 8px;text-align:center;color:var(--muted);font-size:12px}
body[data-theme="light"] .all-apps-drawer{background:var(--content-surface);box-shadow:0 -12px 26px rgba(35,40,43,.16),inset 0 1px rgba(255,255,255,.62)}
body[data-theme="light"] .launcher-category.is-active{color:#fff;background:#1877b7;box-shadow:inset 3px 0 #75d0ff}
.systems-zone .system-launchers{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1350px){.launcher-body{grid-template-columns:46px minmax(0,1fr)}.launcher-category{justify-content:center;padding:6px}.launcher-category span{display:none}}

/* Edge-lit glass system cursor with context-aware shapes. */
.material-cursor{
  --cursor-x:-60px;
  --cursor-y:-60px;
  --cursor-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath fill='white' d='M3 2.5l.35 25.55c.01.72.9 1.05 1.39.52l4.75-5.18 5.17 10.69c.29.61 1.02.86 1.63.56l3.39-1.65c.61-.3.86-1.03.57-1.64l-5.13-10.61 7.68-.18c.73-.02 1.02-.93.47-1.4L4.33 1.9C3.8 1.46 3 1.83 3 2.5Z'/%3E%3C/svg%3E");
  position:fixed;
  left:0;
  top:0;
  z-index:10000;
  width:22px;
  height:28px;
  display:none;
  opacity:0;
  pointer-events:none;
  transform:translate3d(var(--cursor-x),var(--cursor-y),0) translate(-2.3px,-2px);
  filter:none;
  transition:opacity 55ms linear;
  will-change:transform;
}
.material-cursor::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:rgba(156,214,238,.035);
  -webkit-backdrop-filter:invert(100%);
  backdrop-filter:invert(100%);
  -webkit-mask:var(--cursor-mask) center/100% 100% no-repeat;
  mask:var(--cursor-mask) center/100% 100% no-repeat;
}
.material-cursor.is-visible{opacity:1}
.cursor-glyph{position:absolute;inset:0;z-index:1;width:22px;height:28px;display:none;overflow:visible;transition:filter 32ms linear}
.glyph-arrow{display:block}
.cursor-outline{fill:none;stroke:rgba(7,11,14,.72);stroke-width:2.8;stroke-linejoin:round;filter:drop-shadow(0 1px .7px rgba(0,0,0,.44))}
.cursor-glass{fill:rgba(174,222,242,.065);stroke:none}
.cursor-edge{fill:rgba(174,222,242,.04);stroke:rgba(238,250,255,.84);stroke-width:1.05;stroke-linejoin:round;paint-order:stroke fill;filter:drop-shadow(0 1px .55px rgba(0,0,0,.34))}
.cursor-side{fill:none;stroke:transparent;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;transition:stroke 34ms linear,filter 34ms linear}
.cursor-line{fill:none;stroke:rgba(232,248,255,.72);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px .7px rgba(0,0,0,.48))}
.cursor-badge{fill:rgba(12,22,28,.62);stroke:rgba(238,250,255,.9);stroke-width:1.1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.58))}
.cursor-badge-mark{fill:none;stroke:#dff6ff;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.cursor-spinner{stroke-dasharray:5 4;transform-origin:21px 27px;animation:cursor-spin 650ms linear infinite}
@keyframes cursor-spin{to{transform:rotate(360deg)}}
.material-cursor.is-pointer{--cursor-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath fill='white' d='M9 17V7a2 2 0 0 1 4 0v7-9a2 2 0 0 1 4 0v9-7a2 2 0 0 1 4 0v8-4a2 2 0 0 1 4 0v9c0 8-4 13-11 13h-1c-4 0-6-3-8-6l-3-6a2 2 0 0 1 3-2Z'/%3E%3C/svg%3E");transform:translate3d(var(--cursor-x),var(--cursor-y),0) translate(-10px,-2px)}
.material-cursor.is-text{--cursor-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath fill='none' stroke='white' stroke-width='3' stroke-linecap='round' d='M7 4h14M14 4v28M7 32h14'/%3E%3C/svg%3E")}
.material-cursor.is-col-resize{--cursor-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M2 18h24M2 18l6-6M2 18l6 6M26 18l-6-6M26 18l-6 6'/%3E%3C/svg%3E")}
.material-cursor.is-diag-resize{--cursor-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M5 29 23 7M5 29v-8M5 29h8M23 7v8M23 7h-8'/%3E%3C/svg%3E")}
.material-cursor.is-grab,.material-cursor.is-grabbing{--cursor-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath fill='white' d='M5 17v-5a2 2 0 0 1 4 0v4-8a2 2 0 0 1 4 0v8-10a2 2 0 0 1 4 0v10-8a2 2 0 0 1 4 0v9-5a2 2 0 0 1 4 0v9c0 8-4 12-11 12h-1C7 33 5 28 5 23Z'/%3E%3C/svg%3E")}
.material-cursor.is-move{--cursor-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M14 3v30M14 3l-4 4M14 3l4 4M14 33l-4-4M14 33l4-4M2 18h24M2 18l4-4M2 18l4 4M26 18l-4-4M26 18l-4 4'/%3E%3C/svg%3E")}
.material-cursor.is-forbidden{--cursor-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Ccircle fill='white' cx='14' cy='18' r='11'/%3E%3C/svg%3E")}
.material-cursor.is-help,.material-cursor.is-progress,.material-cursor.is-copy{--cursor-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath fill='white' d='M3 2.5l.35 25.55c.01.72.9 1.05 1.39.52l4.75-5.18 5.17 10.69c.29.61 1.02.86 1.63.56l3.39-1.65c.61-.3.86-1.03.57-1.64l-5.13-10.61 7.68-.18c.73-.02 1.02-.93.47-1.4L4.33 1.9C3.8 1.46 3 1.83 3 2.5Z'/%3E%3Ccircle fill='white' cx='21' cy='27' r='5.7'/%3E%3C/svg%3E")}
.material-cursor.is-text,.material-cursor.is-col-resize,.material-cursor.is-diag-resize,.material-cursor.is-grab,.material-cursor.is-grabbing,.material-cursor.is-move,.material-cursor.is-forbidden{transform:translate3d(var(--cursor-x),var(--cursor-y),0) translate(-11px,-14px)}
.material-cursor.is-pointer .glyph-arrow,.material-cursor.is-text .glyph-arrow,.material-cursor.is-col-resize .glyph-arrow,.material-cursor.is-diag-resize .glyph-arrow,.material-cursor.is-grab .glyph-arrow,.material-cursor.is-grabbing .glyph-arrow,.material-cursor.is-move .glyph-arrow,.material-cursor.is-forbidden .glyph-arrow,.material-cursor.is-help .glyph-arrow,.material-cursor.is-progress .glyph-arrow,.material-cursor.is-copy .glyph-arrow{display:none}
.material-cursor.is-pointer .glyph-pointer,.material-cursor.is-text .glyph-text,.material-cursor.is-col-resize .glyph-col-resize,.material-cursor.is-diag-resize .glyph-diag-resize,.material-cursor.is-grab .glyph-grab,.material-cursor.is-grabbing .glyph-grab,.material-cursor.is-move .glyph-move,.material-cursor.is-forbidden .glyph-forbidden,.material-cursor.is-help .glyph-help,.material-cursor.is-progress .glyph-progress,.material-cursor.is-copy .glyph-copy{display:block}
.material-cursor.is-grabbing .glyph-grab{transform:translateY(2px) scale(.96);transform-origin:center}
.material-cursor.is-left .cursor-side-left,.material-cursor.is-right .cursor-side-right{stroke:#76cfff;filter:drop-shadow(0 0 1px rgba(42,159,255,.72)) drop-shadow(0 0 3px rgba(42,159,255,.32))}
.material-cursor.is-left .cursor-glyph:not(.glyph-arrow) .cursor-edge,.material-cursor.is-left .cursor-line{filter:drop-shadow(-1px 0 1.5px rgba(42,159,255,.42))}.material-cursor.is-right .cursor-glyph:not(.glyph-arrow) .cursor-edge,.material-cursor.is-right .cursor-line{filter:drop-shadow(1px 0 1.5px rgba(42,159,255,.42))}
@media(pointer:fine){.desktop-shell,.desktop-shell *{cursor:none!important}.material-cursor{display:block}}

/* The viewport wallpaper is shared by the desktop and its overlays.
   See desktop-background.css; Areas do not own separate wallpaper surfaces. */

/* Full-screen universal search: one continuous edge-lit glass sheet. */
.universal-search{
  position:fixed;
  inset:0;
  z-index:9500;
  min-width:0;
  padding:clamp(28px,5vh,64px) clamp(24px,6vw,96px);
  color:var(--text);
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),transparent 18%,transparent 82%,rgba(0,0,0,.12)),
    color-mix(in srgb,var(--glass-field) 64%,rgba(5,18,31,.48));
  -webkit-backdrop-filter:blur(30px) saturate(1.18);
  backdrop-filter:blur(30px) saturate(1.18);
  box-shadow:inset 0 1px rgba(255,255,255,.28),inset 0 -1px rgba(0,0,0,.42),inset 0 0 90px color-mix(in srgb,var(--glass-field-deep) 58%,transparent);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:scale(1.008);
  transition:opacity 105ms linear,transform 125ms cubic-bezier(.2,.8,.2,1),visibility 0s linear 125ms;
}
.universal-search::before{
  content:"";
  position:absolute;
  inset:9px;
  pointer-events:none;
  border:1px solid color-mix(in srgb,var(--glass-highlight) 72%,transparent);
  border-radius:24px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.16),0 0 18px rgba(90,199,255,.08);
}
.universal-search::after{
  content:"";
  position:absolute;
  top:9px;
  left:18%;
  right:18%;
  height:2px;
  border-radius:0 0 3px 3px;
  background:rgba(116,208,255,.76);
  box-shadow:0 0 9px rgba(42,159,255,.52);
  pointer-events:none;
}
.universal-search.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);transition-delay:0s}
body.universal-search-open .desktop-shell{pointer-events:none}
.universal-search-shell{position:relative;z-index:1;width:min(1180px,100%);height:100%;margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:22px}
.universal-search-header{display:grid;grid-template-columns:minmax(210px,.36fr) minmax(360px,1fr);align-items:end;gap:28px;padding:4px 2px 18px;border-bottom:1px solid color-mix(in srgb,var(--text) 18%,transparent)}
.universal-search-title h2{margin:5px 0 0;font-size:clamp(25px,3vw,42px);line-height:1;letter-spacing:-.045em}
.universal-search-field{height:64px;min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:13px;padding:0 17px;border:1px solid color-mix(in srgb,var(--glass-groove) 72%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--content-surface) 82%,transparent);box-shadow:inset 0 4px 12px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.06);transition:border-color 70ms linear,box-shadow 70ms linear,transform 55ms linear}
.universal-search-field:focus-within{transform:translateY(1px);border-color:rgba(90,197,255,.72);box-shadow:inset 0 5px 13px rgba(0,0,0,.46),inset 0 0 0 1px rgba(84,190,255,.16),0 0 12px rgba(42,159,255,.13)}
.universal-search-field>svg{width:25px;height:25px;color:#78ccff;filter:drop-shadow(0 0 5px rgba(42,159,255,.28))}
.universal-search-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:clamp(18px,2vw,25px);font-weight:520;letter-spacing:-.02em}
.universal-search-field input::placeholder{color:color-mix(in srgb,var(--muted) 88%,transparent)}
.universal-search kbd{min-width:25px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--text) 22%,transparent);border-radius:6px;color:var(--muted);background:color-mix(in srgb,var(--content-surface-raised) 74%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.09);font:650 11px/1 ui-monospace,monospace;text-align:center}
.universal-search-layout{min-height:0;display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px}
.universal-search-scopes{min-height:0;padding:3px 18px 3px 0;border-right:1px solid color-mix(in srgb,var(--text) 16%,transparent);display:flex;flex-direction:column;gap:5px}
.universal-scope{position:relative;width:100%;height:45px;padding:0 12px;border:0;border-radius:9px;display:flex;align-items:center;gap:11px;color:var(--muted);background:transparent;text-align:left;transition:transform 45ms linear,background 65ms linear,color 65ms linear}
.universal-scope svg{width:18px;height:18px}.universal-scope span{font-size:14px;font-weight:650}
.universal-scope:hover{color:var(--text);background:color-mix(in srgb,var(--text) 7%,transparent)}
.universal-scope:active{transform:translateY(2px);background:color-mix(in srgb,var(--text) 11%,transparent)}
.universal-scope.is-active{color:#eaf8ff;background:rgba(16,102,164,.50);box-shadow:inset 3px 0 #69caff,inset 0 1px rgba(255,255,255,.08)}
.universal-scope:focus-visible,.universal-result:focus-visible{outline:2px solid #63c6ff;outline-offset:1px}
.universal-results{min-width:0;min-height:0;overflow-y:auto;padding:1px 7px 26px 0;scrollbar-width:thin}
.universal-group{margin:0 0 22px}.universal-group[hidden]{display:none}
.universal-group h3{margin:0 0 8px;padding:0 5px;color:var(--muted);font-size:12px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}
.universal-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.universal-result{min-width:0;min-height:66px;padding:8px 11px;border:1px solid transparent;border-radius:12px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;color:var(--text);background:color-mix(in srgb,var(--content-surface) 52%,transparent);text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.035);transition:transform 45ms linear,background 60ms linear,border-color 60ms linear}
.universal-result:hover{background:color-mix(in srgb,var(--content-surface-raised) 78%,rgba(37,134,202,.20));border-color:color-mix(in srgb,var(--text) 14%,transparent)}
.universal-result:active{transform:translateY(2px);background:color-mix(in srgb,var(--content-surface) 88%,rgba(29,111,170,.18));box-shadow:inset 0 3px 6px rgba(0,0,0,.25)}
.universal-result[hidden]{display:none}.universal-result>.app-art{width:40px;height:40px}.universal-result>span:nth-child(2){min-width:0}
.universal-result b,.universal-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.universal-result b{font-size:14px}.universal-result small{margin-top:4px;color:var(--muted);font-size:12px}
.universal-file-icon,.universal-symbol{width:40px;height:40px;display:grid;place-items:center}.universal-file-icon i{margin:0;transform:scale(1.25)}
.universal-symbol{border:1px solid color-mix(in srgb,currentColor 38%,transparent);border-radius:11px;background:color-mix(in srgb,currentColor 10%,transparent)}.universal-symbol svg{width:20px;height:20px}.universal-symbol.blue{color:var(--blue)}.universal-symbol.cyan{color:var(--cyan)}.universal-symbol.amber{color:var(--amber)}
.universal-result .result-arrow{width:17px;height:17px;color:var(--muted)}
.universal-empty{margin:9vh 0 0;text-align:center;color:var(--muted);font-size:15px}
.universal-search-footer{min-height:32px;display:flex;justify-content:flex-end;align-items:center;gap:22px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--text) 15%,transparent);color:var(--muted);font-size:12px}.universal-search-footer span{display:flex;align-items:center;gap:5px}
body[data-theme="light"] .universal-search{background:linear-gradient(180deg,rgba(255,255,255,.20),transparent 20%,transparent 82%,rgba(38,75,101,.08)),color-mix(in srgb,var(--glass-field) 70%,rgba(192,218,232,.40));box-shadow:inset 0 1px rgba(255,255,255,.72),inset 0 -1px rgba(45,73,90,.28),inset 0 0 90px rgba(129,177,201,.20)}
body[data-theme="light"] .universal-search-field{background:rgba(235,241,243,.80);box-shadow:inset 0 3px 10px rgba(42,71,88,.20),inset 0 1px rgba(255,255,255,.72)}
body[data-theme="light"] .universal-result{background:rgba(232,239,242,.55)}
body[data-theme="light"] .universal-scope.is-active{color:#fff;background:rgba(18,111,176,.76)}
@media(max-width:900px){.universal-search{padding:26px 24px}.universal-search-header{grid-template-columns:1fr}.universal-search-title{display:none}.universal-search-layout{grid-template-columns:54px minmax(0,1fr);gap:14px}.universal-search-scopes{padding-right:8px}.universal-scope{justify-content:center;padding:0}.universal-scope span{display:none}.universal-result-grid{grid-template-columns:1fr}.universal-search-footer span:last-child{display:none}}
@media(pointer:fine){.universal-search,.universal-search *{cursor:none!important}}

/* Movable desktop areas. Auto layout reserves space by priority:
   Project Space first, Apps second, System third. */
.desktop-shell{
  --area-gap:12px;
  display:block;
  width:100vw;
  height:100vh;
  min-height:0;
  position:relative;
  overflow:hidden;
}
.zone-resizer{display:none!important}
.desktop-shell>.workspace-zone{
  position:absolute;
  z-index:1;
  top:var(--workspace-top,12px);
  left:var(--workspace-left,304px);
  right:var(--workspace-right,324px);
  bottom:var(--workspace-bottom,274px);
  width:auto;
  height:auto;
  min-height:0;
  transition:left 150ms cubic-bezier(.2,.8,.2,1),right 150ms cubic-bezier(.2,.8,.2,1),bottom 150ms cubic-bezier(.2,.8,.2,1),top 150ms cubic-bezier(.2,.8,.2,1);
}
.area-window,
.desktop-shell>.apps-zone,
.desktop-shell>.systems-zone{
  position:absolute;
  z-index:220;
  min-width:240px;
  min-height:220px;
  width:auto;
  height:auto;
  padding:12px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--glass-groove) 78%,var(--line));
  border-radius:19px;
  background:
    linear-gradient(180deg,var(--glass-highlight),transparent 15%,transparent 85%,rgba(0,0,0,.08)),
    color-mix(in srgb,var(--glass-field) 86%,transparent);
  -webkit-backdrop-filter:blur(22px) saturate(1.09);
  backdrop-filter:blur(22px) saturate(1.09);
  box-shadow:0 13px 34px rgba(0,0,0,.24),inset 0 0 0 1px color-mix(in srgb,var(--glass-highlight) 60%,transparent),inset 0 0 30px var(--glass-field-deep);
  transition:left 150ms cubic-bezier(.2,.8,.2,1),top 150ms cubic-bezier(.2,.8,.2,1),width 150ms cubic-bezier(.2,.8,.2,1),height 150ms cubic-bezier(.2,.8,.2,1),opacity 90ms linear;
}
.desktop-shell>.apps-zone{left:12px;top:12px;width:280px;height:calc(100% - 24px);border-right-color:color-mix(in srgb,var(--glass-groove) 78%,var(--line))}
.desktop-shell>.systems-zone{right:12px;top:12px;width:300px;height:calc(100% - 24px);border-left-color:color-mix(in srgb,var(--glass-groove) 78%,var(--line));overflow-y:auto;scrollbar-width:none}
.desktop-shell>.project-area{left:304px;right:324px;bottom:12px;height:250px;display:flex;flex-direction:column;--project-accent:#5cbcff}
.area-window[hidden]{display:none!important}
.area-window.is-area-dragging,.area-window.is-area-resizing{transition:none;box-shadow:0 18px 46px rgba(0,0,0,.38),0 0 0 1px rgba(89,193,255,.18),inset 0 0 0 1px var(--glass-highlight)}
.area-window.is-area-dragging{opacity:.96}
.area-window-bar{
  position:relative;
  z-index:20;
  flex:0 0 50px;
  min-height:50px;
  margin:-12px -12px 10px;
  padding:7px 8px 7px 11px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid color-mix(in srgb,var(--text) 13%,transparent);
  background:linear-gradient(180deg,color-mix(in srgb,var(--glass-highlight) 38%,transparent),transparent);
  cursor:grab;
  touch-action:none;
  user-select:none;
}
.systems-zone .area-window-bar{position:sticky;top:-12px;margin-bottom:10px}
.area-window-bar:active{cursor:grabbing}.area-window-bar button{touch-action:auto}
.area-window-identity,.area-window-actions{display:flex;align-items:center;gap:7px;min-width:0}.area-window-identity{gap:9px}.area-window-identity>span:last-child{min-width:0}
.area-window-identity b,.area-window-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.area-window-identity b{font-size:14px}.area-window-identity small{margin-top:2px;color:var(--muted);font-size:11px}
.area-window-icon{flex:0 0 32px;width:32px;height:32px;border:1px solid color-mix(in srgb,currentColor 38%,transparent);border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,currentColor 10%,transparent)}.area-window-icon svg{width:17px;height:17px}.area-window-icon.blue{color:var(--blue)}.area-window-icon.cyan{color:var(--cyan)}.area-window-icon.violet{color:var(--violet)}
.area-window-key{width:31px;height:29px;padding:0;display:grid;place-items:center}.area-window-key svg{width:14px;height:14px}
.area-resize-handle{z-index:35;border-radius:7px 0 17px 0}
body.areas-freeform .workspace-zone{top:12px;left:12px;right:12px;bottom:12px}
body.areas-freeform .area-window{transition:none}
.workspace-zone>.app-frame:not([hidden]),
.workspace-zone>.app-frame.is-active{display:grid!important;visibility:visible!important;opacity:1!important}

/* Apps and System retain their internal layouts inside window chrome. */
.apps-zone{display:flex;flex-direction:column}.apps-zone .app-rack{flex:0 0 auto}.apps-zone .mini-section{margin-top:12px}.apps-zone .apps-bottom{flex:0 0 auto}
.systems-zone{display:flex;flex-direction:column;gap:10px}.systems-zone .time-block{flex:0 0 auto}.systems-zone .dynamic-widget-stack{flex:0 0 auto}.systems-zone .static-widget-stack{flex:0 0 auto;margin-top:auto}

/* Project Space */
.project-switcher{flex:0 0 38px;display:flex;gap:6px;margin-bottom:9px;overflow-x:auto;scrollbar-width:none}.project-switcher::-webkit-scrollbar{display:none}
.project-choice{position:relative;min-width:0;height:36px;padding:0 11px;display:flex;align-items:center;gap:8px;border-radius:9px;color:var(--muted)}.project-choice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.project-choice.is-active{color:var(--text);transform:translateY(1px);background:color-mix(in srgb,var(--content-surface) 86%,var(--project-accent) 14%);box-shadow:inset 0 2px 5px rgba(0,0,0,.38)}
.project-choice::after{content:"";position:absolute;left:24%;right:24%;bottom:2px;height:2px;border-radius:2px;background:var(--toggle-rail);opacity:.75}.project-choice.is-active::after{background:var(--project-accent);box-shadow:0 0 6px color-mix(in srgb,var(--project-accent) 58%,transparent);opacity:1}
.project-color{flex:0 0 9px;width:9px;height:9px;border-radius:50%}.project-color-blue{background:#54baff;box-shadow:0 0 6px rgba(84,186,255,.42)}.project-color-green{background:#65d881;box-shadow:0 0 6px rgba(101,216,129,.42)}
.project-space-content{min-height:0;flex:1;display:grid;grid-template-columns:1.05fr 1fr .95fr;gap:8px}
.project-module{min-width:0;min-height:0;padding:9px;border:1px solid color-mix(in srgb,var(--text) 11%,transparent);border-radius:11px;background:color-mix(in srgb,var(--content-surface) 88%,transparent);overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.project-module>header{height:27px;display:flex;align-items:flex-start;justify-content:space-between;gap:7px;margin-bottom:5px}.project-module>header>span:first-child{min-width:0;display:flex;align-items:center;gap:7px}.project-module>header svg{width:15px;height:15px;color:var(--project-accent)}.project-module>header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.project-widget-count{color:var(--muted);font-size:10px;white-space:nowrap}
.project-small-key{height:25px;min-width:36px;padding:0 7px;font-size:10px;border-radius:7px}
.project-path{width:100%;height:32px;padding:0 8px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:7px;display:flex;align-items:center;gap:7px;color:var(--text);background:var(--content-surface-raised);text-align:left}.project-path svg{flex:0 0 15px;width:15px;color:var(--project-accent)}.project-path span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 10px ui-monospace,monospace}
.project-items{display:grid;gap:3px;margin-top:5px}.project-items>button{position:relative;min-width:0;height:38px;padding:4px 5px;border:0;border-radius:7px;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:6px;color:var(--text);background:transparent;text-align:left;transition:transform 45ms linear,background 55ms linear}.project-items>button:hover{background:color-mix(in srgb,var(--text) 7%,transparent)}.project-items>button:active{transform:translateY(2px);background:color-mix(in srgb,var(--text) 11%,transparent)}.project-items>button>i.document-glyph{margin:0;justify-self:center;transform:scale(.82)}.project-items b,.project-items small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-items b{font-size:11px}.project-items small{margin-top:2px;color:var(--muted);font-size:9px}
.linked-type{width:26px;height:26px;border-radius:7px;display:grid;place-items:center}.linked-type svg{width:14px}.linked-type.video{color:#ff8a67;background:rgba(255,110,80,.12)}.linked-type.web{color:var(--cyan);background:rgba(85,216,233,.11)}.link-badge{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:var(--project-accent);background:color-mix(in srgb,var(--project-accent) 12%,transparent)}.link-badge svg{width:10px!important;height:10px!important}
.project-context-module{display:flex;flex-direction:column}.project-quick-apps{display:flex;gap:6px;margin-bottom:6px}.project-app{width:34px;height:34px;padding:0;border:0;border-radius:9px;display:grid;place-items:center;background:transparent;transition:transform 45ms linear,background 55ms linear}.project-app:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}.project-app:active{transform:translateY(2px) scale(.97)}.project-app .app-art{width:31px;height:31px}.project-app-generic{color:#fff;background:linear-gradient(145deg,#ff79ce,#7545d2)}.project-app-generic svg{width:17px}
.project-clipboard,.project-note-widget{min-width:0;border:0;border-radius:8px;color:var(--text);background:color-mix(in srgb,var(--content-surface-raised) 78%,transparent)}.project-clipboard{min-height:42px;padding:5px 6px;display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:6px}.clipboard-mark{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;color:var(--project-accent);background:color-mix(in srgb,var(--project-accent) 11%,transparent)}.clipboard-mark svg{width:14px}.project-clipboard b,.project-clipboard small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-clipboard b{font:700 11px ui-monospace,monospace}.project-clipboard small{margin-top:2px;color:var(--muted);font-size:9px}
.project-note-widget{width:100%;min-height:38px;margin-top:5px;padding:5px 7px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;text-align:left}.project-note-widget>svg{width:15px;color:var(--amber)}.project-note-widget b,.project-note-widget small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-note-widget b{font-size:10px}.project-note-widget small{margin-top:2px;color:var(--muted);font-size:9px}
.universal-symbol.violet{color:var(--violet)}
body[data-theme="light"] .area-window{box-shadow:0 13px 30px rgba(36,54,65,.18),inset 0 0 0 1px rgba(255,255,255,.42),inset 0 0 28px var(--glass-field-deep)}
body[data-theme="light"] .project-module{background:rgba(238,242,243,.88)}
@media(max-width:1180px){.project-space-content{grid-template-columns:1fr 1fr}.project-context-module{display:none}}
@media(max-width:1050px){html,body{overflow:hidden}.desktop-shell{width:100vw;min-height:0}.area-window-bar{min-height:46px;flex-basis:46px}.project-space-content{grid-template-columns:1fr}.project-links-module{display:none}}

/* Docked areas: they always reserve their own space and never float over apps. */
body.areas-docked .area-window{
  z-index:220;
  transform:none;
  opacity:1;
  box-shadow:0 8px 22px rgba(0,0,0,.22),inset 0 0 0 1px color-mix(in srgb,var(--glass-highlight) 58%,transparent),inset 0 0 26px var(--glass-field-deep);
}
body.areas-docked .desktop-shell>.workspace-zone{
  z-index:1;
  transition:left 135ms cubic-bezier(.2,.8,.2,1),right 135ms cubic-bezier(.2,.8,.2,1),top 135ms cubic-bezier(.2,.8,.2,1),bottom 135ms cubic-bezier(.2,.8,.2,1);
}
.area-window.is-dock-dragging{
  opacity:.72;
  filter:saturate(.8);
  box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 0 0 1px var(--glass-highlight);
}
.dock-preview{
  position:absolute;
  z-index:210;
  display:block;
  pointer-events:none;
  opacity:0;
  border:1px solid rgba(104,205,255,.78);
  border-radius:16px;
  background:rgba(42,159,255,.16);
  box-shadow:inset 0 0 24px rgba(67,177,255,.2),0 0 18px rgba(42,159,255,.2);
  transition:opacity 55ms linear,left 70ms ease,right 70ms ease,top 70ms ease,bottom 70ms ease,width 70ms ease,height 70ms ease;
}
.dock-preview.is-visible{opacity:1}
.dock-preview[data-edge="left"]{left:8px;top:8px;bottom:8px;width:min(310px,27vw)}
.dock-preview[data-edge="right"]{right:8px;top:8px;bottom:8px;width:min(310px,27vw)}
.dock-preview[data-edge="top"]{left:22%;right:22%;top:8px;height:min(250px,29vh)}
.dock-preview[data-edge="bottom"]{left:22%;right:22%;bottom:8px;height:min(250px,29vh)}

/* The grip always sits on the edge shared with the app workspace. */
.area-resize-handle{
  clip-path:none;
  border-radius:5px;
  background:color-mix(in srgb,var(--text) 26%,transparent);
  opacity:.34;
}
.area-resize-handle:hover{opacity:.9;background:var(--blue);box-shadow:0 0 8px var(--blue-glow)}
.area-window[data-dock-edge="left"]>.area-resize-handle{
  left:auto;right:1px;top:50%;bottom:auto;width:5px;height:58px;transform:translateY(-50%);cursor:ew-resize;
}
.area-window[data-dock-edge="right"]>.area-resize-handle{
  left:1px;right:auto;top:50%;bottom:auto;width:5px;height:58px;transform:translateY(-50%);cursor:ew-resize;
}
.area-window[data-dock-edge="top"]>.area-resize-handle{
  left:50%;right:auto;top:auto;bottom:1px;width:58px;height:5px;transform:translateX(-50%);cursor:ns-resize;
}
.area-window[data-dock-edge="bottom"]>.area-resize-handle{
  left:50%;right:auto;top:1px;bottom:auto;width:58px;height:5px;transform:translateX(-50%);cursor:ns-resize;
}

/* Project Space is vertical by default and remains useful as a tall dock. */
.project-area[data-dock-edge="left"] .project-space-content,
.project-area[data-dock-edge="right"] .project-space-content{
  display:flex;
  flex-direction:column;
  gap:8px;
  overflow-y:auto;
  padding-right:2px;
  scrollbar-width:thin;
}
.project-area[data-dock-edge="left"] .project-module,
.project-area[data-dock-edge="right"] .project-module{
  flex:0 0 auto;
  min-height:auto;
  overflow:visible;
}
.project-area[data-dock-edge="left"] .project-context-module,
.project-area[data-dock-edge="right"] .project-context-module,
.project-area[data-dock-edge="left"] .project-links-module,
.project-area[data-dock-edge="right"] .project-links-module{display:flex}
.project-area[data-dock-edge="left"] .project-links-module,
.project-area[data-dock-edge="right"] .project-links-module{display:block}
.project-area[data-dock-edge="left"] .project-switcher,
.project-area[data-dock-edge="right"] .project-switcher{flex-basis:auto;display:grid;grid-template-columns:1fr 1fr;overflow:visible}

/* Horizontal docking is allowed, but the information rearranges instead of overflowing. */
.project-area[data-dock-edge="top"] .project-space-content,
.project-area[data-dock-edge="bottom"] .project-space-content{grid-template-columns:1.05fr 1fr .95fr;overflow:hidden}
.area-window[data-dock-edge="top"],.area-window[data-dock-edge="bottom"]{min-height:170px}
.apps-zone[data-dock-edge="top"] .mini-section,.apps-zone[data-dock-edge="bottom"] .mini-section{display:none}
.apps-zone[data-dock-edge="top"] .app-rack,.apps-zone[data-dock-edge="bottom"] .app-rack{height:74px}
.systems-zone[data-dock-edge="top"],.systems-zone[data-dock-edge="bottom"]{display:grid;grid-template-columns:190px minmax(240px,1fr) minmax(260px,1fr);grid-template-rows:auto 1fr;align-items:start;overflow:hidden}
.systems-zone[data-dock-edge="top"] .area-window-bar,.systems-zone[data-dock-edge="bottom"] .area-window-bar{grid-column:1/-1;position:relative;top:auto}
.systems-zone[data-dock-edge="top"] .time-block,.systems-zone[data-dock-edge="bottom"] .time-block{align-self:stretch}
.systems-zone[data-dock-edge="top"] .static-widget-stack,.systems-zone[data-dock-edge="bottom"] .static-widget-stack{display:flex;gap:8px;overflow-x:auto;margin:0}
.systems-zone[data-dock-edge="top"] .static-widget-stack>.system-widget,.systems-zone[data-dock-edge="bottom"] .static-widget-stack>.system-widget{min-width:260px}

/* Desktop Overview: Super opens one place for windows, apps, search and system state. */
.apps-zone .apps-bottom{grid-template-columns:1fr;gap:0}
.overview-launch{
  width:100%;
  min-height:40px;
  padding:0 10px;
  display:grid;
  grid-template-columns:20px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  text-align:left;
}
.overview-launch svg{width:18px;height:18px;color:var(--blue)}
.overview-launch span{font-size:12px;font-weight:750}
.overview-launch kbd{padding:3px 6px;border:1px solid color-mix(in srgb,var(--text) 17%,transparent);border-radius:5px;color:var(--muted);background:color-mix(in srgb,var(--content-surface) 65%,transparent);font:650 9px/1 ui-monospace,monospace}

.universal-search{padding:clamp(20px,3.5vh,42px) clamp(22px,4.5vw,72px)}
.universal-search-shell{width:min(1440px,100%);gap:14px}
.universal-search-header{grid-template-columns:minmax(190px,.28fr) minmax(420px,1fr);gap:22px;padding-bottom:13px}
.universal-search-title h2{font-size:clamp(27px,3vw,40px)}
.universal-search-field{height:56px;border-radius:15px}
.universal-search-field input{font-size:clamp(17px,1.6vw,22px)}

.overview-home{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(270px,320px);
  gap:14px;
  overflow:hidden;
}
.overview-home[hidden],.universal-results[hidden]{display:none}
.overview-main{min-width:0;min-height:0;display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:1px 5px 16px 1px;scrollbar-width:thin}
.overview-section{min-width:0}
.overview-section-heading{min-height:36px;padding:0 5px 7px;display:flex;align-items:end;justify-content:space-between;gap:12px}
.overview-section-heading>div{display:flex;align-items:baseline;gap:9px}
.overview-section-heading h3{margin:0;font-size:17px;letter-spacing:-.025em}
.overview-section-heading>span{color:var(--muted);font-size:12px}
.overview-section-heading .eyebrow{font-size:9px}

.overview-window-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.overview-window{
  --overview-app:#2a9fff;
  min-width:0;
  height:112px;
  padding:10px;
  border:1px solid color-mix(in srgb,var(--overview-app) 36%,var(--line));
  border-radius:14px;
  color:var(--text);
  background:color-mix(in srgb,var(--content-surface) 91%,var(--overview-app) 9%);
  display:grid;
  grid-template-columns:minmax(145px,.8fr) minmax(100px,1.2fr);
  align-items:stretch;
  gap:10px;
  text-align:left;
  box-shadow:inset 0 1px rgba(255,255,255,.06);
  transition:transform 45ms linear,border-color 65ms linear,background 65ms linear;
}
.overview-window.elisa{--overview-app:#a483ff}
.overview-window:hover{border-color:color-mix(in srgb,var(--overview-app) 70%,var(--line));background:color-mix(in srgb,var(--content-surface) 85%,var(--overview-app) 15%)}
.overview-window:active{transform:translateY(2px);box-shadow:inset 0 3px 7px rgba(0,0,0,.25)}
.workspace-no-windows{grid-column:1/-1;min-height:86px;padding:18px;border:1px dashed color-mix(in srgb,var(--text) 18%,transparent);border-radius:13px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--muted);text-align:center}.workspace-no-windows b{color:var(--text);font-size:13px}.workspace-no-windows small{margin-top:4px;font-size:10px}
.overview-window-app{min-width:0;display:flex;align-items:center;gap:10px}
.overview-window-app>.app-art{flex:0 0 42px;width:42px;height:42px}
.overview-window-app b,.overview-window-app small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.overview-window-app b{font-size:14px}.overview-window-app small{margin-top:4px;color:var(--muted);font-size:11px}
.overview-window-preview{min-width:0;border:1px solid color-mix(in srgb,var(--text) 13%,transparent);border-radius:9px;background:var(--well);overflow:hidden}
.file-preview{padding:15px 10px 8px;display:flex;flex-direction:column;gap:7px}
.file-preview i{display:block;height:10px;border-radius:3px;background:color-mix(in srgb,var(--text) 9%,transparent)}
.file-preview i:first-child{width:72%;background:color-mix(in srgb,var(--overview-app) 38%,transparent)}
.file-preview i:last-child{width:84%}
.music-preview{position:relative;padding:13px;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:9px;background:linear-gradient(145deg,#231f32,#090a0d)}
.music-preview::before{content:"";position:absolute;inset:11px 11px auto;width:30px;height:30px;border:1px solid rgba(164,131,255,.48);border-radius:50%;box-shadow:inset 0 0 10px rgba(164,131,255,.18)}
.music-preview>b{font-size:11px}.music-preview>span{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--overview-app) 62%,rgba(255,255,255,.13) 62%)}

.overview-apps-section{min-height:390px;display:flex;flex-direction:column}
.overview-app-library{min-height:330px;display:grid;grid-template-columns:170px minmax(0,1fr);border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:14px;overflow:hidden;background:var(--content-surface)}
.overview-app-library .launcher-categories{padding:8px;border-right-color:color-mix(in srgb,var(--text) 13%,transparent);background:var(--content-surface-raised)}
.overview-app-library .launcher-results{padding:8px 10px 12px;background:var(--content-surface);overflow:visible}
.overview-app-library .all-apps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 5px}
.overview-app-library .launcher-app{min-height:50px}
.overview-app-library .launcher-app>span:last-child{font-size:12px}

.overview-widgets{min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:1px 3px 16px 0;scrollbar-width:thin}
.overview-widget{border:1px solid color-mix(in srgb,var(--text) 16%,transparent);border-radius:14px;color:var(--text);background:color-mix(in srgb,var(--content-surface-raised) 70%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.overview-clock-widget{min-height:82px;padding:13px 15px;display:flex;align-items:center;gap:14px}
.overview-clock-widget>.live-time{font-size:32px;font-weight:730;letter-spacing:-.055em}
.overview-clock-widget b,.overview-clock-widget small{display:block}.overview-clock-widget b{font-size:13px}.overview-clock-widget small{margin-top:3px;color:var(--muted);font-size:11px}
.overview-now-playing{padding:11px 12px}
.overview-now-playing header,.overview-quick-widget header,.overview-agenda-widget header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.overview-now-playing header>span{min-width:0;display:flex;align-items:center;gap:9px}.overview-now-playing header .app-art{width:33px;height:33px}.overview-now-playing header b,.overview-now-playing header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-now-playing header b{font-size:12px}.overview-now-playing header small{margin-top:2px;color:var(--muted);font-size:10px}.overview-now-playing header>small{font-size:9px;letter-spacing:.1em}
.overview-track{height:4px;margin:10px 2px 9px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden}.overview-track i{display:block;width:63%;height:100%;background:var(--violet);box-shadow:0 0 7px color-mix(in srgb,var(--violet) 65%,transparent)}
.overview-media-actions{display:flex;justify-content:center;gap:7px}.overview-media-actions .surface-key{width:33px;height:30px;padding:0}.overview-media-actions svg{width:15px;height:15px}
.overview-quick-widget{padding:11px 12px}.overview-quick-widget h3,.overview-agenda-widget h3{margin:0;font-size:13px}.overview-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.overview-quick-grid .quick-toggle{min-height:40px;padding:6px 8px;font-size:11px}
.overview-agenda-widget{padding:11px 12px}.overview-agenda-widget header>span{display:flex;align-items:center;gap:7px}.overview-agenda-widget header svg{width:16px;height:16px;color:var(--blue)}.overview-agenda-widget header>b{font-size:18px;color:var(--blue)}
.overview-agenda-widget>button{width:100%;min-height:49px;margin-top:7px;padding:6px;border:0;border-radius:9px;color:var(--text);background:color-mix(in srgb,var(--text) 5%,transparent);display:flex;align-items:center;gap:9px;text-align:left;transition:transform 45ms linear,background 60ms linear}.overview-agenda-widget>button:hover{background:color-mix(in srgb,var(--text) 9%,transparent)}.overview-agenda-widget>button:active{transform:translateY(2px)}.overview-agenda-widget>button>i{width:3px;height:28px;border-radius:3px;background:var(--blue)}.overview-agenda-widget>button>span:nth-child(2){min-width:0;flex:1}.overview-agenda-widget>button b,.overview-agenda-widget>button small{display:block}.overview-agenda-widget>button b{font-size:11px}.overview-agenda-widget>button small{margin-top:3px;color:var(--muted);font-size:10px}.overview-agenda-widget .universal-symbol{flex:0 0 34px;width:34px;height:34px}
.overview-connect-widget{min-height:58px;padding:8px 10px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px}.overview-connect-widget b,.overview-connect-widget small{display:block}.overview-connect-widget b{font-size:12px}.overview-connect-widget small{margin-top:2px;color:var(--muted);font-size:10px}
.universal-symbol.green{color:var(--green)}

.universal-results{width:100%;padding:1px 4px 20px;overflow-y:auto}
.universal-app-icon{width:40px;height:40px;display:grid;place-items:center}.universal-app-icon>.app-art,.universal-app-icon>.app-tile{width:38px;height:38px}.universal-app-icon>.app-tile{display:grid;place-items:center}
.universal-web-group{padding-bottom:8px}

body[data-theme="light"] .overview-window{background:color-mix(in srgb,#f5f8fa 91%,var(--overview-app) 9%)}
body[data-theme="light"] .overview-widget{background:rgba(239,245,248,.70);box-shadow:inset 0 1px rgba(255,255,255,.72)}
body[data-theme="light"] .overview-app-library{background:#eef3f5}
body[data-theme="light"] .overview-app-library .launcher-results{background:#eef3f5}

@media(max-width:1050px){
  .overview-home{grid-template-columns:minmax(0,1fr) 260px}
  .overview-app-library{grid-template-columns:52px minmax(0,1fr)}
  .overview-app-library .launcher-category{justify-content:center;padding:6px}.overview-app-library .launcher-category span{display:none}
}
@media(max-width:800px){
  .universal-search{padding:18px}
  .universal-search-header{grid-template-columns:1fr}.universal-search-title{display:none}
  .overview-home{grid-template-columns:1fr;overflow-y:auto}
  .overview-main,.overview-widgets{overflow:visible}
  .overview-widgets{display:grid;grid-template-columns:1fr 1fr}
  .overview-window-grid{grid-template-columns:1fr}
  .overview-app-library .all-apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Workspace identities and portable context packages. */
body{
  --workspace-accent:#56baff;
  --workspace-accent-soft:rgba(86,186,255,.16);
}

.apps-zone .apps-bottom{display:flex;flex-direction:column;gap:7px}
.workspace-status{
  width:100%;min-height:43px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--workspace-accent) 42%,var(--line));border-radius:10px;
  color:var(--text);background:color-mix(in srgb,var(--content-surface-raised) 78%,transparent);display:grid;grid-template-columns:5px minmax(0,1fr) 15px;align-items:center;gap:8px;text-align:left;
  box-shadow:inset 0 1px rgba(255,255,255,.06);transition:transform 45ms linear,border-color 60ms linear,background 60ms linear;
}
.workspace-status:hover{border-color:color-mix(in srgb,var(--workspace-accent) 72%,var(--line));background:color-mix(in srgb,var(--content-surface-raised) 88%,var(--workspace-accent-soft))}
.workspace-status:active{transform:translateY(2px)}
.workspace-status>i{width:4px;height:24px;border-radius:3px;background:var(--workspace-accent);box-shadow:0 0 7px color-mix(in srgb,var(--workspace-accent) 58%,transparent)}
.workspace-status b,.workspace-status small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-status b{font-size:12px}.workspace-status small{margin-top:2px;color:var(--muted);font-size:10px}.workspace-status>svg{width:14px;height:14px;color:var(--muted)}

.universal-search-shell{grid-template-rows:auto auto minmax(0,1fr) auto}
.workspace-switcher{
  min-width:0;display:grid;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;
  border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:15px;background:color-mix(in srgb,var(--glass) 72%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.07),0 9px 24px rgba(0,0,0,.11);
}
.workspace-switcher-label{min-width:0;padding-left:4px}.workspace-switcher-label>*{display:block}.workspace-switcher-label strong{margin-top:3px;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-tabs{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(116px,1fr));gap:5px}
.workspace-tab{
  --tab-color:var(--workspace-accent);min-width:0;min-height:48px;padding:5px 8px;border:1px solid transparent;border-radius:10px;color:var(--text);background:transparent;display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:8px;text-align:left;
  transition:transform 45ms linear,border-color 60ms linear,background 60ms linear;
}
.workspace-tab[data-workspace="school"]{--tab-color:#ffbf4b}.workspace-tab[data-workspace="work"]{--tab-color:#8d85ff}.workspace-tab[data-workspace="gaming"]{--tab-color:#61dc86}
.workspace-tab:hover{background:color-mix(in srgb,var(--tab-color) 10%,transparent);border-color:color-mix(in srgb,var(--tab-color) 24%,transparent)}
.workspace-tab:active{transform:translateY(2px)}
.workspace-tab.is-active{border-color:color-mix(in srgb,var(--tab-color) 58%,var(--line));background:color-mix(in srgb,var(--content-surface-raised) 82%,var(--tab-color) 18%);box-shadow:inset 0 -2px color-mix(in srgb,var(--tab-color) 78%,transparent)}
.workspace-glyph{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;color:var(--tab-color);background:color-mix(in srgb,var(--tab-color) 14%,var(--well));border:1px solid color-mix(in srgb,var(--tab-color) 36%,transparent)}.workspace-glyph svg{width:17px;height:17px}
.workspace-tab b,.workspace-tab small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-tab b{font-size:12px}.workspace-tab small{margin-top:2px;color:var(--muted);font-size:9px}
.workspace-switcher-actions{display:flex;align-items:center;gap:5px}
.workspace-action{min-height:38px;padding:0 10px;border:1px solid color-mix(in srgb,var(--text) 17%,transparent);border-radius:9px;color:var(--text);background:color-mix(in srgb,var(--content-surface-raised) 74%,transparent);display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;transition:transform 45ms linear,border-color 60ms linear}.workspace-action svg{width:15px;height:15px}.workspace-action:hover{border-color:color-mix(in srgb,var(--workspace-accent) 58%,var(--line))}.workspace-action:active{transform:translateY(2px)}.workspace-action.primary{border-color:color-mix(in srgb,var(--workspace-accent) 52%,var(--line));background:color-mix(in srgb,var(--workspace-accent) 16%,var(--content-surface-raised))}.workspace-action.primary svg{color:var(--workspace-accent)}

.workspace-home-card{
  --home-accent:var(--workspace-accent);border:1px solid color-mix(in srgb,var(--home-accent) 42%,var(--line));border-radius:15px;overflow:hidden;background:color-mix(in srgb,var(--content-surface) 92%,var(--home-accent) 8%);box-shadow:inset 0 1px rgba(255,255,255,.06);
}
.workspace-home-header{min-height:67px;padding:9px 11px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid color-mix(in srgb,var(--home-accent) 26%,var(--line));background:color-mix(in srgb,var(--content-surface-raised) 86%,var(--home-accent) 14%)}
.workspace-home-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:var(--home-accent);background:color-mix(in srgb,var(--home-accent) 14%,var(--well));border:1px solid color-mix(in srgb,var(--home-accent) 36%,transparent)}.workspace-home-icon svg{width:23px;height:23px}
.workspace-home-header h3{margin:3px 0 1px;font-size:17px}.workspace-home-header small{color:var(--muted);font-size:10px}
.workspace-home-open{min-height:35px;padding:0 10px;border:1px solid color-mix(in srgb,var(--home-accent) 38%,var(--line));border-radius:9px;color:var(--text);background:color-mix(in srgb,var(--content-surface) 74%,transparent);display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;transition:transform 45ms linear,background 60ms linear}.workspace-home-open svg{width:16px;height:16px;color:var(--home-accent)}.workspace-home-open:active{transform:translateY(2px)}
.workspace-home-body{padding:9px;display:grid;grid-template-columns:minmax(250px,1.3fr) minmax(210px,1fr);gap:8px}
.workspace-folders{display:grid;grid-template-columns:repeat(4,minmax(62px,1fr));gap:5px}
.workspace-folder{min-width:0;min-height:62px;padding:7px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:9px;color:var(--text);background:color-mix(in srgb,var(--content-surface-raised) 68%,transparent);display:flex;flex-direction:column;justify-content:space-between;text-align:left;transition:transform 45ms linear,border-color 60ms linear}.workspace-folder:hover{border-color:color-mix(in srgb,var(--home-accent) 42%,var(--line))}.workspace-folder:active{transform:translateY(2px)}.workspace-folder svg{width:21px;height:21px;color:var(--home-accent)}.workspace-folder b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.workspace-folder small{color:var(--muted);font-size:9px}
.workspace-context-card{min-width:0;padding:8px 9px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:9px;background:var(--well)}.workspace-context-card>b,.workspace-context-card>small{display:block}.workspace-context-card>b{margin-top:4px;font-size:12px}.workspace-context-card>small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.35}
.workspace-favorites{display:flex;align-items:center;gap:4px;margin-top:8px}.workspace-favorite{width:29px;height:29px;padding:2px;border:0;border-radius:7px;background:color-mix(in srgb,var(--content-surface-raised) 76%,transparent);display:grid;place-items:center;transition:transform 45ms linear}.workspace-favorite:active{transform:translateY(2px)}.workspace-favorite .app-art{width:25px;height:25px}.workspace-favorite.generic{color:var(--home-accent);border:1px solid color-mix(in srgb,var(--home-accent) 28%,transparent)}.workspace-favorite.generic svg{width:17px;height:17px}
.other-workspaces{grid-column:1/-1;min-height:39px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--text) 11%,transparent);border-radius:9px;color:var(--text);background:transparent;display:flex;align-items:center;justify-content:space-between;text-align:left;transition:transform 45ms linear,background 60ms linear}.other-workspaces:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.other-workspaces:active{transform:translateY(2px)}.other-workspaces>span{display:flex;align-items:center;gap:8px}.other-workspaces>span>svg{width:18px;height:18px;color:var(--muted)}.other-workspaces b,.other-workspaces small{display:block}.other-workspaces b{font-size:11px}.other-workspaces small{margin-top:2px;color:var(--muted);font-size:9px}.other-workspaces>svg{width:15px;height:15px;color:var(--muted)}

.package-overlay{position:fixed;inset:0;z-index:9800;padding:clamp(18px,4vw,56px);display:grid;place-items:center;background:rgba(1,4,8,.58);backdrop-filter:blur(24px) saturate(1.2);opacity:0;visibility:hidden;transition:opacity 100ms ease,visibility 0s linear 100ms}.package-overlay.is-open{opacity:1;visibility:visible;transition-delay:0s}.package-overlay[hidden]{display:none}
.package-window{width:min(940px,100%);max-height:min(760px,92vh);overflow:auto;border:1px solid color-mix(in srgb,var(--workspace-accent) 43%,rgba(255,255,255,.25));border-radius:19px;color:var(--text);background:color-mix(in srgb,var(--glass) 90%,#071017 10%);box-shadow:inset 0 1px rgba(255,255,255,.12),0 30px 90px rgba(0,0,0,.48),0 0 24px color-mix(in srgb,var(--workspace-accent) 10%,transparent)}
.package-titlebar{position:sticky;top:0;z-index:2;min-height:66px;padding:10px 12px 10px 15px;border-bottom:1px solid color-mix(in srgb,var(--text) 14%,transparent);background:color-mix(in srgb,var(--glass) 88%,transparent);backdrop-filter:blur(22px);display:flex;align-items:center;justify-content:space-between;gap:16px}.package-titlebar>div{display:flex;align-items:center;gap:11px}.package-mark{width:39px;height:39px;border-radius:10px;color:var(--workspace-accent);background:color-mix(in srgb,var(--workspace-accent) 14%,var(--well));border:1px solid color-mix(in srgb,var(--workspace-accent) 38%,transparent);display:grid;place-items:center}.package-mark svg{width:21px;height:21px}.package-titlebar small,.package-titlebar h2{display:block}.package-titlebar small{color:var(--workspace-accent);font-size:9px;font-weight:800;letter-spacing:.12em}.package-titlebar h2{margin:2px 0 0;font-size:19px}.package-close{width:34px;height:32px;padding:0}.package-close svg{width:15px;height:15px}
.package-composer,.import-preview{padding:12px}.package-intro{min-height:51px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:15px}.package-intro b,.package-intro small{display:block}.package-intro b{font-size:14px}.package-intro small{margin-top:3px;color:var(--muted);font-size:11px}.package-size{padding:6px 9px;border-radius:7px;color:var(--workspace-accent);background:color-mix(in srgb,var(--workspace-accent) 12%,transparent);font-size:11px;font-weight:800}
.package-mode-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.package-mode-switch button{min-height:64px;padding:8px;border:1px solid color-mix(in srgb,var(--text) 13%,transparent);border-radius:10px;color:var(--text);background:color-mix(in srgb,var(--content-surface-raised) 68%,transparent);display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;text-align:left;transition:transform 45ms linear,border-color 60ms linear,background 60ms linear}.package-mode-switch button:active{transform:translateY(2px)}.package-mode-switch button.is-active{border-color:color-mix(in srgb,var(--workspace-accent) 62%,var(--line));background:color-mix(in srgb,var(--workspace-accent) 15%,var(--content-surface-raised));box-shadow:inset 0 -2px var(--workspace-accent)}.package-mode-switch svg{width:20px;height:20px;color:var(--workspace-accent)}.package-mode-switch b,.package-mode-switch small{display:block}.package-mode-switch b{font-size:12px}.package-mode-switch small{margin-top:3px;color:var(--muted);font-size:9px}
.package-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.75fr);gap:9px}.package-panel{border:1px solid color-mix(in srgb,var(--text) 13%,transparent);border-radius:12px;background:var(--content-surface);overflow:hidden}.package-panel>header{min-height:49px;padding:8px 10px;border-bottom:1px solid color-mix(in srgb,var(--text) 11%,transparent);display:flex;align-items:center;justify-content:space-between;gap:9px}.package-panel h3{margin:2px 0 0;font-size:14px}.package-panel>header>button,.safety-details,.import-map header button{border:0;color:var(--workspace-accent);background:transparent;font-size:10px;font-weight:750}
.package-content-row{min-height:52px;padding:6px 10px;border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent);display:grid;grid-template-columns:auto 32px minmax(0,1fr) auto;align-items:center;gap:8px}.package-content-row:last-child{border-bottom:0}.package-content-row input{accent-color:var(--workspace-accent)}.package-content-row>span:nth-child(2){width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--workspace-accent);background:color-mix(in srgb,var(--workspace-accent) 10%,var(--well))}.package-content-row svg{width:16px;height:16px}.package-content-row b,.package-content-row small{display:block}.package-content-row b{font-size:11px}.package-content-row small{margin-top:2px;color:var(--muted);font-size:9px}.package-content-row>small{font-size:9px}
.package-safety{padding-bottom:10px}.package-safety>header{justify-content:flex-start}.safety-shield{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--well));border:1px solid color-mix(in srgb,var(--green) 28%,transparent)}.safety-shield svg{width:18px;height:18px}.package-safety p{margin:10px 12px 6px;color:var(--muted);font-size:10px;line-height:1.45}.package-safety ul{margin:5px 12px 9px;padding-left:17px;color:var(--text);font-size:10px;line-height:1.75}.safety-details{margin-left:9px}
.package-actions{min-height:62px;margin-top:10px;padding:8px 3px 0;border-top:1px solid color-mix(in srgb,var(--text) 12%,transparent);display:flex;align-items:center;justify-content:space-between;gap:12px}.package-actions>span{display:flex;align-items:center;gap:8px}.package-actions>span>svg{width:18px;height:18px;color:var(--muted)}.package-actions>span b,.package-actions>span small{display:block}.package-actions>span b{font-size:10px}.package-actions>span small{margin-top:2px;color:var(--muted);font-size:9px}.package-actions>div{display:flex;gap:6px}.package-secondary,.package-primary{min-height:38px;padding:0 13px;border-radius:9px;font-size:11px;font-weight:750;transition:transform 45ms linear}.package-secondary:active,.package-primary:active{transform:translateY(2px)}.package-secondary{border:1px solid color-mix(in srgb,var(--text) 16%,transparent);color:var(--text);background:color-mix(in srgb,var(--content-surface-raised) 68%,transparent)}.package-primary{border:1px solid color-mix(in srgb,var(--workspace-accent) 68%,var(--line));color:var(--text);background:color-mix(in srgb,var(--workspace-accent) 22%,var(--content-surface-raised));display:flex;align-items:center;gap:7px}.package-primary svg{width:16px;height:16px;color:var(--workspace-accent)}
.import-hero{min-height:84px;padding:10px;border:1px solid color-mix(in srgb,var(--workspace-accent) 30%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--content-surface) 90%,var(--workspace-accent) 10%);display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px}.import-file-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:var(--workspace-accent);background:color-mix(in srgb,var(--workspace-accent) 14%,var(--well));border:1px solid color-mix(in srgb,var(--workspace-accent) 36%,transparent)}.import-file-icon svg{width:25px;height:25px}.import-hero small,.import-hero h3,.import-hero p{display:block}.import-hero small{color:var(--workspace-accent);font-size:9px;font-weight:800;letter-spacing:.1em}.import-hero h3{margin:3px 0;font-size:17px}.import-hero p{margin:0;color:var(--muted);font-size:10px}.import-trust{display:flex;align-items:center;gap:6px;color:var(--green);font-size:10px;font-weight:750}.import-trust svg{width:16px;height:16px}
.import-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 0}.import-grid section{min-height:86px;padding:10px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:11px;background:var(--content-surface)}.import-count{display:block;color:var(--workspace-accent);font-size:24px;font-weight:800}.import-grid b,.import-grid small{display:block}.import-grid b{font-size:11px}.import-grid small{margin-top:4px;color:var(--muted);font-size:9px}
.import-map{border:1px solid color-mix(in srgb,var(--text) 13%,transparent);border-radius:12px;background:var(--content-surface);overflow:hidden}.import-map>header{min-height:50px;padding:8px 10px;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent);display:flex;align-items:center;justify-content:space-between}.import-map h3{margin:2px 0 0;font-size:14px}.import-tree{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:color-mix(in srgb,var(--text) 8%,transparent)}.import-tree>span{min-height:57px;padding:8px 10px;background:var(--content-surface);display:grid;grid-template-columns:4px minmax(0,1fr);align-content:center;column-gap:8px}.import-tree i{grid-row:1/3;width:4px;height:30px;border-radius:3px;background:var(--workspace-accent)}.import-tree b,.import-tree small{display:block}.import-tree b{font-size:11px}.import-tree small{margin-top:3px;color:var(--muted);font-size:9px}
body.package-open{overflow:hidden}.package-open .universal-search{pointer-events:none}
@media(pointer:fine){.package-overlay,.package-overlay *{cursor:none!important}}

body[data-theme="light"] .workspace-switcher{background:rgba(235,243,248,.76);box-shadow:inset 0 1px rgba(255,255,255,.76),0 9px 24px rgba(28,57,76,.12)}
body[data-theme="light"] .workspace-home-card{background:color-mix(in srgb,#eef3f5 94%,var(--workspace-accent) 6%)}
body[data-theme="light"] .package-overlay{background:rgba(37,52,62,.36)}
body[data-theme="light"] .package-window{background:rgba(232,240,245,.94);box-shadow:inset 0 1px #fff,0 30px 90px rgba(23,44,57,.30)}

@media(max-width:1180px){
  .workspace-switcher{grid-template-columns:minmax(0,1fr) auto}.workspace-switcher-label{display:none}.workspace-tabs{grid-template-columns:repeat(4,minmax(95px,1fr))}.workspace-action span{display:none}.workspace-action{width:38px;justify-content:center;padding:0}
  .workspace-home-body{grid-template-columns:1fr}.other-workspaces{grid-column:auto}.workspace-folders{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:800px){
  .universal-search-shell{grid-template-rows:auto auto minmax(0,1fr) auto}.workspace-switcher{grid-template-columns:1fr auto}.workspace-tabs{display:flex;overflow-x:auto}.workspace-tab{flex:0 0 118px}.workspace-tab small{display:none}.workspace-switcher-actions .workspace-action:first-child{display:none}
  .workspace-home-open span{display:none}.workspace-home-body{grid-template-columns:1fr}.workspace-folders{grid-template-columns:repeat(2,1fr)}
  .package-columns{grid-template-columns:1fr}.package-mode-switch{grid-template-columns:1fr}.package-actions{align-items:flex-end}.package-actions>span{display:none}.import-grid{grid-template-columns:1fr}.import-tree{grid-template-columns:1fr}
}

/* v60 — compact workstation density: fewer nested frames, larger useful type. */
:root{
  --ui-label:14px;
  --ui-secondary:12px;
  --ui-micro:11px;
  --ui-radius:10px;
  --glass:var(--glass-field);
}
body{font-size:var(--ui-label);line-height:1.35;text-rendering:optimizeLegibility}
button,input,textarea{line-height:1.25}
.eyebrow,.small-heading{font-size:var(--ui-micro);line-height:1.2;letter-spacing:.085em}

/* Docked glass is the frame; its contents no longer need thick frames of their own. */
.area-window,.desktop-shell>.apps-zone,.desktop-shell>.systems-zone{padding:9px;border-radius:15px}
.area-window-bar{flex-basis:44px;min-height:44px;margin:-9px -9px 7px;padding:5px 6px 5px 9px}
.systems-zone .area-window-bar{top:-9px;margin-bottom:7px}
.area-window-icon{flex-basis:30px;width:30px;height:30px;border-radius:8px}.area-window-icon svg{width:16px;height:16px}
.area-window-identity b{font-size:14px;line-height:1.2}.area-window-identity small{font-size:12px;line-height:1.2}
.area-window-actions{gap:4px}.area-window-key{width:30px;height:28px}
.apps-zone .app-rack{height:66px;padding:1px;border:0;background:transparent;box-shadow:none}
.apps-zone .app-key{height:62px;border-color:transparent;border-radius:9px;gap:3px;box-shadow:none}
.apps-zone .app-key:hover{border-color:color-mix(in srgb,var(--item-tone,var(--blue)) 28%,transparent)}
.apps-zone .app-key .app-art{width:29px;height:29px}.apps-zone .app-key span{font-size:12px;font-weight:680;line-height:1.1}
.apps-zone .mini-section{margin-top:8px}.section-heading{min-height:31px;padding:0 2px 6px}.section-heading h2,.widget-heading h2{font-size:14px}.section-heading span,.widget-heading>span{font-size:12px}
.mini-stack{gap:6px;padding-bottom:8px}.mini-card{padding:7px;border-radius:9px}.mini-card header{min-height:31px;margin-bottom:5px}.mini-card header b,.mini-track b{font-size:13px}.mini-card header small,.mini-track small{font-size:12px}.mini-card-note .mini-note-field{min-height:92px;padding:7px 8px;font-size:13px;line-height:1.45}
.apps-zone .apps-bottom{gap:5px;padding-top:7px}.workspace-status{min-height:39px;padding:4px 7px;border-radius:8px}.workspace-status b{font-size:13px}.workspace-status small{font-size:11px}.workspace-status>i{height:21px}.overview-launch{min-height:38px;padding:0 8px}.overview-launch span{font-size:13px}.overview-launch kbd{font-size:11px}

.systems-zone{gap:7px}.systems-zone .time-block{min-height:51px;padding:2px 3px 8px;gap:11px}.time-block>span{font-size:34px}.time-block b{font-size:14px}.time-block small{font-size:12px}
.system-launchers{gap:5px}.system-launcher{height:34px;padding:0 8px;font-size:12px}
.dynamic-widget-stack{gap:6px}.static-widget-stack{gap:6px}
.system-widget{padding:8px;border-radius:9px;box-shadow:inset 0 0 0 1px var(--glass-groove-deep)}
.widget-heading{height:28px;align-items:center}.tiny-key{min-height:27px;padding:4px 8px;font-size:12px}
.notification{grid-template-columns:30px minmax(0,1fr) 26px;gap:8px;padding:7px 0}.notification b{font-size:13px}.notification small{font-size:12px;line-height:1.3}
.calendar-week{margin:3px 0;font-size:11px}.calendar-grid button{height:25px;font-size:12px}.next-event{margin-top:6px;padding:6px 7px}.next-event b,.next-event small{font-size:12px}
.device-row b{font-size:13px}.device-row small{font-size:12px}.quick-settings{gap:5px}.quick-toggle{min-height:38px;padding:5px 7px}.quick-toggle span{font-size:12px}

/* App chrome gets out of the way; the solid content surface receives the space. */
.workspace-zone{padding:6px}.workspace-depth{inset:2px;border-radius:15px}
.app-frame{grid-template-rows:48px 48px minmax(0,1fr) 28px;border-radius:14px}
.app-titlebar{padding:0 8px 0 10px}.app-identity{gap:8px}.app-badge{width:30px;height:30px}.app-identity b{font-size:14px}.app-identity small{font-size:12px}.window-actions{gap:4px}.window-key{width:30px;height:28px}
.app-toolbar{gap:6px;padding:5px 8px}.compact-key{width:36px;height:36px}.address-bar{height:36px}.recessed-field input{font-size:13px}
.dolphin-layout{grid-template-columns:142px minmax(0,1fr);gap:6px;padding:0 8px 7px}.places-list{gap:2px;padding:5px 6px 5px 0}.places-list .small-heading{margin:6px 7px 2px}.nav-choice{height:34px;padding:0 8px;font-size:13px}
.folder-tabs{height:36px;padding:3px 3px 2px;gap:3px}.folder-tab{height:30px;min-width:92px;padding:0 8px;font-size:13px}.folder-tab.is-active::after{bottom:1px}
.file-well{border-radius:7px}.file-head{height:31px;padding:0 10px;font-size:12px}.content-row{height:41px;padding:0 10px;font-size:13px}.content-row small{font-size:12px}.app-status{padding:0 10px;font-size:12px}
.app-frame[data-app-frame="elisa"]{grid-template-rows:48px 176px 64px minmax(0,1fr)}.music-hero{grid-template-columns:128px minmax(0,1fr) 100px;gap:15px;padding:14px}.album-block{height:145px}.track-copy h2{font-size:22px}.music-controls{grid-template-columns:38px 48px 38px auto minmax(90px,1fr) auto 18px 86px;padding:6px 10px}.music-key{height:38px}.music-key.primary{height:46px}.playlist{padding:7px}
.simple-app{grid-template-rows:48px minmax(0,1fr)}.browser-toolbar{padding:8px}.notes-layout{grid-template-columns:150px minmax(0,1fr)}.notes-layout nav{padding:9px}.notes-layout textarea{padding:20px;font-size:16px}

/* Project content is dense but no longer microscopic. */
.project-switcher{flex-basis:35px;margin-bottom:6px;gap:4px}.project-choice{height:34px;padding:0 9px}.project-choice span{font-size:13px}
.project-space-content{gap:6px}.project-module{padding:7px;border-color:color-mix(in srgb,var(--text) 8%,transparent);border-radius:8px;box-shadow:none}.project-module>header{height:27px;margin-bottom:4px}.project-module>header b{font-size:13px}.project-widget-count{font-size:12px}.project-small-key{height:27px;font-size:12px}
.project-path{height:34px}.project-path span{font-size:12px}.project-items{gap:1px;margin-top:3px}.project-items>button{height:42px;padding:3px 4px}.project-items b{font-size:13px}.project-items small{font-size:12px}.project-quick-apps{margin-bottom:4px}.project-clipboard{min-height:43px}.project-clipboard b{font-size:12px}.project-clipboard small{font-size:11px}.project-note-widget{min-height:40px;margin-top:4px}.project-note-widget b{font-size:12px}.project-note-widget small{font-size:11px}

/* Overview: more information in the first screen, with readable labels. */
.universal-search{padding:clamp(16px,2.5vh,28px) clamp(18px,3vw,44px)}
.universal-search-shell{gap:9px}.universal-search-header{grid-template-columns:minmax(170px,.24fr) minmax(360px,1fr);gap:16px;padding:0 1px 8px}.universal-search-title h2{font-size:30px}.universal-search-field{height:49px;border-radius:12px}.universal-search-field input{font-size:18px}
.workspace-switcher{grid-template-columns:112px minmax(0,1fr) auto;gap:7px;padding:5px 7px;border-radius:11px;box-shadow:inset 0 1px rgba(255,255,255,.06)}.workspace-switcher-label strong{font-size:14px}.workspace-tabs{gap:3px}.workspace-tab{min-height:43px;padding:4px 6px;grid-template-columns:28px minmax(0,1fr);gap:6px;border-radius:8px}.workspace-glyph{width:28px;height:28px;border-radius:7px}.workspace-tab b{font-size:13px}.workspace-tab small{font-size:11px}.workspace-action{min-height:35px;padding:0 8px;font-size:12px}
.overview-home{grid-template-columns:minmax(0,1fr) minmax(250px,292px);gap:9px}.overview-main{gap:9px;padding-right:2px}.overview-widgets{gap:6px;padding-right:1px}.overview-section-heading{min-height:31px;padding:0 3px 5px}.overview-section-heading h3{font-size:16px}.overview-section-heading>span{font-size:12px}
.workspace-home-card{border-radius:10px}.workspace-home-header{min-height:52px;padding:6px 8px;grid-template-columns:35px minmax(0,1fr) auto;gap:8px}.workspace-home-icon{width:35px;height:35px;border-radius:8px}.workspace-home-icon svg{width:19px;height:19px}.workspace-home-header h3{font-size:15px}.workspace-home-header small{font-size:12px}.workspace-home-open{min-height:32px;padding:0 8px;font-size:12px}
.workspace-home-body{padding:6px;grid-template-columns:minmax(270px,1.4fr) minmax(205px,.9fr) minmax(170px,.75fr);gap:5px}.workspace-folders{gap:3px}.workspace-folder{min-height:62px;padding:6px;border-color:transparent;border-radius:7px}.workspace-folder:hover{border-color:color-mix(in srgb,var(--home-accent) 34%,transparent)}.workspace-folder b{font-size:12px}.workspace-folder small{font-size:11px}.workspace-context-card{padding:7px 8px;border:0;border-radius:7px}.workspace-context-card>b{font-size:13px}.workspace-context-card>small{font-size:11px}.workspace-favorites{margin-top:6px}.other-workspaces{grid-column:auto;min-height:62px;padding:6px;border-color:transparent;background:color-mix(in srgb,var(--content-surface-raised) 55%,transparent)}.other-workspaces b{font-size:12px}.other-workspaces small{font-size:11px;white-space:normal}
.overview-window-grid{gap:5px}.overview-window{height:91px;padding:7px;border-radius:9px;grid-template-columns:minmax(130px,.85fr) minmax(85px,1.15fr);gap:7px}.overview-window-app>.app-art{width:37px;height:37px}.overview-window-app b{font-size:13px}.overview-window-app small{font-size:12px}.overview-window-preview{border-radius:7px}.file-preview{padding:11px 8px 6px;gap:5px}
.overview-apps-section{min-height:300px}.overview-app-library{min-height:280px;grid-template-columns:155px minmax(0,1fr);border-radius:10px}.overview-app-library .launcher-categories{padding:5px}.overview-app-library .launcher-results{padding:5px 7px 8px}.overview-app-library .all-apps-grid{gap:2px 4px}.overview-app-library .launcher-app{min-height:47px}.overview-app-library .launcher-app>span:last-child{font-size:13px}
.launcher-category span{font-size:13px}.launcher-app>span:last-child{font-size:13px}.all-apps-empty{font-size:12px}
.overview-widget{border-radius:9px}.overview-clock-widget{min-height:65px;padding:8px 11px}.overview-clock-widget>.live-time{font-size:29px}.overview-clock-widget b{font-size:13px}.overview-clock-widget small{font-size:12px}.overview-now-playing,.overview-quick-widget,.overview-agenda-widget{padding:8px 9px}.overview-now-playing header b,.overview-quick-widget h3,.overview-agenda-widget h3{font-size:13px}.overview-now-playing header small{font-size:11px}.overview-quick-grid{gap:4px;margin-top:6px}.overview-quick-grid .quick-toggle{min-height:36px;font-size:12px}.overview-agenda-widget>button{min-height:44px;margin-top:5px}.overview-agenda-widget>button b{font-size:12px}.overview-agenda-widget>button small{font-size:11px}.overview-connect-widget{min-height:52px;padding:6px 8px}.overview-connect-widget b{font-size:12px}.overview-connect-widget small{font-size:11px}
.universal-search-footer{min-height:26px;padding-top:6px;gap:15px;font-size:12px}

/* The package dialog uses the same density instead of shrinking its words. */
.package-window{width:min(900px,100%);border-radius:14px}.package-titlebar{min-height:56px;padding:7px 9px 7px 11px}.package-titlebar small{font-size:11px}.package-titlebar h2{font-size:18px}.package-mark{width:35px;height:35px}.package-composer,.import-preview{padding:9px}.package-intro{min-height:44px;padding:5px 7px}.package-intro b{font-size:14px}.package-intro small{font-size:12px}.package-size{font-size:12px}.package-mode-switch{gap:4px;margin-bottom:7px}.package-mode-switch button{min-height:57px;padding:6px}.package-mode-switch b{font-size:13px}.package-mode-switch small{font-size:11px}.package-columns{gap:6px}.package-panel{border-radius:9px}.package-panel>header{min-height:43px;padding:6px 8px}.package-panel h3{font-size:14px}.package-panel>header>button,.safety-details,.import-map header button{font-size:12px}.package-content-row{min-height:47px;padding:4px 8px}.package-content-row b{font-size:12px}.package-content-row small,.package-content-row>small{font-size:11px}.package-safety p{margin:8px 10px 4px;font-size:12px}.package-safety ul{margin:4px 10px 6px;font-size:12px;line-height:1.5}.package-actions{min-height:52px;margin-top:7px;padding-top:6px}.package-actions>span b{font-size:12px}.package-actions>span small{font-size:11px}.package-secondary,.package-primary{min-height:36px;font-size:12px}
.import-hero{min-height:72px;padding:8px}.import-hero small{font-size:11px}.import-hero h3{font-size:16px}.import-hero p,.import-trust{font-size:12px}.import-grid section{min-height:75px;padding:8px}.import-grid b{font-size:12px}.import-grid small{font-size:11px}.import-tree>span{min-height:50px;padding:6px 8px}.import-tree b{font-size:12px}.import-tree small{font-size:11px}

body[data-theme="light"] .project-module,
body[data-theme="light"] .workspace-context-card,
body[data-theme="light"] .other-workspaces{border-color:rgba(33,58,70,.10)}

@media(max-width:1180px){
  .workspace-switcher{grid-template-columns:minmax(0,1fr) auto}
  .workspace-home-body{grid-template-columns:minmax(250px,1.2fr) minmax(190px,.8fr)}
  .other-workspaces{grid-column:1/-1;min-height:40px}
}
@media(max-width:800px){
  .universal-search{padding:12px}.universal-search-header{grid-template-columns:1fr}.workspace-switcher{grid-template-columns:minmax(0,1fr) auto}
  .workspace-home-body{grid-template-columns:1fr}.other-workspaces{grid-column:auto}
  .overview-widgets{grid-template-columns:1fr}.package-overlay{padding:10px}
}

/* v61 — Overview is a compact launcher beside the active Workspace. */
.apps-zone .apps-bottom{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:stretch;
  gap:6px;
}
.apps-zone .overview-launch{
  width:40px;
  height:40px;
  min-height:40px;
  padding:0;
  display:grid;
  place-items:center;
  border-radius:9px;
}
.apps-zone .overview-launch svg{width:19px;height:19px;color:var(--blue)}
.apps-zone .workspace-status{min-height:40px;height:40px}

.overview-projects-section{min-width:0}
.overview-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.overview-project{
  --project-card-accent:var(--blue);
  position:relative;
  min-width:0;
  min-height:61px;
  padding:6px 8px;
  border:1px solid transparent;
  border-radius:9px;
  color:var(--text);
  background:color-mix(in srgb,var(--content-surface-raised) 66%,transparent);
  display:grid;
  grid-template-columns:37px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  text-align:left;
  transition:transform 45ms linear,background 60ms linear,border-color 60ms linear;
}
.overview-project::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:2px;background:transparent}
.overview-project:hover{border-color:color-mix(in srgb,var(--project-card-accent) 34%,transparent);background:color-mix(in srgb,var(--content-surface-raised) 84%,var(--project-card-accent) 8%)}
.overview-project:active{transform:translateY(2px)}
.overview-project.is-active{border-color:color-mix(in srgb,var(--project-card-accent) 48%,transparent);background:color-mix(in srgb,var(--content-surface-raised) 88%,var(--project-card-accent) 12%)}
.overview-project.is-active::after{background:var(--project-card-accent);box-shadow:0 0 6px color-mix(in srgb,var(--project-card-accent) 48%,transparent)}
.overview-project-icon{width:37px;height:37px;border-radius:8px;display:grid;place-items:center;color:var(--project-card-accent);background:color-mix(in srgb,var(--project-card-accent) 12%,var(--well))}.overview-project-icon svg{width:19px;height:19px}
.overview-project>span:nth-child(2){min-width:0}.overview-project b,.overview-project small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-project b{font-size:13px}.overview-project small{margin-top:3px;color:var(--muted);font-size:11px}
.overview-project-open{display:flex;align-items:center;gap:4px;color:var(--project-card-accent);font-size:12px;font-weight:750}.overview-project-open svg{width:14px;height:14px}

@media(max-width:800px){
  .overview-project-grid{grid-template-columns:1fr}
}

/* v62 — adaptive Areas preserve the workspace before decorative density. */
.layout-mode-control{grid-column:1/-1}
.layout-mode-status{display:flex;align-items:center;justify-content:center;gap:7px;padding:5px 0;color:var(--muted);font-size:11px;line-height:1.4;cursor:default}
.layout-mode-status svg{width:15px;height:15px;flex:none}
.layout-mode-control.is-active{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 30%,var(--line))}
.overview-layout-status{display:inline-flex;align-items:center;gap:6px;margin-top:5px;color:var(--muted);font-size:12px;font-weight:650}.overview-layout-status svg{width:14px;height:14px;color:var(--blue)}
.universal-search-shell{width:min(100%,1760px);margin-inline:auto}

/* Compact keeps the useful state but removes secondary chrome. */
.apps-zone[data-area-state="compact"] .app-rack{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;min-height:112px}
.apps-zone[data-area-state="compact"] .app-key:nth-child(n+4){margin-top:3px}
.apps-zone[data-area-state="compact"] .app-key span{display:none}
.apps-zone[data-area-state="compact"] .mini-card{padding:6px}
.apps-zone[data-area-state="compact"] .mini-card header small,.apps-zone[data-area-state="compact"] .mini-files span{display:none}
.systems-zone[data-area-state="compact"] .calendar-grid,.systems-zone[data-area-state="compact"] .calendar-week{display:none}
.systems-zone[data-area-state="compact"] .calendar-widget{display:block}
.systems-zone[data-area-state="compact"] .notification:nth-child(n+2){display:none}
.systems-zone[data-area-state="compact"] .system-launchers{grid-template-columns:1fr}
.project-area[data-area-state="compact"] .project-context-module{display:none!important}

/* Rail is an icon-and-live-status state, not a hidden panel. */
.area-window[data-area-state="rail"]{min-width:76px;padding:6px;border-radius:13px}
.area-window[data-area-state="rail"] .area-window-bar{min-height:39px;flex-basis:39px;margin:-6px -6px 5px;padding:4px;justify-content:center}
.area-window[data-area-state="rail"] .area-window-identity>span:last-child{display:none}
.area-window[data-area-state="rail"] .area-window-icon{width:28px;height:28px;flex-basis:28px;border-radius:7px}
.area-window[data-area-state="rail"] .area-window-actions{display:flex;gap:0}
.area-window[data-area-state="rail"] [data-area-auto],.area-window[data-area-state="rail"] .project-pack-key{display:none}
.area-window[data-area-state="rail"] [data-area-hide]{width:27px;height:27px}
.apps-zone[data-area-state="rail"] .app-rack{height:auto;min-height:0;flex:1;grid-template-columns:1fr;align-content:start;gap:4px;padding:2px;overflow-y:auto}
.apps-zone[data-area-state="rail"] .app-key{height:49px;min-height:49px;border-color:transparent;background:transparent;box-shadow:none}
.apps-zone[data-area-state="rail"] .app-key .app-art{width:31px;height:31px}
.apps-zone[data-area-state="rail"] .app-key span,.apps-zone[data-area-state="rail"] .mini-section{display:none}
.apps-zone[data-area-state="rail"] .apps-bottom{grid-template-columns:1fr;gap:4px;padding-top:5px}
.apps-zone[data-area-state="rail"] .overview-launch,.apps-zone[data-area-state="rail"] .workspace-status{width:100%;height:38px;min-height:38px;padding:0;display:grid;place-items:center}
.apps-zone[data-area-state="rail"] .workspace-status{grid-template-columns:1fr}
.apps-zone[data-area-state="rail"] .workspace-status>i{width:19px;height:4px;box-shadow:0 0 6px color-mix(in srgb,var(--workspace-accent) 48%,transparent)}
.apps-zone[data-area-state="rail"] .workspace-status>span,.apps-zone[data-area-state="rail"] .workspace-status>svg{display:none}
.systems-zone[data-area-state="rail"]{gap:5px;overflow:hidden}
.systems-zone[data-area-state="rail"] .time-block{min-height:37px;padding:3px 0 6px;justify-content:center;border-bottom-color:color-mix(in srgb,var(--text) 12%,transparent)}
.systems-zone[data-area-state="rail"] .time-block>span{font-size:17px;font-weight:680;letter-spacing:-.03em}
.systems-zone[data-area-state="rail"] .time-block>div{display:none}
.systems-zone[data-area-state="rail"] .system-launchers{grid-template-columns:1fr;gap:4px}
.systems-zone[data-area-state="rail"] .system-launcher{height:38px;padding:0;justify-content:center}
.systems-zone[data-area-state="rail"] .system-launcher svg{width:18px;height:18px}
.systems-zone[data-area-state="rail"] .system-launcher span{display:none}
.systems-zone[data-area-state="rail"] .dynamic-widget-stack{gap:4px}
.systems-zone[data-area-state="rail"] .dynamic-widget{padding:5px}
.systems-zone[data-area-state="rail"] .widget-heading{height:31px;align-items:center;justify-content:center}
.systems-zone[data-area-state="rail"] .widget-heading>div{gap:0}.systems-zone[data-area-state="rail"] .widget-heading h2{display:none}
.systems-zone[data-area-state="rail"] .widget-heading>span{position:absolute;margin:0 0 20px 24px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;display:grid;place-items:center;color:#051018;background:var(--blue);font-size:10px}
.systems-zone[data-area-state="rail"] #notificationList,.systems-zone[data-area-state="rail"] .timer-face,.systems-zone[data-area-state="rail"] .timer-actions,.systems-zone[data-area-state="rail"] .static-widget-stack{display:none}
.systems-zone[data-area-state="rail"] .dynamic-widget[hidden]{display:none}
.project-area[data-area-state="rail"] .project-switcher{grid-template-columns:1fr!important}.project-area[data-area-state="rail"] .project-choice span,.project-area[data-area-state="rail"] .project-space-content{display:none}

body[data-display-profile="laptop"] .workspace-depth{opacity:.55}
body[data-display-profile="ultrawide"] .workspace-zone,body[data-display-profile="dual"] .workspace-zone{padding:8px}
body[data-display-profile="dual"] .universal-search[data-monitor="left"]{left:0;right:auto;width:50vw}
body[data-display-profile="dual"] .universal-search[data-monitor="right"]{left:auto;right:0;width:50vw}
body[data-display-profile="dual"] .universal-search[data-monitor]{padding-left:clamp(18px,3vw,48px);padding-right:clamp(18px,3vw,48px);box-shadow:0 0 0 100vmax rgba(2,8,14,.20),inset 0 1px rgba(255,255,255,.28),inset 0 -1px rgba(0,0,0,.42)}

@media(max-width:1180px){
  .app-frame{min-height:260px}
  .app-frame[data-app-frame="elisa"]{grid-template-rows:48px 142px 58px minmax(0,1fr)}
  .music-hero{grid-template-columns:104px minmax(0,1fr);padding:10px}.album-block{height:120px}.equalizer{display:none}
  .dolphin-layout{grid-template-columns:112px minmax(0,1fr)}
  .file-head,.content-row{grid-template-columns:minmax(150px,1fr) 72px 84px}
}

/* v64 — resize handles directly cross Expanded, Compact and Rail thresholds. */
.overview-areas-widget{padding:8px 9px}
.overview-areas-widget>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.overview-areas-widget>header>span{display:flex;align-items:center;gap:8px;min-width:0}.overview-areas-widget>header svg{width:17px;height:17px;color:var(--blue)}
.overview-areas-widget h3,.overview-areas-widget small{display:block;margin:0}.overview-areas-widget h3{font-size:14px}.overview-areas-widget>header small{margin-top:2px;color:var(--muted);font-size:12px}
.areas-reset{min-height:27px;padding:3px 7px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-size:12px}.areas-reset:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.areas-reset:active{transform:translateY(2px)}
.overview-area-list{display:grid;gap:3px}
.overview-area-row{min-width:0;min-height:43px;padding:4px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:6px;border-radius:8px;background:color-mix(in srgb,var(--text) 4%,transparent)}
.overview-area-row.is-hidden{opacity:.72}.overview-area-row.is-hidden>span:nth-child(2) b{text-decoration:line-through;text-decoration-thickness:1px}
.area-list-icon{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;background:color-mix(in srgb,currentColor 11%,transparent)}.area-list-icon svg{width:15px;height:15px}.area-list-icon.blue{color:var(--blue)}.area-list-icon.cyan{color:var(--cyan)}.area-list-icon.violet{color:var(--violet)}
.overview-area-row>span:nth-child(2){min-width:0}.overview-area-row b,.overview-area-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-area-row b{font-size:13px}.overview-area-row small{margin-top:2px;color:var(--muted);font-size:12px}
.overview-area-row>button{height:30px;padding:0 8px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:7px;color:var(--muted);background:color-mix(in srgb,var(--content-surface-raised) 72%,transparent);font-size:12px;transition:transform 45ms linear,border-color 55ms linear,color 55ms linear}.overview-area-row>button:hover{color:var(--text);border-color:color-mix(in srgb,var(--blue) 38%,var(--line))}.overview-area-row>button:active{transform:translateY(2px)}.overview-area-row>button.is-active{color:var(--blue)}.overview-area-row>button.is-show{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 45%,var(--line))}

/* v65 — restore the material contract: ABS mechanisms inside edge-lit acrylic. */
:root{
  --abs-top:#353c40;
  --abs-mid:#252b2f;
  --abs-side:#15191c;
  --abs-seam:#090b0d;
  --abs-edge:rgba(229,239,244,.18);
  --abs-contact:rgba(0,0,0,.62);
  --acrylic-field:rgba(8,15,19,.72);
  --acrylic-rim:rgba(217,239,249,.28);
  --acrylic-engrave:rgba(206,231,242,.19);
  --acrylic-dark-edge:rgba(0,0,0,.72);
  --acrylic-charge:#58baff;
  --acrylic-charge-soft:rgba(88,186,255,.22);
  --button-press-time:38ms;
  --button-release-time:52ms;
}
body[data-theme="graphite"]{
  --abs-top:#51585c;
  --abs-mid:#3b4246;
  --abs-side:#282d30;
  --abs-seam:#171a1c;
  --acrylic-field:rgba(29,37,42,.74);
  --acrylic-rim:rgba(232,244,249,.31);
  --acrylic-engrave:rgba(220,237,244,.22);
}
body[data-theme="light"]{
  --abs-top:#fbfbf8;
  --abs-mid:#e5e7e3;
  --abs-side:#c5cac7;
  --abs-seam:rgba(53,63,68,.46);
  --abs-edge:rgba(255,255,255,.96);
  --abs-contact:rgba(43,52,56,.30);
  --acrylic-field:rgba(235,243,246,.76);
  --acrylic-rim:rgba(255,255,255,.88);
  --acrylic-engrave:rgba(48,75,88,.28);
  --acrylic-dark-edge:rgba(47,66,75,.34);
  --acrylic-charge:#087ed0;
  --acrylic-charge-soft:rgba(8,126,208,.18);
}

/* Areas are single cast sheets: a bright cut edge outside, an engraved line inside. */
body.areas-docked .area-window,
.area-window,
.desktop-shell>.apps-zone,
.desktop-shell>.systems-zone{
  border:1px solid var(--acrylic-rim);
  background:var(--acrylic-field);
  -webkit-backdrop-filter:blur(24px) saturate(1.06) contrast(1.04);
  backdrop-filter:blur(24px) saturate(1.06) contrast(1.04);
  box-shadow:
    0 8px 22px rgba(0,0,0,.22),
    inset 1px 1px rgba(255,255,255,.09),
    inset -1px -1px var(--acrylic-dark-edge),
    0 0 0 1px rgba(0,0,0,.30);
}
.area-window::before{
  content:"";
  position:absolute;
  z-index:29;
  inset:3px;
  border:1px solid color-mix(in srgb,var(--acrylic-engrave) 72%,transparent);
  border-radius:calc(15px - 2px);
  box-shadow:inset 1px 1px rgba(255,255,255,.035),1px 1px rgba(0,0,0,.18);
  pointer-events:none;
}
.area-window[data-area-state="rail"]::before{inset:2px;border-radius:10px}
.area-window.is-area-resizing{
  box-shadow:0 11px 28px rgba(0,0,0,.28),inset 1px 1px rgba(255,255,255,.12),inset -1px -1px var(--acrylic-dark-edge),0 0 0 1px var(--acrylic-charge-soft);
}
.area-window-bar{
  border-bottom:1px solid var(--acrylic-engrave);
  background:transparent;
  box-shadow:0 1px var(--acrylic-dark-edge);
}
.area-window-icon{
  border-color:color-mix(in srgb,currentColor 42%,var(--acrylic-engrave));
  background:color-mix(in srgb,currentColor 10%,transparent);
  box-shadow:inset 1px 1px rgba(255,255,255,.06),inset -1px -1px rgba(0,0,0,.22);
}
.apps-zone .app-rack,.mini-card,.system-widget,.overview-widget{
  border:1px solid var(--acrylic-engrave);
  background:rgba(255,255,255,.018);
  box-shadow:inset 1px 1px rgba(255,255,255,.035),inset -1px -1px rgba(0,0,0,.24);
}
body[data-theme="light"] .apps-zone .app-rack,
body[data-theme="light"] .mini-card,
body[data-theme="light"] .system-widget,
body[data-theme="light"] .overview-widget{background:rgba(255,255,255,.13)}
.mini-card::after{
  top:-1px;
  height:1px;
  opacity:.88;
  background:var(--item-tone,var(--acrylic-charge));
  box-shadow:0 0 5px color-mix(in srgb,var(--item-tone,var(--acrylic-charge)) 54%,transparent);
}

/* The resize grip is a milled groove. It conducts light only while addressed. */
.area-resize-handle{
  border:1px solid color-mix(in srgb,var(--acrylic-engrave) 78%,transparent);
  border-radius:999px!important;
  background:rgba(0,0,0,.12);
  opacity:.72;
  box-shadow:inset 1px 1px var(--acrylic-dark-edge),1px 1px rgba(255,255,255,.07);
  transition:background 45ms linear,border-color 45ms linear,box-shadow 45ms linear,opacity 45ms linear;
}
.area-resize-handle:hover,.area-window.is-area-resizing>.area-resize-handle{
  opacity:1;
  border-color:color-mix(in srgb,var(--acrylic-charge) 72%,var(--acrylic-engrave));
  background:color-mix(in srgb,var(--acrylic-charge) 38%,transparent);
  box-shadow:inset 1px 1px rgba(0,0,0,.28),0 0 7px var(--acrylic-charge-soft);
}
.area-window[data-dock-edge="left"]>.area-resize-handle,
.area-window[data-dock-edge="right"]>.area-resize-handle{width:4px;height:62px}
.area-window[data-dock-edge="top"]>.area-resize-handle,
.area-window[data-dock-edge="bottom"]>.area-resize-handle{width:62px;height:4px}

/* Mouse-switch controls are matte ABS caps with a short, binary travel. */
.surface-key.control-push,
.surface-key.control-toggle,
.systems-zone .quick-toggle.control-toggle,
.folder-tab.control-toggle,
.workspace-action,
.workspace-home-open,
.overview-area-row>button,
.package-secondary,.package-primary{
  border:1px solid var(--abs-seam);
  color:var(--text);
  background:linear-gradient(180deg,var(--abs-top) 0%,var(--abs-mid) 58%,var(--abs-side) 100%);
  box-shadow:0 2px 2px var(--abs-contact),inset 0 1px var(--abs-edge),inset 0 -1px rgba(0,0,0,.30);
  transform-origin:50% 100%;
  transition:transform var(--button-release-time) linear,box-shadow var(--button-release-time) linear,filter var(--button-release-time) linear,border-color var(--button-release-time) linear;
}
.surface-key.control-push:hover,
.surface-key.control-toggle:hover,
.systems-zone .quick-toggle.control-toggle:hover,
.folder-tab.control-toggle:hover,
.workspace-action:hover,
.workspace-home-open:hover,
.overview-area-row>button:hover{filter:brightness(1.055);transform:translateY(-1px)}
.surface-key.control-push:active,
.surface-key.control-toggle:active,
.systems-zone .quick-toggle.control-toggle:active,
.folder-tab.control-toggle:active,
.workspace-action:active,
.workspace-home-open:active,
.overview-area-row>button:active,
.package-secondary:active,.package-primary:active{
  transform:translateY(2px) scaleY(.985);
  filter:brightness(.91);
  background:linear-gradient(180deg,var(--abs-side),var(--abs-mid));
  box-shadow:inset 0 2px 4px var(--abs-contact),inset 0 1px rgba(255,255,255,.035);
  transition-duration:var(--button-press-time);
}
.surface-key.control-toggle.is-active,
.surface-key.control-toggle[aria-pressed="true"],
.surface-key.control-toggle[aria-selected="true"],
.systems-zone .quick-toggle.control-toggle.is-active,
.folder-tab.control-toggle.is-active{
  transform:translateY(1px);
  filter:none;
  background:linear-gradient(180deg,color-mix(in srgb,var(--abs-side) 82%,var(--state-tone) 18%),var(--abs-side));
  box-shadow:inset 0 2px 4px var(--abs-contact),inset 0 1px rgba(255,255,255,.035);
}

/* Only held-state controls keep a luminous slit. Push buttons remain unmarked. */
.control-push::after{content:none!important}
.control-toggle::after,.folder-tab.control-toggle::after{
  bottom:2px;
  height:2px;
  background:color-mix(in srgb,var(--acrylic-engrave) 56%,transparent);
  box-shadow:none;
}
.control-toggle.is-active::after,
.control-toggle.is-open::after,
.control-toggle[aria-pressed="true"]::after,
.control-toggle[aria-selected="true"]::after{
  background:var(--state-tone,var(--acrylic-charge));
  box-shadow:0 0 5px color-mix(in srgb,var(--state-tone,var(--acrylic-charge)) 58%,transparent);
}

/* App icons remain artwork; this is their shared key geometry. The final
   surface material is assigned by the substrate-aware pass below. */
.apps-zone .app-key.control-toggle{
  border:0;
  border-radius:9px;
  background:color-mix(in srgb,var(--abs-mid) 64%,transparent);
  box-shadow:0 1px 1px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.045);
}
.apps-zone .app-key.control-toggle:hover{
  transform:translateY(-1px);
  background:color-mix(in srgb,var(--abs-top) 72%,transparent);
  box-shadow:0 2px 2px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.07);
}
.apps-zone .app-key.control-toggle:active,
.apps-zone .app-key.control-toggle.is-active{
  transform:translateY(1px) scaleY(.99);
  background:color-mix(in srgb,var(--abs-side) 82%,var(--state-tone) 8%);
  box-shadow:inset 0 2px 3px rgba(0,0,0,.48);
}
.apps-zone .app-key.control-toggle:active{transform:translateY(2px) scaleY(.985);transition-duration:var(--button-press-time)}
.apps-zone[data-area-state="rail"] .app-key.control-toggle{background:transparent;box-shadow:none}

/* App windows are ABS casings around always-solid, optically recessed work surfaces. */
.app-frame{
  border-color:var(--abs-seam);
  background:linear-gradient(180deg,var(--abs-top),var(--abs-mid) 58%,var(--abs-side));
  box-shadow:0 13px 30px rgba(0,0,0,.38),inset 1px 1px var(--abs-edge),inset -1px -1px rgba(0,0,0,.42);
}
.app-frame.is-front{box-shadow:0 17px 38px rgba(0,0,0,.48),0 0 0 1px color-mix(in srgb,var(--app-primary) 18%,transparent),inset 1px 1px var(--abs-edge)}
.app-frame .app-titlebar{
  border-bottom-color:var(--abs-seam);
  background:color-mix(in srgb,var(--abs-mid) 86%,var(--app-primary) 14%);
  box-shadow:inset 0 1px var(--abs-edge),inset 0 -1px rgba(0,0,0,.24);
}
.app-toolbar,.browser-toolbar,.music-controls,.notes-layout nav{
  background:var(--abs-mid);
}
.file-well,.music-hero,.playlist,.start-page,.terminal-screen,.notes-layout textarea{
  border:1px solid var(--abs-seam);
  box-shadow:inset 0 3px 7px rgba(0,0,0,.43),0 1px var(--abs-edge);
}
.recessed-field{
  border:1px solid var(--abs-seam);
  background:var(--content-surface-raised);
  box-shadow:inset 0 3px 6px rgba(0,0,0,.48),0 1px var(--abs-edge);
}
.recessed-field:focus-within{
  transform:translateY(1px);
  box-shadow:inset 0 3px 7px rgba(0,0,0,.54),0 0 0 1px color-mix(in srgb,var(--app-primary,var(--blue)) 34%,transparent);
}
body[data-theme="light"] .file-well,
body[data-theme="light"] .music-hero,
body[data-theme="light"] .playlist,
body[data-theme="light"] .start-page,
body[data-theme="light"] .notes-layout textarea,
body[data-theme="light"] .recessed-field{box-shadow:inset 0 2px 5px rgba(42,53,58,.20),0 1px rgba(255,255,255,.78)}

/* Overview uses the same acrylic sheet. Controls inherit either that acrylic
   or the solid content island directly below them. */
.universal-search{
  background:color-mix(in srgb,var(--acrylic-field) 88%,rgba(4,13,22,.36));
  -webkit-backdrop-filter:blur(28px) saturate(1.08);
  backdrop-filter:blur(28px) saturate(1.08);
  box-shadow:inset 0 1px var(--acrylic-rim),inset 0 -1px var(--acrylic-dark-edge);
}
.universal-search-field,.workspace-switcher{
  border:1px solid var(--acrylic-engrave);
  background:color-mix(in srgb,var(--content-surface) 86%,transparent);
  box-shadow:inset 0 3px 7px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05);
}
.overview-widget,.overview-window,.workspace-home-card{
  border-color:var(--acrylic-engrave);
}

/* v66 — docked Areas resize from their complete workspace-facing border,
   matching a normal window edge instead of exposing a small custom grip. */
.area-resize-handle{
  padding:0;
  margin:0;
  border:0;
  border-radius:0!important;
  background:transparent;
  opacity:1;
  box-shadow:none;
  touch-action:none;
  transition:none;
}
.area-resize-handle::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:999px;
  background:var(--acrylic-engrave);
  opacity:.34;
  transition:background 42ms linear,box-shadow 42ms linear,opacity 42ms linear;
}
.area-resize-handle:hover,
.area-window.is-area-resizing>.area-resize-handle{
  border:0;
  background:transparent;
  box-shadow:none;
}
.area-resize-handle:hover::after,
.area-window.is-area-resizing>.area-resize-handle::after{
  background:color-mix(in srgb,var(--acrylic-charge) 74%,var(--acrylic-rim));
  box-shadow:0 0 6px var(--acrylic-charge-soft);
  opacity:.9;
}
.area-window[data-dock-edge="left"]>.area-resize-handle,
.area-window[data-dock-edge="right"]>.area-resize-handle{
  top:1px;
  bottom:1px;
  width:11px;
  height:auto;
  transform:none;
  cursor:ew-resize;
}
.area-window[data-dock-edge="left"]>.area-resize-handle{left:auto;right:0}
.area-window[data-dock-edge="right"]>.area-resize-handle{left:0;right:auto}
.area-window[data-dock-edge="left"]>.area-resize-handle::after,
.area-window[data-dock-edge="right"]>.area-resize-handle::after{
  top:8px;
  bottom:8px;
  width:1px;
}
.area-window[data-dock-edge="left"]>.area-resize-handle::after{right:1px}
.area-window[data-dock-edge="right"]>.area-resize-handle::after{left:1px}
.area-window[data-dock-edge="top"]>.area-resize-handle,
.area-window[data-dock-edge="bottom"]>.area-resize-handle{
  left:1px;
  right:1px;
  width:auto;
  height:11px;
  transform:none;
  cursor:ns-resize;
}
.area-window[data-dock-edge="top"]>.area-resize-handle{top:auto;bottom:0}
.area-window[data-dock-edge="bottom"]>.area-resize-handle{top:0;bottom:auto}
.area-window[data-dock-edge="top"]>.area-resize-handle::after,
.area-window[data-dock-edge="bottom"]>.area-resize-handle::after{
  left:8px;
  right:8px;
  height:1px;
}
.area-window[data-dock-edge="top"]>.area-resize-handle::after{bottom:1px}
.area-window[data-dock-edge="bottom"]>.area-resize-handle::after{top:1px}

.material-cursor.is-row-resize{
  --cursor-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M14 4v28M14 4l-6 6M14 4l6 6M14 32l-6-6M14 32l6-6'/%3E%3C/svg%3E");
  transform:translate3d(var(--cursor-x),var(--cursor-y),0) translate(-11px,-14px);
}
.material-cursor.is-row-resize .glyph-arrow{display:none}
.material-cursor.is-row-resize .glyph-row-resize{display:block}

/* v67 — a collapsed Area becomes a KDE-style panel. Compact and expanded
   Areas retain normal window chrome; Rail keeps only panel structure. */
.area-window[data-area-state="rail"]{
  min-width:62px;
  padding:5px;
  border-radius:10px;
  background:color-mix(in srgb,var(--acrylic-field) 84%,rgba(0,0,0,.28));
  box-shadow:
    0 5px 14px rgba(0,0,0,.20),
    inset 1px 1px rgba(255,255,255,.075),
    inset -1px -1px var(--acrylic-dark-edge),
    0 0 0 1px rgba(0,0,0,.24);
}
body[data-theme="light"] .area-window[data-area-state="rail"]{
  background:color-mix(in srgb,var(--acrylic-field) 90%,rgba(232,239,242,.72));
  box-shadow:0 5px 14px rgba(34,50,58,.15),inset 1px 1px rgba(255,255,255,.74),inset -1px -1px var(--acrylic-dark-edge);
}
.area-window[data-area-state="rail"]::before{display:none}
.area-window[data-area-state="rail"] .area-window-bar{
  min-height:44px;
  flex-basis:44px;
  margin:-5px -5px 5px;
  padding:4px;
  justify-content:center;
  border-bottom:1px solid var(--acrylic-engrave);
  background:color-mix(in srgb,var(--content-surface) 28%,transparent);
  box-shadow:none;
}
.area-window[data-area-state="rail"] .area-window-identity{
  width:100%;
  justify-content:center;
}
.area-window[data-area-state="rail"] .area-window-icon{
  width:35px;
  height:35px;
  flex-basis:35px;
  border:0;
  border-radius:8px;
  background:transparent;
  box-shadow:none;
}
.area-window[data-area-state="rail"] .area-window-icon svg{width:20px;height:20px}
.area-window[data-area-state="rail"] .area-window-actions{display:none}

/* Apps rail: full-colour launchers, a restrained hover plate and a
   workspace-facing task indicator, like a vertical Plasma task manager. */
.apps-zone[data-area-state="rail"] .app-rack{
  min-height:0;
  height:auto;
  flex:1;
  padding:2px 0;
  gap:3px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow-y:auto;
  scrollbar-width:none;
}
.apps-zone[data-area-state="rail"] .app-rack::-webkit-scrollbar{display:none}
.apps-zone[data-area-state="rail"] .app-key.control-toggle{
  width:100%;
  min-width:0;
  height:48px;
  min-height:48px;
  border:0;
  border-radius:8px;
  background:transparent;
  box-shadow:none;
  transform:none;
}
.apps-zone[data-area-state="rail"] .app-key.control-toggle:hover{
  transform:none;
  background:color-mix(in srgb,var(--item-tone,var(--blue)) 10%,var(--content-surface-raised) 34%);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--item-tone,var(--blue)) 20%,transparent);
}
.apps-zone[data-area-state="rail"] .app-key.control-toggle:active{
  transform:translateY(2px) scaleY(.985);
  background:color-mix(in srgb,var(--item-tone,var(--blue)) 16%,var(--content-surface-raised) 40%);
  box-shadow:inset 0 2px 3px rgba(0,0,0,.34);
}
.apps-zone[data-area-state="rail"] .app-key.control-toggle.is-active{
  transform:none;
  background:color-mix(in srgb,var(--item-tone,var(--blue)) 10%,transparent);
  box-shadow:none;
}
.apps-zone[data-area-state="rail"] .app-key .app-art{width:34px;height:34px}
.apps-zone[data-area-state="rail"] .app-key.control-toggle::after{
  top:9px;
  bottom:9px;
  left:auto;
  right:0;
  width:2px;
  height:auto;
  border-radius:2px 0 0 2px;
  background:transparent;
  opacity:0;
}
.apps-zone[data-area-state="rail"][data-dock-edge="right"] .app-key.control-toggle::after{
  left:0;
  right:auto;
  border-radius:0 2px 2px 0;
}
.apps-zone[data-area-state="rail"] .app-key.control-toggle.is-open::after,
.apps-zone[data-area-state="rail"] .app-key.control-toggle.is-active::after{
  background:var(--state-tone,var(--blue));
  box-shadow:0 0 5px color-mix(in srgb,var(--state-tone,var(--blue)) 48%,transparent);
  opacity:1;
}
.apps-zone[data-area-state="rail"] .app-key.control-toggle.is-active::after{width:3px}
.apps-zone[data-area-state="rail"] .apps-bottom{
  grid-template-columns:1fr;
  gap:3px;
  padding-top:5px;
  border-top:1px solid var(--acrylic-engrave);
}
.apps-zone[data-area-state="rail"] .overview-launch,
.apps-zone[data-area-state="rail"] .workspace-status{
  width:100%;
  height:42px;
  min-height:42px;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  box-shadow:none;
}
.apps-zone[data-area-state="rail"] .overview-launch:hover,
.apps-zone[data-area-state="rail"] .workspace-status:hover{
  background:color-mix(in srgb,var(--workspace-accent,var(--blue)) 10%,transparent);
}
.apps-zone[data-area-state="rail"] .overview-launch svg{width:21px;height:21px}
.apps-zone[data-area-state="rail"] .workspace-status>i{
  width:24px;
  height:3px;
  border-radius:2px;
}

/* System rail follows tray conventions: actions and live indicators above,
   clock anchored at the bottom. */
.systems-zone[data-area-state="rail"]{
  gap:3px;
  overflow:hidden;
}
.systems-zone[data-area-state="rail"] .system-launchers{
  order:1;
  grid-template-columns:1fr;
  gap:3px;
  padding-bottom:5px;
  border-bottom:1px solid var(--acrylic-engrave);
}
.systems-zone[data-area-state="rail"] .system-launcher{
  width:100%;
  height:42px;
  padding:0;
  justify-content:center;
  border:0;
  border-radius:8px;
  background:transparent;
  box-shadow:none;
}
.systems-zone[data-area-state="rail"] .system-launcher:hover{
  background:color-mix(in srgb,var(--blue) 9%,transparent);
}
.systems-zone[data-area-state="rail"] .system-launcher svg{width:20px;height:20px}
.systems-zone[data-area-state="rail"] .dynamic-widget-stack{order:2;gap:3px}
.systems-zone[data-area-state="rail"] .dynamic-widget{
  padding:3px;
  border:0;
  border-radius:8px;
  background:transparent;
  box-shadow:none;
}
.systems-zone[data-area-state="rail"] .widget-heading{
  height:38px;
  align-items:center;
  justify-content:center;
}
.systems-zone[data-area-state="rail"] .widget-heading svg{width:20px;height:20px;color:var(--text)}
.systems-zone[data-area-state="rail"] .time-block{
  order:10;
  min-height:auto;
  margin-top:auto;
  padding:8px 0 5px;
  justify-content:center;
  border-top:1px solid var(--acrylic-engrave);
  border-bottom:0;
}
.systems-zone[data-area-state="rail"] .time-block>span{
  font:650 13px/1 ui-monospace,monospace;
  letter-spacing:-.03em;
}

/* Project Rail behaves like a small activity switcher rather than a clipped window. */
.project-area[data-area-state="rail"] .project-switcher{
  display:grid;
  grid-template-columns:1fr!important;
  gap:3px;
  margin:0;
  overflow:auto;
  scrollbar-width:none;
}
.project-area[data-area-state="rail"] .project-choice{
  width:100%;
  height:42px;
  padding:0;
  justify-content:center;
  border:0;
  border-radius:8px;
  background:transparent;
  box-shadow:none;
}
.project-area[data-area-state="rail"] .project-choice:hover{
  background:color-mix(in srgb,var(--project-accent) 10%,transparent);
}
.project-area[data-area-state="rail"] .project-choice::after{
  top:9px;
  bottom:9px;
  left:auto;
  right:0;
  width:2px;
  height:auto;
}
.project-area[data-area-state="rail"][data-dock-edge="right"] .project-choice::after{left:0;right:auto}
.project-area[data-area-state="rail"] .project-color{width:13px;height:13px;flex-basis:13px}

/* A horizontal Rail rotates the same panel grammar instead of stacking a
   vertical task manager into a short strip. */
.area-window[data-area-state="rail"][data-dock-edge="top"],
.area-window[data-area-state="rail"][data-dock-edge="bottom"]{
  min-width:240px;
  flex-direction:row;
  align-items:stretch;
  gap:4px;
}
.area-window[data-area-state="rail"][data-dock-edge="top"] .area-window-bar,
.area-window[data-area-state="rail"][data-dock-edge="bottom"] .area-window-bar{
  width:46px;
  min-width:46px;
  min-height:0;
  flex:0 0 46px;
  margin:-5px 0 -5px -5px;
  border-right:1px solid var(--acrylic-engrave);
  border-bottom:0;
}
.apps-zone[data-area-state="rail"][data-dock-edge="top"] .app-rack,
.apps-zone[data-area-state="rail"][data-dock-edge="bottom"] .app-rack{
  display:grid;
  grid-template-columns:none;
  grid-auto-flow:column;
  grid-auto-columns:48px;
  overflow-x:auto;
  overflow-y:hidden;
}
.apps-zone[data-area-state="rail"][data-dock-edge="top"] .apps-bottom,
.apps-zone[data-area-state="rail"][data-dock-edge="bottom"] .apps-bottom{
  display:grid;
  grid-template-columns:42px 42px;
  align-content:center;
  padding:0 0 0 5px;
  border-top:0;
  border-left:1px solid var(--acrylic-engrave);
}
.apps-zone[data-area-state="rail"][data-dock-edge="top"] .app-key.control-toggle::after,
.apps-zone[data-area-state="rail"][data-dock-edge="bottom"] .app-key.control-toggle::after{
  top:auto;
  bottom:0;
  left:9px;
  right:9px;
  width:auto;
  height:2px;
  border-radius:2px 2px 0 0;
}
.apps-zone[data-area-state="rail"][data-dock-edge="bottom"] .app-key.control-toggle::after{top:0;bottom:auto}
.apps-zone[data-area-state="rail"][data-dock-edge="top"] .app-key.control-toggle.is-active::after,
.apps-zone[data-area-state="rail"][data-dock-edge="bottom"] .app-key.control-toggle.is-active::after{height:3px;width:auto}
.systems-zone[data-area-state="rail"][data-dock-edge="top"] .system-launchers,
.systems-zone[data-area-state="rail"][data-dock-edge="bottom"] .system-launchers{
  display:grid;
  grid-template-columns:repeat(3,42px);
  align-content:center;
  padding:0 5px 0 0;
  border-right:1px solid var(--acrylic-engrave);
  border-bottom:0;
}
.systems-zone[data-area-state="rail"][data-dock-edge="top"] .dynamic-widget-stack,
.systems-zone[data-area-state="rail"][data-dock-edge="bottom"] .dynamic-widget-stack{display:flex;align-items:center}
.systems-zone[data-area-state="rail"][data-dock-edge="top"] .time-block,
.systems-zone[data-area-state="rail"][data-dock-edge="bottom"] .time-block{
  margin:0 0 0 auto;
  padding:0 8px;
  align-items:center;
  border-top:0;
  border-left:1px solid var(--acrylic-engrave);
}
.project-area[data-area-state="rail"][data-dock-edge="top"] .project-switcher,
.project-area[data-area-state="rail"][data-dock-edge="bottom"] .project-switcher{
  grid-template-columns:repeat(2,42px)!important;
  align-content:center;
}

/* v68 — contextual actions use edge-lit acrylic around fast ABS rows. */
.desktop-context-menu{
  position:fixed;
  z-index:5000;
  width:max-content;
  min-width:232px;
  max-width:min(300px,calc(100vw - 16px));
  padding:6px;
  border:1px solid var(--acrylic-rim);
  border-radius:12px;
  color:var(--text);
  background:color-mix(in srgb,var(--acrylic-field) 91%,rgba(4,9,13,.54));
  -webkit-backdrop-filter:blur(26px) saturate(1.08) contrast(1.05);
  backdrop-filter:blur(26px) saturate(1.08) contrast(1.05);
  box-shadow:
    0 15px 38px rgba(0,0,0,.42),
    inset 1px 1px rgba(255,255,255,.09),
    inset -1px -1px var(--acrylic-dark-edge),
    0 0 0 1px rgba(0,0,0,.30);
  transform-origin:top left;
  animation:context-menu-in 52ms cubic-bezier(.2,.8,.2,1) both;
}
.desktop-context-menu[hidden]{display:none}
@keyframes context-menu-in{
  from{opacity:0;transform:translateY(-3px) scale(.985)}
  to{opacity:1;transform:none}
}
.context-menu-title{
  min-height:30px;
  padding:7px 9px 6px;
  overflow:hidden;
  color:var(--muted);
  font-size:12px;
  font-weight:750;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.context-menu-items{display:grid;gap:2px}
.context-menu-item{
  position:relative;
  width:100%;
  min-height:38px;
  padding:0 9px;
  border:1px solid transparent;
  border-radius:8px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  color:var(--text);
  background:transparent;
  box-shadow:none;
  text-align:left;
  transform-origin:50% 100%;
  transition:transform var(--button-release-time) linear,background 45ms linear,border-color 45ms linear,box-shadow var(--button-release-time) linear;
}
.context-menu-item svg{width:17px;height:17px;color:var(--muted)}
.context-menu-item span{overflow:hidden;font-size:14px;white-space:nowrap;text-overflow:ellipsis}
.context-menu-item kbd{
  padding:0;
  border:0;
  color:var(--faint);
  background:transparent;
  box-shadow:none;
  font:600 11px/1 ui-monospace,monospace;
}
.context-menu-item:hover,.context-menu-item:focus-visible{
  outline:0;
  border-color:color-mix(in srgb,var(--acrylic-charge) 24%,transparent);
  background:color-mix(in srgb,var(--acrylic-charge) 10%,var(--content-surface-raised) 34%);
  box-shadow:inset 0 1px rgba(255,255,255,.045);
}
.context-menu-item:active{
  transform:translateY(2px) scaleY(.985);
  border-color:color-mix(in srgb,var(--acrylic-charge) 32%,transparent);
  background:color-mix(in srgb,var(--acrylic-charge) 14%,var(--content-surface-raised) 40%);
  box-shadow:inset 0 2px 3px rgba(0,0,0,.36);
  transition-duration:var(--button-press-time);
}
.context-menu-item.is-danger{color:#ff8d83}
.context-menu-item.is-danger svg{color:#ff7468}
.context-menu-item.is-danger:hover,.context-menu-item.is-danger:focus-visible{
  border-color:rgba(255,96,82,.22);
  background:rgba(255,72,58,.09);
}
.context-menu-separator{
  height:1px;
  margin:4px 8px;
  background:var(--acrylic-engrave);
  box-shadow:0 1px rgba(255,255,255,.025);
}
body[data-theme="light"] .desktop-context-menu{
  background:color-mix(in srgb,var(--acrylic-field) 94%,rgba(244,248,249,.72));
  box-shadow:0 14px 34px rgba(34,50,58,.22),inset 1px 1px rgba(255,255,255,.78),inset -1px -1px var(--acrylic-dark-edge);
}
body[data-theme="light"] .context-menu-item:active{box-shadow:inset 0 2px 3px rgba(41,56,63,.20)}

/* Objects created from the desktop menu stay on the desktop plane, below app windows. */
.desktop-folder{
  position:absolute;
  z-index:1;
  width:72px;
  min-height:78px;
  padding:7px 4px;
  border:1px solid transparent;
  border-radius:9px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  color:#f4f8fa;
  background:transparent;
  box-shadow:none;
  text-align:center;
  text-shadow:0 1px 3px rgba(0,0,0,.88);
  transition:transform var(--button-release-time) linear,background 45ms linear,border-color 45ms linear;
}
.desktop-folder svg{
  width:36px;
  height:36px;
  color:#55baff;
  fill:rgba(27,132,215,.24);
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.46));
}
.desktop-folder span{
  width:100%;
  overflow:hidden;
  font-size:12px;
  line-height:1.18;
  text-overflow:ellipsis;
}
.desktop-folder:hover,.desktop-folder:focus-visible{
  outline:0;
  border-color:color-mix(in srgb,var(--blue) 32%,transparent);
  background:color-mix(in srgb,var(--blue) 12%,rgba(7,13,18,.28));
}
.desktop-folder:active{
  transform:translateY(2px) scaleY(.985);
  background:color-mix(in srgb,var(--blue) 18%,rgba(7,13,18,.36));
  transition-duration:var(--button-press-time);
}

/* v69 — Compact is a deliberate information mode, not Expanded with pieces hidden. */
.area-window[data-area-state="compact"]{
  padding:8px;
  border-radius:13px;
}
.area-window[data-area-state="compact"] .area-window-bar{
  min-height:42px;
  flex-basis:42px;
  margin:-8px -8px 6px;
  padding:5px 6px 5px 8px;
}
.area-window[data-area-state="compact"] .area-window-identity{gap:7px}
.area-window[data-area-state="compact"] .area-window-icon{width:29px;height:29px;flex-basis:29px}
.area-window[data-area-state="compact"] .area-window-identity b{font-size:13px}
.area-window[data-area-state="compact"] .area-window-identity small{font-size:11px}

/* Apps Compact: readable launchers above live, still-operable parked apps. */
.apps-zone[data-area-state="compact"]{
  container-name:compact-apps;
  container-type:inline-size;
}
.apps-zone[data-area-state="compact"] .app-rack{
  height:auto;
  min-height:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:start;
  gap:4px;
  padding:1px;
}
.apps-zone[data-area-state="compact"] .app-key,
.apps-zone[data-area-state="compact"] .app-key:nth-child(n+4){
  min-width:0;
  height:57px;
  margin-top:0;
  padding:3px 2px;
  gap:3px;
}
.apps-zone[data-area-state="compact"] .app-key .app-art{width:28px;height:28px}
.apps-zone[data-area-state="compact"] .app-key span{
  display:block;
  width:100%;
  overflow:hidden;
  color:var(--muted);
  font-size:11px;
  line-height:1.05;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@container compact-apps (min-width:232px){
  .apps-zone[data-area-state="compact"] .app-rack{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.apps-zone[data-area-state="compact"] .mini-section{
  min-height:0;
  margin-top:7px;
}
.apps-zone[data-area-state="compact"] .section-heading{
  min-height:27px;
  padding:0 2px 4px;
}
.apps-zone[data-area-state="compact"] .section-heading h2{font-size:12px}
.apps-zone[data-area-state="compact"] .section-heading span{font-size:10px}
.apps-zone[data-area-state="compact"] .mini-stack{gap:5px;padding:0 1px 6px}
.apps-zone[data-area-state="compact"] .mini-card{
  padding:6px;
  border-radius:8px;
}
.apps-zone[data-area-state="compact"] .mini-card::after{left:8px;right:8px}
.apps-zone[data-area-state="compact"] .mini-card header{
  min-height:29px;
  margin-bottom:5px;
}
.apps-zone[data-area-state="compact"] .mini-card header>div{min-width:0;gap:5px}
.apps-zone[data-area-state="compact"] .mini-card header>div>span:last-child{min-width:0}
.apps-zone[data-area-state="compact"] .mini-card header b,
.apps-zone[data-area-state="compact"] .mini-card header small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.apps-zone[data-area-state="compact"] .mini-card header b{font-size:12px}
.apps-zone[data-area-state="compact"] .mini-card header small{font-size:10px}
.apps-zone[data-area-state="compact"] .mini-card header .app-badge{width:26px;height:26px;flex-basis:26px}
.apps-zone[data-area-state="compact"] .mini-card .mini-control{width:27px;height:26px;padding:0}
.apps-zone[data-area-state="compact"] .mini-card .mini-actions{flex:0 0 auto;gap:3px}
.apps-zone[data-area-state="compact"] .mini-location{
  height:29px;
  margin:0 0 4px;
  padding:0 6px;
  gap:5px;
}
.apps-zone[data-area-state="compact"] .mini-location b{font-size:11px}
.apps-zone[data-area-state="compact"] .mini-location small{font-size:9px}
.apps-zone[data-area-state="compact"] .mini-file-list{gap:1px}
.apps-zone[data-area-state="compact"] .mini-file-list button{height:29px;padding:0 5px}
.apps-zone[data-area-state="compact"] .mini-file-list button:nth-child(n+2){display:none}
.apps-zone[data-area-state="compact"] .mini-file-list button span{font-size:10px}
.apps-zone[data-area-state="compact"] .mini-quick-row{gap:4px;margin-top:4px}
.apps-zone[data-area-state="compact"] .mini-tool{height:29px;padding:0 5px;font-size:10px}
.apps-zone[data-area-state="compact"] .mini-music{grid-template-columns:34px minmax(0,1fr);gap:6px}
.apps-zone[data-area-state="compact"] .mini-art{height:34px;border-radius:7px}
.apps-zone[data-area-state="compact"] .mini-track b{font-size:11px}
.apps-zone[data-area-state="compact"] .mini-track small{font-size:9px}
.apps-zone[data-area-state="compact"] .mini-transport{
  grid-template-columns:27px 31px 27px minmax(30px,1fr);
  gap:3px;
}
.apps-zone[data-area-state="compact"] .mini-terminal-output{min-height:42px;padding:6px 7px}
.apps-zone[data-area-state="compact"] .mini-command,
.apps-zone[data-area-state="compact"] .mini-browser-search{height:31px;margin-top:4px}
.apps-zone[data-area-state="compact"] .mini-sites{gap:3px;margin-top:4px}
.apps-zone[data-area-state="compact"] .mini-sites button{height:27px;padding:0 2px}
.apps-zone[data-area-state="compact"] .mini-card-note .mini-note-field{
  min-height:78px;
  max-height:116px;
  padding:6px 7px;
  font-size:11px;
}
.apps-zone[data-area-state="compact"] .apps-bottom{
  grid-template-columns:42px minmax(0,1fr);
  gap:5px;
  padding-top:6px;
}
.apps-zone[data-area-state="compact"] .overview-launch{
  width:42px;
  min-height:39px;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  place-items:center;
}
.apps-zone[data-area-state="compact"] .workspace-status{
  min-width:0;
  min-height:39px;
  padding:4px 6px;
  grid-template-columns:4px minmax(0,1fr) 13px;
  gap:6px;
}
.apps-zone[data-area-state="compact"] .workspace-status>i{width:4px;height:22px}
.apps-zone[data-area-state="compact"] .workspace-status b{font-size:12px}
.apps-zone[data-area-state="compact"] .workspace-status small{font-size:10px}

/* System Compact: one-glance state plus controls, with no dead card area. */
.systems-zone[data-area-state="compact"]{gap:5px;overflow-y:auto}
.systems-zone[data-area-state="compact"] .time-block{
  min-height:47px;
  padding:2px 2px 7px;
  gap:9px;
}
.systems-zone[data-area-state="compact"] .time-block>span{font-size:29px}
.systems-zone[data-area-state="compact"] .time-block b{font-size:12px}
.systems-zone[data-area-state="compact"] .time-block small{font-size:10px}
.systems-zone[data-area-state="compact"] .dynamic-widget-stack{gap:5px}
.systems-zone[data-area-state="compact"] .system-widget{
  padding:6px;
  border-radius:8px;
}
.systems-zone[data-area-state="compact"] .widget-heading{height:27px}
.systems-zone[data-area-state="compact"] .widget-heading h2{font-size:12px}
.systems-zone[data-area-state="compact"] .widget-heading>span{font-size:10px}
.systems-zone[data-area-state="compact"] .notification{padding:5px 0;gap:6px}
.systems-zone[data-area-state="compact"] .notification .app-badge{width:27px;height:27px}
.systems-zone[data-area-state="compact"] .notification b{font-size:11px}
.systems-zone[data-area-state="compact"] .notification small{font-size:10px}
.systems-zone[data-area-state="compact"] .timer-face{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:2px 0 5px}
.systems-zone[data-area-state="compact"] .timer-face strong{font-size:23px}
.systems-zone[data-area-state="compact"] .timer-actions{gap:4px}
.systems-zone[data-area-state="compact"] .timer-actions button{height:29px;padding:0 5px;font-size:11px}
.systems-zone[data-area-state="compact"] .system-launchers{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
}
.systems-zone[data-area-state="compact"] .system-launcher{
  height:35px;
  padding:0 6px;
  gap:5px;
  font-size:10px;
}
.systems-zone[data-area-state="compact"] .system-launcher svg{flex:0 0 15px;width:15px;height:15px}
.systems-zone[data-area-state="compact"] .layout-mode-control{grid-column:1/-1}
.systems-zone[data-area-state="compact"] .static-widget-stack{gap:5px}
.systems-zone[data-area-state="compact"] .calendar-widget{
  display:block;
  padding-bottom:6px;
}
.systems-zone[data-area-state="compact"] .calendar-grid,
.systems-zone[data-area-state="compact"] .calendar-week{display:none}
.systems-zone[data-area-state="compact"] .calendar-widget .tiny-key{height:25px;min-height:25px;padding:0 6px}
.systems-zone[data-area-state="compact"] .next-event{
  margin-top:3px;
  padding:5px 6px;
}
.systems-zone[data-area-state="compact"] .next-event>i{height:24px}
.systems-zone[data-area-state="compact"] .next-event b,
.systems-zone[data-area-state="compact"] .next-event small{font-size:10px}
.systems-zone[data-area-state="compact"] .device-row{
  grid-template-columns:29px minmax(0,1fr) auto;
  gap:7px;
}
.systems-zone[data-area-state="compact"] .phone-silhouette{height:40px;border-radius:8px}
.systems-zone[data-area-state="compact"] .device-row b{font-size:11px}
.systems-zone[data-area-state="compact"] .device-row small{font-size:9px}
.systems-zone[data-area-state="compact"] .battery-track{margin-top:5px}
.systems-zone[data-area-state="compact"] .quick-settings{gap:4px}
.systems-zone[data-area-state="compact"] .quick-toggle{
  min-height:35px;
  height:35px;
  padding:0 6px;
  gap:5px;
}
.systems-zone[data-area-state="compact"] .quick-toggle span{font-size:10px}

/* Project Compact: current path, one recent item from each source, quick apps
   and the project clipboard remain available. */
.project-area[data-area-state="compact"][data-dock-edge="left"] .project-space-content,
.project-area[data-area-state="compact"][data-dock-edge="right"] .project-space-content{
  display:flex;
  flex-direction:column;
  gap:5px;
  overflow-y:auto;
  padding-right:1px;
}
.project-area[data-area-state="compact"] .project-switcher{
  flex-basis:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  margin-bottom:5px;
}
.project-area[data-area-state="compact"] .project-choice{
  height:32px;
  padding:0 7px;
  gap:5px;
}
.project-area[data-area-state="compact"] .project-choice span{font-size:11px}
.project-area[data-area-state="compact"] .project-module{
  flex:0 0 auto;
  min-height:auto;
  padding:6px;
  border-radius:8px;
  overflow:visible;
}
.project-area[data-area-state="compact"] .project-module>header{
  height:25px;
  margin-bottom:3px;
}
.project-area[data-area-state="compact"] .project-module>header b{font-size:12px}
.project-area[data-area-state="compact"] .project-small-key{height:25px;padding:0 6px;font-size:10px}
.project-area[data-area-state="compact"] .project-path{height:31px;padding:0 6px}
.project-area[data-area-state="compact"] .project-path span{font-size:10px}
.project-area[data-area-state="compact"] .project-items{margin-top:2px}
.project-area[data-area-state="compact"] .project-items>button{
  height:37px;
  padding:2px 3px;
}
.project-area[data-area-state="compact"] .project-items>button:nth-child(n+2){display:none}
.project-area[data-area-state="compact"] .project-items b{font-size:11px}
.project-area[data-area-state="compact"] .project-items small{font-size:9px}
.project-area[data-area-state="compact"] .project-context-module{display:flex!important}
.project-area[data-area-state="compact"] .project-quick-apps{gap:4px;margin-bottom:4px}
.project-area[data-area-state="compact"] .project-app{width:31px;height:31px}
.project-area[data-area-state="compact"] .project-app .app-art{width:28px;height:28px}
.project-area[data-area-state="compact"] .project-clipboard{
  min-height:39px;
  padding:4px;
  grid-template-columns:25px minmax(0,1fr) auto;
  gap:4px;
}
.project-area[data-area-state="compact"] .clipboard-mark{width:25px;height:25px}
.project-area[data-area-state="compact"] .project-clipboard b{font-size:10px}
.project-area[data-area-state="compact"] .project-clipboard small{font-size:9px}
.project-area[data-area-state="compact"] .project-note-widget{display:none}

/* Horizontal Compact keeps the same information but uses the available width. */
.apps-zone[data-area-state="compact"][data-dock-edge="top"] .app-rack,
.apps-zone[data-area-state="compact"][data-dock-edge="bottom"] .app-rack{
  height:62px;
  grid-template-columns:repeat(5,minmax(62px,1fr));
}
.apps-zone[data-area-state="compact"][data-dock-edge="top"] .mini-section,
.apps-zone[data-area-state="compact"][data-dock-edge="bottom"] .mini-section{display:none}
.project-area[data-area-state="compact"][data-dock-edge="top"] .project-space-content,
.project-area[data-area-state="compact"][data-dock-edge="bottom"] .project-space-content{
  grid-template-columns:1.1fr 1fr .9fr;
  gap:5px;
}
.project-area[data-area-state="compact"][data-dock-edge="top"] .project-note-widget,
.project-area[data-area-state="compact"][data-dock-edge="bottom"] .project-note-widget{display:none}

/* v70 — Docked Areas form one continuous desktop surface. There are no
   decorative wallpaper gutters: each Area fills its allocated slot and the
   shared one-pixel seams are the only separation from the workspace. */
body.areas-docked .area-window{
  border-radius:0;
  box-shadow:
    inset 1px 1px rgba(255,255,255,.08),
    inset -1px -1px var(--acrylic-dark-edge),
    0 0 0 1px rgba(0,0,0,.26);
}
body.areas-docked .area-window::before{
  inset:2px;
  border-radius:2px;
}
body.areas-docked .desktop-shell>.workspace-zone{
  border-radius:0;
}
body.areas-docked .dock-preview{
  border-radius:0;
}
body.areas-docked .dock-preview[data-edge="left"]{left:0;top:0;bottom:0}
body.areas-docked .dock-preview[data-edge="right"]{right:0;top:0;bottom:0}
body.areas-docked .dock-preview[data-edge="top"]{top:0}
body.areas-docked .dock-preview[data-edge="bottom"]{bottom:0}

/* v71 — Each Area has a solid, identity-coloured acrylic header. The body
   remains neutral glass, so the header is immediately legible as chrome. */
.apps-zone{--area-header-accent:#3aa7ff}
.project-area{--area-header-accent:#a88aff}
.systems-zone{--area-header-accent:#36ccd7}
.area-window .area-window-bar{
  border-bottom-color:color-mix(in srgb,var(--area-header-accent) 66%,var(--acrylic-engrave));
  background:color-mix(in srgb,var(--area-header-accent) 20%,rgba(9,15,19,.91));
  box-shadow:
    inset 0 1px color-mix(in srgb,var(--area-header-accent) 30%,rgba(255,255,255,.12)),
    inset 0 -1px color-mix(in srgb,var(--area-header-accent) 54%,rgba(0,0,0,.42));
}
.area-window .area-window-bar .area-window-identity b{color:color-mix(in srgb,var(--area-header-accent) 22%,#fff)}
.area-window .area-window-bar .area-window-identity small{color:color-mix(in srgb,var(--area-header-accent) 24%,rgba(226,234,238,.76))}
body[data-theme="light"] .area-window .area-window-bar{
  border-bottom-color:color-mix(in srgb,var(--area-header-accent) 58%,rgba(45,60,68,.32));
  background:color-mix(in srgb,var(--area-header-accent) 17%,rgba(239,243,243,.97));
  box-shadow:
    inset 0 1px rgba(255,255,255,.82),
    inset 0 -1px color-mix(in srgb,var(--area-header-accent) 30%,rgba(43,58,66,.28));
}
body[data-theme="light"] .area-window .area-window-bar .area-window-identity b{color:color-mix(in srgb,var(--area-header-accent) 24%,#182128)}
body[data-theme="light"] .area-window .area-window-bar .area-window-identity small{color:color-mix(in srgb,var(--area-header-accent) 18%,#526069)}

/* v73 — Rail is a purpose-built panel mode, not merely clipped Area content. */
.rail-workspace-glyph,.project-choice-icon,.project-rail-tools{display:none}

/* Apps Rail: task manager above, Overview and a recognizable Workspace switch below. */
.apps-zone[data-area-state="rail"] .workspace-status>i,
.apps-zone[data-area-state="rail"] .workspace-status>span,
.apps-zone[data-area-state="rail"] .workspace-status>svg{display:none}
.apps-zone[data-area-state="rail"] .rail-workspace-glyph{
  width:28px;
  height:28px;
  border:1px solid color-mix(in srgb,var(--workspace-accent) 55%,var(--acrylic-engrave));
  border-radius:8px;
  display:grid;
  place-items:center;
  color:color-mix(in srgb,var(--workspace-accent) 34%,#fff);
  background:color-mix(in srgb,var(--workspace-accent) 18%,transparent);
  box-shadow:inset 0 1px rgba(255,255,255,.07);
  font:750 12px/1 system-ui,sans-serif;
  font-style:normal;
}
body[data-theme="light"] .apps-zone[data-area-state="rail"] .rail-workspace-glyph{color:color-mix(in srgb,var(--workspace-accent) 48%,#1d2a31)}

/* System Rail: dynamic status first, launchers in the middle and persistent
   toggles beside the clock at the bottom, like a useful Plasma tray. */
.systems-zone[data-area-state="rail"] .dynamic-widget-stack{order:1}
.systems-zone[data-area-state="rail"] .system-launchers{order:2}
.systems-zone[data-area-state="rail"] .static-widget-stack{
  order:8;
  margin-top:auto;
  padding-top:5px;
  display:block;
  border-top:1px solid var(--acrylic-engrave);
}
.systems-zone[data-area-state="rail"] .calendar-widget,
.systems-zone[data-area-state="rail"] .connect-widget{display:none}
.systems-zone[data-area-state="rail"] .quick-settings{
  display:grid;
  grid-template-columns:1fr;
  gap:3px;
}
.systems-zone[data-area-state="rail"] .quick-toggle{
  width:100%;
  min-width:0;
  height:40px;
  padding:0;
  justify-content:center;
  border-color:transparent;
  border-radius:8px;
  background:transparent;
  box-shadow:none;
}
.systems-zone[data-area-state="rail"] .quick-toggle>span:not(.theme-dot){display:none}
.systems-zone[data-area-state="rail"] .quick-toggle svg{width:19px;height:19px}
.systems-zone[data-area-state="rail"] .quick-toggle.is-active{background:color-mix(in srgb,var(--toggle-tone,var(--blue)) 10%,transparent)}
.systems-zone[data-area-state="rail"] .time-block{margin-top:3px}

/* Project Rail: switch Projects, then act on the selected Project without
   needing to widen the Area first. */
.project-area[data-area-state="rail"] .project-choice .project-color{display:none}
.project-area[data-area-state="rail"] .project-choice-icon{
  width:20px;
  height:20px;
  display:block;
  color:var(--project-accent);
}
.project-area[data-area-state="rail"] .project-rail-tools{
  margin-top:5px;
  padding-top:5px;
  display:grid;
  grid-template-columns:1fr;
  gap:3px;
  border-top:1px solid var(--acrylic-engrave);
}
.project-area[data-area-state="rail"] .project-rail-tool{
  width:100%;
  min-width:0;
  height:42px;
  padding:0;
  display:grid;
  place-items:center;
  border-color:transparent;
  border-radius:8px;
  background:transparent;
  box-shadow:none;
}
.project-area[data-area-state="rail"] .project-rail-tool:hover{background:color-mix(in srgb,var(--project-accent) 10%,transparent)}
.project-area[data-area-state="rail"] .project-rail-tool>svg:not(.app-art){width:19px;height:19px;color:var(--project-accent)}
.project-area[data-area-state="rail"] .project-rail-tool .app-art{width:29px;height:29px}

/* The same controls turn into a conventional horizontal panel when the Rail
   is docked to the top or bottom edge. */
.systems-zone[data-area-state="rail"][data-dock-edge="top"] .static-widget-stack,
.systems-zone[data-area-state="rail"][data-dock-edge="bottom"] .static-widget-stack{
  margin:0;
  padding:0 0 0 5px;
  display:flex;
  align-items:center;
  border-top:0;
  border-left:1px solid var(--acrylic-engrave);
}
.systems-zone[data-area-state="rail"][data-dock-edge="top"] .quick-settings,
.systems-zone[data-area-state="rail"][data-dock-edge="bottom"] .quick-settings{
  grid-template-columns:repeat(4,40px);
  grid-auto-flow:column;
}
.project-area[data-area-state="rail"][data-dock-edge="top"] .project-rail-tools,
.project-area[data-area-state="rail"][data-dock-edge="bottom"] .project-rail-tools{
  margin:0 0 0 5px;
  padding:0 0 0 5px;
  grid-template-columns:repeat(5,42px);
  grid-auto-flow:column;
  align-content:center;
  border-top:0;
  border-left:1px solid var(--acrylic-engrave);
}

/* v74 — Rail has higher-specificity chrome of its own, so its identity colour
   cannot be replaced by the older neutral panel rule. */
.area-window[data-area-state="rail"]{
  border-color:color-mix(in srgb,var(--area-header-accent) 30%,var(--acrylic-rim));
}
.area-window[data-area-state="rail"] .area-window-bar{
  border-bottom-color:color-mix(in srgb,var(--area-header-accent) 70%,var(--acrylic-engrave));
  background:color-mix(in srgb,var(--area-header-accent) 38%,rgba(8,14,18,.92));
  box-shadow:
    inset 0 1px color-mix(in srgb,var(--area-header-accent) 42%,rgba(255,255,255,.15)),
    inset 0 -1px color-mix(in srgb,var(--area-header-accent) 62%,rgba(0,0,0,.48));
}
body[data-theme="light"] .area-window[data-area-state="rail"] .area-window-bar{
  border-bottom-color:color-mix(in srgb,var(--area-header-accent) 66%,rgba(45,60,68,.30));
  background:color-mix(in srgb,var(--area-header-accent) 28%,rgba(241,245,245,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.88),inset 0 -1px color-mix(in srgb,var(--area-header-accent) 40%,rgba(43,58,66,.28));
}
.area-window[data-area-state="rail"][data-dock-edge="top"] .area-window-bar,
.area-window[data-area-state="rail"][data-dock-edge="bottom"] .area-window-bar{
  border-right-color:color-mix(in srgb,var(--area-header-accent) 70%,var(--acrylic-engrave));
}

/* v75 — Manual freezes Area geometry. Auto lets a complete dock lane yield to
   a dragged or maximized window; on a dual-display canvas a free lane can move
   to the other display instead. The four-pixel illuminated edge remains as a
   physical, discoverable auto-hide affordance. */
body.areas-docked .area-window{
  transition:
    left 145ms cubic-bezier(.2,.82,.2,1),
    top 145ms cubic-bezier(.2,.82,.2,1),
    width 145ms cubic-bezier(.2,.82,.2,1),
    height 145ms cubic-bezier(.2,.82,.2,1),
    transform 135ms cubic-bezier(.18,.82,.2,1),
    opacity 90ms linear,
    box-shadow 90ms linear;
  will-change:transform;
}
body[data-layout-mode="auto"] .area-window.is-auto-relocated{
  transform:translate3d(var(--auto-relocate-x),0,0);
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--area-header-accent) 48%,transparent),
    0 16px 40px rgba(0,0,0,.32),
    inset 1px 1px rgba(255,255,255,.10),
    inset -1px -1px var(--acrylic-dark-edge);
}
body[data-layout-mode="auto"] .area-window.is-auto-yielding{
  pointer-events:none;
  opacity:.82;
  filter:saturate(.9);
}
body[data-layout-mode="auto"] .area-window.is-auto-yielding[data-dock-edge="left"]{
  transform:translate3d(calc(-100% + 4px),0,0);
  box-shadow:4px 0 0 color-mix(in srgb,var(--area-header-accent) 80%,#dff7ff),8px 0 16px color-mix(in srgb,var(--area-header-accent) 24%,transparent);
}
body[data-layout-mode="auto"] .area-window.is-auto-yielding[data-dock-edge="right"]{
  transform:translate3d(calc(100% - 4px),0,0);
  box-shadow:-4px 0 0 color-mix(in srgb,var(--area-header-accent) 80%,#dff7ff),-8px 0 16px color-mix(in srgb,var(--area-header-accent) 24%,transparent);
}
body[data-layout-mode="auto"] .area-window.is-auto-yielding[data-dock-edge="top"]{
  transform:translate3d(0,calc(-100% + 4px),0);
  box-shadow:0 4px 0 color-mix(in srgb,var(--area-header-accent) 80%,#dff7ff),0 8px 16px color-mix(in srgb,var(--area-header-accent) 24%,transparent);
}
body[data-layout-mode="auto"] .area-window.is-auto-yielding[data-dock-edge="bottom"]{
  transform:translate3d(0,calc(100% - 4px),0);
  box-shadow:0 -4px 0 color-mix(in srgb,var(--area-header-accent) 80%,#dff7ff),0 -8px 16px color-mix(in srgb,var(--area-header-accent) 24%,transparent);
}
body.is-auto-avoiding .desktop-shell>.workspace-zone{
  box-shadow:inset 0 0 0 1px rgba(99,199,255,.10);
}
body[data-layout-mode="manual"] .desktop-shell>.workspace-zone,
body[data-layout-mode="manual"] .area-window{transition:none}
@media(prefers-reduced-motion:reduce){
  body.areas-docked .area-window,.desktop-shell>.workspace-zone{transition:none!important}
}

/* v78 — Auto Areas have a small pressure boundary. A dragged window rests
   against the Area before it is allowed to collapse the lane; deliberate
   continued movement crosses it, like a pointer barrier between displays. */
.area-boundary-feedback{
  --boundary-pressure:0;
  --boundary-accent:#62c9ff;
  position:absolute;
  z-index:1200;
  pointer-events:none;
  opacity:0;
  border-radius:999px;
  background:color-mix(in srgb,var(--boundary-accent) 72%,rgba(229,249,255,.82));
  box-shadow:
    0 0 var(--boundary-glow,7px) color-mix(in srgb,var(--boundary-accent) 48%,transparent),
    0 0 0 1px rgba(235,251,255,.22);
  transform:scale(.82);
  transition:opacity 45ms linear,transform 65ms cubic-bezier(.2,.8,.2,1),box-shadow 45ms linear;
}
.area-boundary-feedback.is-visible{
  opacity:var(--boundary-opacity,.48);
  transform:scale(1);
}
.area-boundary-feedback[data-edge="left"],
.area-boundary-feedback[data-edge="right"]{transform-origin:center center}
.area-boundary-feedback[data-edge="top"],
.area-boundary-feedback[data-edge="bottom"]{transform-origin:center center}
body[data-theme="light"] .area-boundary-feedback{
  background:color-mix(in srgb,var(--boundary-accent) 76%,#315264);
  box-shadow:0 0 var(--boundary-glow,7px) color-mix(in srgb,var(--boundary-accent) 36%,transparent),0 0 0 1px rgba(255,255,255,.62);
}
body[data-layout-mode="manual"] .area-boundary-feedback{display:none}
@media(prefers-reduced-motion:reduce){.area-boundary-feedback{transition:none}}

/* v77 — Overview breathes through hierarchy and spacing rather than empty
   decoration. The acrylic remains continuous; solid, quieter content islands
   carry readable text and the controls that matter. */
.universal-search{
  --overview-muted:color-mix(in srgb,var(--text) 68%,transparent);
  padding:clamp(24px,4vh,46px) clamp(26px,4.5vw,72px);
}
.universal-search-shell{
  width:min(1600px,100%);
  gap:16px;
  grid-template-rows:auto auto minmax(0,1fr) auto;
}
.universal-search-header{
  grid-template-columns:minmax(220px,.27fr) minmax(480px,1fr);
  align-items:center;
  gap:26px;
  padding:0 2px 15px;
  border-bottom-color:color-mix(in srgb,var(--text) 19%,transparent);
}
.universal-search-title .eyebrow{font-size:11px;letter-spacing:.12em}
.universal-search-title h2{margin-top:6px;font-size:clamp(32px,3vw,43px);line-height:1}
.overview-layout-status{margin-top:8px;color:var(--overview-muted);font-size:13px}
.universal-search-field{
  height:60px;
  padding-inline:18px;
  gap:14px;
  border-radius:16px;
  background:color-mix(in srgb,var(--content-surface) 93%,transparent);
}
.universal-search-field input{font-size:clamp(19px,1.7vw,23px)}
.universal-search-field input::placeholder{color:color-mix(in srgb,var(--text) 54%,transparent)}

.workspace-switcher{
  grid-template-columns:138px minmax(0,1fr) auto;
  gap:10px;
  padding:9px 10px;
  border-radius:14px;
  background:color-mix(in srgb,var(--content-surface) 72%,transparent);
}
.workspace-switcher-label{padding-left:4px}.workspace-switcher-label .eyebrow{font-size:10px}.workspace-switcher-label strong{font-size:15px}
.workspace-tabs{gap:6px}
.workspace-tab{min-height:52px;padding:6px 9px;grid-template-columns:34px minmax(0,1fr);gap:9px;border-radius:10px}
.workspace-glyph{width:34px;height:34px;border-radius:9px}.workspace-glyph svg{width:18px;height:18px}
.workspace-tab b{font-size:14px}.workspace-tab small{margin-top:3px;color:var(--overview-muted);font-size:12px}
.workspace-switcher-actions{gap:6px}.workspace-action{min-height:40px;padding:0 11px;font-size:13px}

.overview-home{grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:18px}
.overview-main{gap:20px;padding:2px 8px 24px 1px}
.overview-widgets{gap:12px;padding:2px 3px 24px 0}
.overview-section-heading{min-height:44px;padding:0 3px 10px;align-items:end}
.overview-section-heading>div{display:grid;align-items:start;gap:2px}
.overview-section-heading .eyebrow{font-size:10px;line-height:1.2;letter-spacing:.11em}
.overview-section-heading h3{font-size:19px;line-height:1.15;letter-spacing:-.02em}
.overview-section-heading>span{padding-bottom:2px;color:var(--overview-muted);font-size:13px}

.workspace-home-card{border-radius:14px;background:color-mix(in srgb,var(--content-surface) 90%,transparent)}
.workspace-home-header{min-height:64px;padding:9px 12px;grid-template-columns:40px minmax(0,1fr) auto;gap:11px}
.workspace-home-icon{width:40px;height:40px;border-radius:10px}.workspace-home-icon svg{width:21px;height:21px}
.workspace-home-header .eyebrow{font-size:10px}.workspace-home-header h3{margin-top:2px;font-size:17px}.workspace-home-header small{margin-top:3px;color:var(--overview-muted);font-size:13px}
.workspace-home-open{min-height:38px;padding:0 11px;font-size:13px}
.workspace-home-body{padding:10px;grid-template-columns:minmax(280px,1.35fr) minmax(220px,.9fr) minmax(185px,.7fr);gap:10px}
.workspace-folders{gap:7px}
.workspace-folder{min-height:72px;padding:9px;border-radius:10px}.workspace-folder b{font-size:14px}.workspace-folder small{margin-top:4px;color:var(--overview-muted);font-size:12px}
.workspace-context-card{padding:10px 11px;border-radius:10px}.workspace-context-card .eyebrow{font-size:10px}.workspace-context-card>b{margin-top:4px;font-size:14px}.workspace-context-card>small{margin-top:4px;color:var(--overview-muted);font-size:12px;line-height:1.4}
.workspace-favorites{margin-top:9px;gap:6px}.workspace-favorites .app-art{width:29px;height:29px}
.other-workspaces{min-height:72px;padding:9px;border-radius:10px}.other-workspaces b{font-size:14px}.other-workspaces small{margin-top:4px;color:var(--overview-muted);font-size:12px;line-height:1.35}

.overview-project-grid,.overview-window-grid{gap:10px}
.overview-project{min-height:74px;padding:9px 11px;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;border-radius:11px}
.overview-project-icon{width:42px;height:42px;border-radius:10px}.overview-project-icon svg{width:21px;height:21px}
.overview-project b{font-size:15px}.overview-project small{margin-top:4px;color:var(--overview-muted);font-size:12px}.overview-project-open{font-size:13px}
.overview-window{height:108px;padding:10px;border-radius:12px;grid-template-columns:minmax(160px,.9fr) minmax(110px,1.1fr);gap:11px}
.overview-window-app{gap:12px}.overview-window-app>.app-art{width:44px;height:44px;flex-basis:44px}.overview-window-app b{font-size:15px}.overview-window-app small{margin-top:4px;color:var(--overview-muted);font-size:13px}
.overview-window-preview{border-radius:9px}.file-preview{padding:14px 10px 8px;gap:7px}

.overview-apps-section{min-height:390px}
.overview-app-library{min-height:350px;grid-template-columns:182px minmax(0,1fr);border-radius:13px;background:var(--content-surface)}
.overview-app-library .launcher-categories{padding:9px;gap:3px;background:color-mix(in srgb,var(--content-surface-raised) 88%,transparent)}
.overview-app-library .launcher-category{min-height:38px;padding:6px 9px;border-radius:8px}.overview-app-library .launcher-category span{font-size:14px}
.overview-app-library .launcher-results{padding:10px 12px 14px}
.overview-app-library .all-apps-grid{gap:6px 8px}
.overview-app-library .launcher-app{min-height:56px;padding:6px 8px;border-radius:9px}
.overview-app-library .launcher-app>span:last-child{font-size:14px}.overview-app-library .launcher-icon{width:38px;height:38px}

.overview-widget{
  border-color:color-mix(in srgb,var(--text) 13%,transparent);
  border-radius:13px;
  background:color-mix(in srgb,var(--content-surface-raised) 84%,transparent);
  box-shadow:inset 0 1px rgba(255,255,255,.055);
}
.overview-clock-widget{min-height:82px;padding:13px 15px;gap:15px}.overview-clock-widget>.live-time{font-size:34px}.overview-clock-widget b{font-size:14px}.overview-clock-widget small{margin-top:4px;color:var(--overview-muted);font-size:13px}
.overview-now-playing,.overview-quick-widget,.overview-agenda-widget{padding:12px 13px}
.overview-now-playing header .app-art{width:38px;height:38px}.overview-now-playing header b{font-size:14px}.overview-now-playing header small{color:var(--overview-muted);font-size:12px}.overview-now-playing header>small{font-size:10px}
.overview-track{margin:12px 2px 11px}.overview-media-actions{gap:9px}.overview-media-actions .surface-key{width:38px;height:34px}
.overview-quick-widget h3,.overview-agenda-widget h3{font-size:15px}
.overview-quick-grid{gap:7px;margin-top:10px}.overview-quick-grid .quick-toggle{min-height:44px;padding:7px 9px;font-size:13px}
.overview-agenda-widget>button{min-height:54px;margin-top:8px;padding:8px}.overview-agenda-widget>button b{font-size:14px}.overview-agenda-widget>button small{margin-top:4px;color:var(--overview-muted);font-size:12px}
.overview-connect-widget{min-height:62px;padding:10px 11px;grid-template-columns:40px minmax(0,1fr) auto;gap:10px}.overview-connect-widget b{font-size:14px}.overview-connect-widget small{margin-top:3px;color:var(--overview-muted);font-size:12px}
.overview-areas-widget{padding:11px 12px}.overview-areas-widget>header{margin-bottom:9px}.overview-areas-widget h3{font-size:15px}.overview-areas-widget>header small{margin-top:3px;color:var(--overview-muted);font-size:12px}
.overview-area-list{gap:5px}.overview-area-row{min-height:48px;padding:6px;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;border-radius:9px}.area-list-icon{width:33px;height:33px}.overview-area-row b{font-size:14px}.overview-area-row small{margin-top:3px;color:var(--overview-muted);font-size:12px}.overview-area-row>button{height:32px;padding-inline:10px;font-size:12px}

.universal-results{padding:4px 4px 28px}
.universal-group{margin-bottom:28px}.universal-group h3{margin-bottom:10px;padding-inline:4px;color:var(--overview-muted);font-size:13px;letter-spacing:.09em}
.universal-result-grid{gap:9px}
.universal-result{min-height:76px;padding:10px 13px;border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;background:color-mix(in srgb,var(--content-surface) 84%,transparent)}
.universal-result b{font-size:15px}.universal-result small{margin-top:5px;color:var(--overview-muted);font-size:13px}
.universal-search-footer{min-height:30px;padding-top:9px;gap:20px;color:var(--overview-muted);font-size:13px}

body[data-theme="light"] .universal-search{--overview-muted:color-mix(in srgb,#23313a 67%,transparent)}
body[data-theme="light"] .universal-search-field,
body[data-theme="light"] .workspace-home-card,
body[data-theme="light"] .overview-app-library{background:rgba(239,245,248,.94)}
body[data-theme="light"] .overview-widget{border-color:rgba(45,72,86,.14);background:rgba(242,247,249,.86);box-shadow:inset 0 1px rgba(255,255,255,.78)}

/* v82 — A Project is a small working context: folder, note, resources and a
   restorable window session. Content stays solid; only its enclosing Area is acrylic. */
.project-area{--project-solid:color-mix(in srgb,var(--content-surface) 96%,#081016 4%)}
body[data-theme="light"] .project-area{--project-solid:#edf2f4}
.project-space-content{grid-template-columns:1fr .9fr 1.12fr}
.project-module{
  background:var(--project-solid);
  border-color:color-mix(in srgb,var(--text) 10%,transparent);
}
.project-save-state{color:var(--muted);font-size:11px;white-space:nowrap}
.project-quick-note{
  width:100%;
  height:calc(100% - 32px);
  min-height:78px;
  padding:9px 10px;
  resize:none;
  border:1px solid color-mix(in srgb,var(--text) 12%,transparent);
  border-radius:8px;
  outline:0;
  color:var(--text);
  background:var(--content-surface-raised);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035);
  font:500 13px/1.45 system-ui,sans-serif;
}
.project-quick-note:focus{
  border-color:color-mix(in srgb,var(--project-accent) 55%,transparent);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.18),0 0 0 2px color-mix(in srgb,var(--project-accent) 17%,transparent);
}
.project-resource-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;margin-bottom:4px}
.project-resource-form label{
  min-width:0;
  height:31px;
  padding:0 8px;
  display:flex;
  align-items:center;
  gap:6px;
  border:1px solid color-mix(in srgb,var(--text) 12%,transparent);
  border-radius:7px;
  background:var(--content-surface-raised);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.18);
}
.project-resource-form label:focus-within{border-color:color-mix(in srgb,var(--project-accent) 55%,transparent)}
.project-resource-form label svg{flex:0 0 14px;width:14px;height:14px;color:var(--project-accent)}
.project-resource-form input{min-width:0;width:100%;border:0;outline:0;color:var(--text);background:transparent;font:500 12px/1 system-ui,sans-serif}
.project-resource-form input::placeholder{color:color-mix(in srgb,var(--muted) 80%,transparent)}
.project-resource-items{max-height:92px;overflow:auto;scrollbar-width:thin}
.project-resource-items:empty::after{content:"Add a file, folder or web address";min-height:42px;display:grid;place-items:center;color:var(--muted);font-size:12px}
.project-session-bar{
  flex:0 0 49px;
  min-height:49px;
  margin-top:7px;
  padding-top:6px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px;
  border-top:1px solid color-mix(in srgb,var(--text) 11%,transparent);
}
.project-space-content[hidden],.project-session-bar[hidden]{display:none!important}
.project-session-toggle{
  --state-tone:var(--project-accent);
  min-width:0;
  height:41px;
  padding:4px 12px 6px 7px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:8px;
  text-align:left;
}
.project-session-toggle>span:nth-child(2){min-width:0}
.project-session-toggle b,.project-session-toggle small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-session-toggle b{font-size:12px}.project-session-toggle small{margin-top:2px;color:var(--muted);font-size:10px}
.session-toggle-icon{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;color:var(--project-accent);background:color-mix(in srgb,var(--project-accent) 11%,transparent)}
.session-toggle-icon svg{width:16px;height:16px}.session-toggle-light{display:none}
.project-close-key{height:41px;padding:0 11px;display:flex;align-items:center;gap:6px;font-size:12px}.project-close-key svg{width:14px;height:14px;color:var(--project-accent)}
.project-closed-state{
  min-height:0;
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  padding:18px;
  border:1px solid color-mix(in srgb,var(--text) 9%,transparent);
  border-radius:9px;
  color:var(--muted);
  background:var(--project-solid);
}
.project-closed-state[hidden]{display:none!important}
.project-closed-state>span{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--project-accent);background:color-mix(in srgb,var(--project-accent) 12%,transparent)}
.project-closed-state svg{width:21px;height:21px}.project-closed-state b,.project-closed-state small{display:block}.project-closed-state b{color:var(--text);font-size:14px}.project-closed-state small{margin-top:4px;font-size:12px;line-height:1.35}
.project-choice[data-saved-windows]:not([data-saved-windows="0"])::before{
  content:attr(data-saved-windows);
  flex:0 0 18px;
  width:18px;
  height:18px;
  order:4;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#061018;
  background:var(--project-accent);
  font:800 10px/1 system-ui,sans-serif;
}
.project-area[data-dock-edge="left"] .project-space-content,
.project-area[data-dock-edge="right"] .project-space-content{padding-right:3px}
.project-area[data-dock-edge="left"] .project-note-module,
.project-area[data-dock-edge="right"] .project-note-module{min-height:142px}
.project-area[data-dock-edge="left"] .project-resources-module,
.project-area[data-dock-edge="right"] .project-resources-module{min-height:156px}
.project-area[data-dock-edge="left"] .project-resource-items,
.project-area[data-dock-edge="right"] .project-resource-items{max-height:none}
.project-area[data-area-state="compact"] .project-space-content{display:flex;flex-direction:column;overflow:auto}
.project-area[data-area-state="compact"] .project-root-module .project-items,
.project-area[data-area-state="compact"] .project-resources-module .project-items{max-height:45px;overflow:hidden}
.project-area[data-area-state="compact"] .project-note-module{min-height:118px}
.project-area[data-area-state="compact"] .project-session-bar{grid-template-columns:1fr}.project-area[data-area-state="compact"] .project-close-key{display:none}
.project-area[data-area-state="rail"] .project-session-bar,
.project-area[data-area-state="rail"] .project-closed-state{display:none!important}
body[data-theme="light"] .project-quick-note,body[data-theme="light"] .project-resource-form label{box-shadow:inset 0 2px 5px rgba(40,62,73,.13),inset 0 1px rgba(255,255,255,.75)}

@media(min-width:1450px){
  .universal-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1180px){
  .universal-search{padding:20px 22px}
  .universal-search-header{grid-template-columns:minmax(180px,.24fr) minmax(360px,1fr);gap:18px}
  .workspace-switcher{grid-template-columns:minmax(0,1fr) auto}.workspace-switcher-label{display:none}
  .overview-home{grid-template-columns:minmax(0,1fr) 286px;gap:14px}
  .workspace-home-body{grid-template-columns:minmax(250px,1.2fr) minmax(200px,.8fr)}
  .other-workspaces{grid-column:1/-1;min-height:50px}
  .overview-app-library{grid-template-columns:58px minmax(0,1fr)}
  .overview-app-library .launcher-category{justify-content:center;padding:6px}.overview-app-library .launcher-category span{display:none}
}
@media(max-width:850px){
  .universal-search{padding:16px}
  .universal-search-header{grid-template-columns:1fr;padding-bottom:12px}.universal-search-title{display:none}
  .workspace-switcher{grid-template-columns:minmax(0,1fr) auto;padding:7px}.workspace-tab small{display:none}.workspace-switcher-actions .workspace-action:first-child{display:none}
  .overview-home{grid-template-columns:1fr;gap:18px;overflow-y:auto}.overview-main,.overview-widgets{overflow:visible;padding-right:0}
  .overview-widgets{display:grid;grid-template-columns:1fr 1fr}
  .overview-window-grid{grid-template-columns:1fr}
  .overview-app-library .all-apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .workspace-tabs{overflow-x:auto}.workspace-tab{min-width:54px;grid-template-columns:1fr}.workspace-tab>span:last-child{display:none}
  .workspace-action span{display:none}.workspace-action{width:42px;padding:0;justify-content:center}
  .workspace-home-body{grid-template-columns:1fr}.other-workspaces{grid-column:auto}
  .overview-project-grid,.overview-widgets{grid-template-columns:1fr}
  .universal-result-grid{grid-template-columns:1fr}
  .universal-search-footer span:nth-child(n+2){display:none}
}

/* v83 — Controls inherit the material directly below them.
   Acrylic surfaces use edge-lit glass keys; solid islands and app casings use ABS. */
:root{
  --glass-key-edge:rgba(206,239,255,.24);
  --glass-key-top:rgba(244,252,255,.135);
  --glass-key-mid:rgba(170,211,231,.045);
  --glass-key-bottom:rgba(2,10,15,.13);
  --glass-key-contact:rgba(0,0,0,.24);
}
body[data-theme="light"]{
  --glass-key-edge:rgba(41,77,96,.27);
  --glass-key-top:rgba(255,255,255,.48);
  --glass-key-mid:rgba(238,250,255,.19);
  --glass-key-bottom:rgba(70,102,119,.10);
  --glass-key-contact:rgba(29,54,68,.20);
}

:is(.area-window,.universal-search,.package-window) .material-glass-button:is(.control-push,.control-toggle){
  --glass-key-tone:var(--state-tone,var(--area-header-accent,var(--workspace-accent,var(--blue))));
  border:1px solid color-mix(in srgb,var(--glass-key-tone) 14%,var(--glass-key-edge));
  color:var(--text);
  background:
    linear-gradient(180deg,var(--glass-key-top),var(--glass-key-mid) 46%,rgba(255,255,255,.018) 47%,var(--glass-key-bottom)),
    color-mix(in srgb,var(--glass-field) 37%,transparent);
  box-shadow:
    0 2px 3px var(--glass-key-contact),
    inset 0 1px rgba(239,251,255,.22),
    inset 1px 0 rgba(230,248,255,.065),
    inset 0 -1px rgba(0,0,0,.30);
  filter:none;
}
:is(.area-window,.universal-search,.package-window) .material-glass-button:is(.control-push,.control-toggle):hover{
  border-color:color-mix(in srgb,var(--glass-key-tone) 31%,var(--glass-key-edge));
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--glass-key-top) 82%,white 18%),var(--glass-key-mid) 46%,rgba(255,255,255,.025) 47%,var(--glass-key-bottom)),
    color-mix(in srgb,var(--glass-field) 43%,transparent);
  box-shadow:
    0 2px 3px var(--glass-key-contact),
    inset 0 1px rgba(244,253,255,.29),
    inset 1px 0 rgba(230,248,255,.08),
    inset 0 -1px rgba(0,0,0,.28),
    0 0 7px color-mix(in srgb,var(--glass-key-tone) 9%,transparent);
  filter:none;
}
:is(.area-window,.universal-search,.package-window) .material-glass-button:is(.control-push,.control-toggle):active{
  transform:translateY(var(--control-press)) scaleY(.985);
  border-color:color-mix(in srgb,var(--glass-key-tone) 34%,var(--glass-key-edge));
  background:
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(255,255,255,.025)),
    color-mix(in srgb,var(--glass-field-deep) 62%,transparent);
  box-shadow:
    inset 0 3px 6px rgba(0,0,0,.36),
    inset 0 1px rgba(255,255,255,.045),
    0 0 5px color-mix(in srgb,var(--glass-key-tone) 8%,transparent);
  filter:none;
  transition-duration:var(--button-press-time);
}
:is(.area-window,.universal-search,.package-window) .material-glass-button.control-toggle:is(.is-active,[aria-pressed="true"],[aria-selected="true"]){
  transform:translateY(var(--control-held));
  border-color:color-mix(in srgb,var(--state-tone,var(--glass-key-tone)) 32%,var(--glass-key-edge));
  background:
    linear-gradient(180deg,rgba(0,0,0,.075),rgba(255,255,255,.028)),
    color-mix(in srgb,var(--glass-field-deep) 76%,var(--state-tone,var(--glass-key-tone)) 7%);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.055);
}
:is(.area-window,.universal-search,.package-window) .material-glass-button.control-toggle:is(.is-active,[aria-pressed="true"],[aria-selected="true"]):active{
  transform:translateY(var(--control-press)) scaleY(.985);
}

/* Normal app artwork remains unframed. Its large hit target is a very quiet
   glass key whose edge only becomes obvious on hover or press. */
.apps-zone .app-key.material-glass-button{
  border-color:rgba(216,242,255,.07);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.045));
  box-shadow:inset 0 1px rgba(255,255,255,.045);
}
.apps-zone .app-key.material-glass-button:hover{
  border-color:color-mix(in srgb,var(--app-primary,var(--blue)) 25%,var(--glass-key-edge));
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(16,32,41,.10));
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 6px color-mix(in srgb,var(--app-primary,var(--blue)) 7%,transparent);
}
.apps-zone .app-key.material-glass-button:active,
.apps-zone .app-key.material-glass-button.is-active{
  background:color-mix(in srgb,var(--glass-field-deep) 82%,var(--app-primary,var(--blue)) 7%);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.32);
}
body[data-theme="light"] .apps-zone .app-key.material-glass-button{border-color:rgba(41,74,91,.10);background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(74,103,119,.045))}

/* Rail controls are still glass, but read as engraved panel keys rather than
   a stack of thick floating tiles. */
.area-window[data-area-state="rail"] .material-glass-button:is(.control-push,.control-toggle){
  border-color:color-mix(in srgb,var(--area-header-accent) 15%,rgba(220,245,255,.09));
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.055));
  box-shadow:inset 0 1px rgba(255,255,255,.055),inset 0 -1px rgba(0,0,0,.16);
}
.area-window[data-area-state="rail"] .material-glass-button:is(.control-push,.control-toggle):hover{border-color:color-mix(in srgb,var(--area-header-accent) 34%,var(--glass-key-edge));background:color-mix(in srgb,var(--area-header-accent) 7%,transparent)}

/* ABS is deliberately opaque. This keeps controls physically connected to
   application casings and the solid content islands inside glass Areas. */
.material-abs-button:is(.control-push,.control-toggle){
  border:1px solid var(--control-edge);
  color:var(--text);
  background:
    linear-gradient(180deg,var(--control-highlight),transparent 42%),
    linear-gradient(180deg,var(--control-top),var(--control-bottom));
  box-shadow:0 2px 3px var(--control-contact),inset 0 1px var(--control-highlight);
  filter:none;
}
.material-abs-button:is(.control-push,.control-toggle):hover{filter:brightness(1.055)}
.material-abs-button:is(.control-push,.control-toggle):active{
  transform:translateY(var(--control-press)) scaleY(.985);
  background:linear-gradient(180deg,var(--control-bottom),var(--control-top));
  box-shadow:inset 0 2px 4px var(--control-contact),inset 0 1px rgba(255,255,255,.04);
  filter:brightness(.94);
  transition-duration:var(--button-press-time);
}
.material-abs-button.control-toggle:is(.is-active,[aria-pressed="true"],[aria-selected="true"]){
  transform:translateY(var(--control-held));
  background:linear-gradient(180deg,color-mix(in srgb,var(--control-bottom) 84%,var(--state-tone) 16%),var(--control-bottom));
  box-shadow:inset 0 2px 4px var(--control-contact),inset 0 1px rgba(255,255,255,.04);
}
.material-abs-button.control-toggle:is(.is-active,[aria-pressed="true"],[aria-selected="true"]):active{transform:translateY(var(--control-press)) scaleY(.985)}
.app-frame .window-key.danger.material-abs-button{
  border-color:rgba(77,15,10,.72);
  color:#fff;
  background:linear-gradient(180deg,#ff755d,#a6281e);
  box-shadow:0 2px 3px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.28);
}

/* Navigation lists remain flush with their ABS surface until interacted with;
   they are not turned into a wall of raised caps. */
.app-frame .nav-choice.material-abs-button{
  border-color:transparent;
  background:transparent;
  box-shadow:none;
}
.app-frame .nav-choice.material-abs-button:hover{background:color-mix(in srgb,var(--app-primary) 8%,var(--app-content-raised));filter:none}
.app-frame .nav-choice.material-abs-button:is(.is-active,[aria-pressed="true"]){background:color-mix(in srgb,var(--app-primary) 14%,var(--app-content-raised));box-shadow:inset 0 2px 4px rgba(0,0,0,.24)}

@media(prefers-reduced-transparency:reduce){
  :is(.area-window,.universal-search,.package-window) .material-glass-button:is(.control-push,.control-toggle){background:color-mix(in srgb,var(--glass-field) 94%,var(--glass-key-tone) 3%)}
}

/* v84 — material is inherited from the nearest physical substrate.
   A glass Area is glass all the way through; an ABS app stays ABS unless it
   deliberately contains a glass strip, whose descendants then become glass. */
:root{
  --material-glass-fill:rgba(104,148,171,.105);
  --material-glass-fill-hover:rgba(134,181,205,.16);
  --material-glass-fill-down:rgba(29,54,68,.22);
  --material-glass-edge:rgba(214,242,255,.20);
  --material-glass-edge-low:rgba(4,12,18,.38);
  --material-glass-shine:rgba(245,253,255,.20);
}
body[data-theme="light"]{
  --material-glass-fill:rgba(230,245,252,.28);
  --material-glass-fill-hover:rgba(247,253,255,.40);
  --material-glass-fill-down:rgba(116,153,172,.16);
  --material-glass-edge:rgba(255,255,255,.62);
  --material-glass-edge-low:rgba(42,75,92,.25);
  --material-glass-shine:rgba(255,255,255,.72);
}

/* Glass components remain optically connected to their parent glass instead
   of becoming opaque plastic islands. Colour is a sparse orientation cue. */
.material-surface-glass:is(.mini-card,.system-widget,.overview-widget,.workspace-switcher,.workspace-home-card,.overview-app-library,.project-module,.package-panel,.import-map){
  border-color:color-mix(in srgb,var(--area-header-accent,var(--workspace-accent,var(--blue))) 13%,var(--material-glass-edge));
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),transparent 34%,rgba(0,0,0,.055)),
    color-mix(in srgb,var(--glass-panel,var(--glass-field)) 43%,transparent);
  box-shadow:
    inset 0 1px var(--material-glass-shine),
    inset 1px 0 rgba(225,246,255,.055),
    inset 0 -1px var(--material-glass-edge-low),
    0 3px 10px rgba(0,0,0,.08);
  backdrop-filter:blur(13px) saturate(1.10);
  -webkit-backdrop-filter:blur(13px) saturate(1.10);
}
body[data-theme="light"] .material-surface-glass:is(.mini-card,.system-widget,.overview-widget,.workspace-switcher,.workspace-home-card,.overview-app-library,.project-module,.package-panel,.import-map){
  background:
    linear-gradient(145deg,rgba(255,255,255,.30),transparent 38%,rgba(72,105,122,.035)),
    color-mix(in srgb,var(--glass-panel,var(--glass-field)) 49%,transparent);
}

/* These are the deliberate glass insertions inside opaque ABS windows. */
.app-frame.material-surface-abs .material-surface-glass:is(.app-toolbar,.browser-toolbar,.music-controls,.folder-tabs,.notes-layout nav){
  border-color:color-mix(in srgb,var(--app-primary,var(--blue)) 16%,var(--material-glass-edge));
  background:
    linear-gradient(180deg,rgba(238,251,255,.105),rgba(113,163,186,.035) 48%,rgba(0,0,0,.13)),
    color-mix(in srgb,var(--glass-field-deep,#10212b) 66%,transparent);
  box-shadow:
    inset 0 1px rgba(244,253,255,.19),
    inset 0 -1px rgba(0,0,0,.38),
    0 1px 0 rgba(0,0,0,.18);
  backdrop-filter:blur(12px) saturate(1.08);
  -webkit-backdrop-filter:blur(12px) saturate(1.08);
}
body[data-theme="light"] .app-frame.material-surface-abs .material-surface-glass:is(.app-toolbar,.browser-toolbar,.music-controls,.folder-tabs,.notes-layout nav){
  background:
    linear-gradient(180deg,rgba(255,255,255,.50),rgba(222,241,249,.20) 48%,rgba(86,119,136,.08)),
    rgba(223,240,248,.54);
}

/* Every button on glass uses the same shallow engraved-glass construction.
   Unmanaged content buttons stay quieter; intentional push/toggle controls
   receive the more tactile cap treatment below. */
.material-surface-glass button.material-glass-button{
  --glass-key-tone:var(--state-tone,var(--app-primary,var(--area-header-accent,var(--workspace-accent,var(--blue)))));
  border-color:color-mix(in srgb,var(--glass-key-tone) 10%,var(--material-glass-edge));
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),transparent 48%,rgba(0,0,0,.065)),
    var(--material-glass-fill);
  box-shadow:inset 0 1px rgba(245,253,255,.105),inset 0 -1px rgba(0,0,0,.20);
  filter:none;
}
.material-surface-glass button.material-glass-button:hover{
  border-color:color-mix(in srgb,var(--glass-key-tone) 27%,var(--material-glass-edge));
  background:
    linear-gradient(180deg,rgba(255,255,255,.105),transparent 49%,rgba(0,0,0,.055)),
    var(--material-glass-fill-hover);
  box-shadow:inset 0 1px rgba(248,254,255,.17),inset 0 -1px rgba(0,0,0,.22),0 0 6px color-mix(in srgb,var(--glass-key-tone) 7%,transparent);
  filter:none;
}
.material-surface-glass button.material-glass-button:active{
  transform:translateY(var(--control-press)) scaleY(.985);
  background:var(--material-glass-fill-down);
  box-shadow:inset 0 3px 6px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04);
  transition-duration:var(--button-press-time);
}
.material-surface-glass button.material-glass-button:is(.control-push,.control-toggle){
  border:1px solid color-mix(in srgb,var(--glass-key-tone) 14%,var(--material-glass-edge));
  background:
    linear-gradient(180deg,var(--glass-key-top),var(--glass-key-mid) 46%,rgba(255,255,255,.018) 47%,var(--glass-key-bottom)),
    color-mix(in srgb,var(--glass-field) 37%,transparent);
  box-shadow:0 2px 3px var(--glass-key-contact),inset 0 1px rgba(239,251,255,.22),inset 1px 0 rgba(230,248,255,.065),inset 0 -1px rgba(0,0,0,.30);
}
.material-surface-glass button.material-glass-button:is(.control-push,.control-toggle):active{
  background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(255,255,255,.025)),color-mix(in srgb,var(--glass-field-deep) 62%,transparent);
  box-shadow:inset 0 3px 6px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.045);
}
.material-surface-glass button.material-glass-button.control-toggle:is(.is-active,[aria-pressed="true"],[aria-selected="true"]){
  transform:translateY(var(--control-held));
  border-color:color-mix(in srgb,var(--state-tone,var(--glass-key-tone)) 32%,var(--material-glass-edge));
  background:linear-gradient(180deg,rgba(0,0,0,.075),rgba(255,255,255,.028)),color-mix(in srgb,var(--glass-field-deep) 76%,var(--state-tone,var(--glass-key-tone)) 7%);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.055);
}

/* Every button on ABS is cut from the same opaque plastic. Content/list
   buttons are flush at rest, while declared controls rise like mouse keys. */
.material-surface-abs button.material-abs-button{
  border-color:transparent;
  background:transparent;
  box-shadow:none;
  filter:none;
}
.material-surface-abs button.material-abs-button:hover{
  border-color:color-mix(in srgb,var(--app-primary,var(--blue)) 13%,var(--control-edge));
  background:color-mix(in srgb,var(--app-primary,var(--blue)) 7%,var(--app-content-raised,var(--control-top)));
  box-shadow:inset 0 1px rgba(255,255,255,.045);
  filter:none;
}
.material-surface-abs button.material-abs-button:active{
  transform:translateY(var(--control-press)) scaleY(.985);
  background:color-mix(in srgb,var(--control-bottom) 91%,var(--app-primary,var(--blue)) 9%);
  box-shadow:inset 0 2px 4px var(--control-contact);
  transition-duration:var(--button-press-time);
}
.material-surface-abs button.material-abs-button:is(.control-push,.control-toggle){
  border:1px solid var(--control-edge);
  background:linear-gradient(180deg,var(--control-highlight),transparent 42%),linear-gradient(180deg,var(--control-top),var(--control-bottom));
  box-shadow:0 2px 3px var(--control-contact),inset 0 1px var(--control-highlight);
}
.material-surface-abs button.material-abs-button:is(.control-push,.control-toggle):active{
  background:linear-gradient(180deg,var(--control-bottom),var(--control-top));
  box-shadow:inset 0 2px 4px var(--control-contact),inset 0 1px rgba(255,255,255,.04);
}
.material-surface-abs button.material-abs-button.control-toggle:is(.is-active,[aria-pressed="true"],[aria-selected="true"]){
  transform:translateY(var(--control-held));
  background:linear-gradient(180deg,color-mix(in srgb,var(--control-bottom) 84%,var(--state-tone,var(--app-primary,var(--blue))) 16%),var(--control-bottom));
  box-shadow:inset 0 2px 4px var(--control-contact),inset 0 1px rgba(255,255,255,.04);
}
.app-frame.material-surface-abs .window-key.danger.material-abs-button{
  border-color:rgba(77,15,10,.72);
  color:#fff;
  background:linear-gradient(180deg,#ff755d,#a6281e);
  box-shadow:0 2px 3px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.28);
}

/* Icon wells, badges and other tactile pieces obey the same inheritance too. */
.material-glass-element{
  border:1px solid color-mix(in srgb,currentColor 12%,var(--material-glass-edge));
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.075)),color-mix(in srgb,currentColor 9%,var(--material-glass-fill));
  box-shadow:inset 0 1px rgba(247,254,255,.17),inset 0 -1px rgba(0,0,0,.22);
}
.material-abs-element{
  border:1px solid var(--control-edge);
  background:linear-gradient(180deg,color-mix(in srgb,currentColor 7%,var(--control-top)),color-mix(in srgb,currentColor 5%,var(--control-bottom)));
  box-shadow:0 1px 2px var(--control-contact),inset 0 1px var(--control-highlight);
}

/* Fields follow the same substrate rule as buttons. Wrapper fields keep their
   child input optically seamless, avoiding a second border inside a border. */
.material-glass-field:is(.recessed-field,.universal-search-field,.project-resource-form label,.all-apps-search,.mini-command,.mini-browser-search),
input.material-glass-field,textarea.material-glass-field,select.material-glass-field{
  border-color:color-mix(in srgb,var(--state-tone,var(--area-header-accent,var(--app-primary,var(--blue)))) 14%,var(--material-glass-edge));
  background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(255,255,255,.025)),color-mix(in srgb,var(--glass-field-deep) 58%,transparent);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.05);
}
.material-glass-field:focus-within,
input.material-glass-field:focus,textarea.material-glass-field:focus,select.material-glass-field:focus{
  border-color:color-mix(in srgb,var(--state-tone,var(--area-header-accent,var(--app-primary,var(--blue)))) 45%,var(--material-glass-edge));
  box-shadow:inset 0 2px 5px rgba(0,0,0,.27),0 0 0 1px color-mix(in srgb,var(--state-tone,var(--area-header-accent,var(--app-primary,var(--blue)))) 14%,transparent);
}
.material-abs-field:is(.recessed-field,.universal-search-field,.project-resource-form label,.all-apps-search,.mini-command,.mini-browser-search),
input.material-abs-field,textarea.material-abs-field,select.material-abs-field{
  border-color:var(--control-edge);
  background:var(--app-content,var(--content-surface));
  box-shadow:inset 0 2px 5px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035);
}
.material-glass-field > :is(input,textarea,select).material-glass-field,
.material-abs-field > :is(input,textarea,select).material-abs-field{
  border:0;
  background:transparent;
  box-shadow:none;
}
.material-surface-glass input[type="range"].material-glass-field{
  border:0;
  background:transparent;
  box-shadow:none;
}
.material-surface-glass input[type="range"].material-glass-field::-webkit-slider-runnable-track{
  border:1px solid color-mix(in srgb,var(--app-primary,var(--area-header-accent,var(--blue))) 13%,var(--material-glass-edge));
  border-radius:999px;
  background:color-mix(in srgb,var(--glass-field-deep) 64%,transparent);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.035);
}
.material-surface-glass input[type="range"].material-glass-field::-webkit-slider-thumb{
  border:1px solid color-mix(in srgb,var(--app-primary,var(--area-header-accent,var(--blue))) 18%,var(--material-glass-edge));
  background:linear-gradient(180deg,rgba(245,253,255,.32),rgba(104,153,177,.15)),color-mix(in srgb,var(--glass-field) 68%,transparent);
  box-shadow:0 1px 3px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.30);
}
.material-surface-glass input[type="range"].material-glass-field::-moz-range-track{
  border:1px solid color-mix(in srgb,var(--app-primary,var(--area-header-accent,var(--blue))) 13%,var(--material-glass-edge));
  border-radius:999px;
  background:color-mix(in srgb,var(--glass-field-deep) 64%,transparent);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.30);
}
.material-surface-glass input[type="range"].material-glass-field::-moz-range-thumb{
  border:1px solid color-mix(in srgb,var(--app-primary,var(--area-header-accent,var(--blue))) 18%,var(--material-glass-edge));
  background:color-mix(in srgb,var(--glass-field) 68%,transparent);
  box-shadow:0 1px 3px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.30);
}

@media(prefers-reduced-transparency:reduce){
  .material-surface-glass:is(.mini-card,.system-widget,.overview-widget,.workspace-switcher,.workspace-home-card,.overview-app-library,.project-module,.package-panel,.import-map),
  .app-frame.material-surface-abs .material-surface-glass:is(.app-toolbar,.browser-toolbar,.music-controls,.folder-tabs,.notes-layout nav){
    background:color-mix(in srgb,var(--glass-field) 94%,var(--area-header-accent,var(--app-primary,var(--blue))) 3%);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}

/* v133 — Overview behaves like an overview of a real desktop instead of a
   scrolling settings page. The default view is a spatial miniature of the
   current workspace; applications and widgets are separate, instant views. */
.universal-search-shell{
  grid-template-rows:auto auto auto minmax(0,1fr) auto;
  gap:9px;
}
.overview-view-tabs{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:3px;
  border-block:1px solid var(--sd-glass-groove);
  background:color-mix(in srgb,var(--sd-glass-face-deep) 72%,transparent);
}
.overview-view-tab{
  --state-tone:var(--workspace-accent);
  position:relative;
  min-width:124px;
  height:31px;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:var(--overview-muted,var(--muted));
  font-size:13px;
  font-weight:720;
}
.overview-view-tab svg{width:16px;height:16px}
.overview-view-tab.is-active{color:var(--text)}
.overview-view-tab.is-active::after{
  content:"";
  position:absolute;
  left:11px;
  right:11px;
  bottom:1px;
  height:1px;
  background:color-mix(in srgb,var(--workspace-accent) 88%,white 12%);
  box-shadow:0 0 5px color-mix(in srgb,var(--workspace-accent) 42%,transparent);
}

.overview-home[data-overview-state="desktop"]{
  grid-template-columns:minmax(0,1fr) minmax(268px,310px);
  gap:12px;
}
.overview-home[data-overview-state="apps"],
.overview-home[data-overview-state="system"]{grid-template-columns:minmax(0,1fr)}
.overview-home :is(.overview-main,.overview-widgets)[hidden],
.overview-home .overview-section[hidden],
.overview-home .workspace-home-card[hidden]{display:none!important}
.overview-home[data-overview-state="desktop"] .overview-main{
  display:grid;
  grid-template-rows:minmax(330px,1fr) auto;
  gap:10px;
  overflow:hidden;
  padding:0 3px 6px 0;
}
.overview-home[data-overview-state="desktop"] .open-windows-section{order:0;min-height:0;margin:0;display:grid;grid-template-rows:auto minmax(0,1fr)}
.overview-home[data-overview-state="desktop"] .overview-projects-section{order:1;margin:0}
.overview-home[data-overview-state="desktop"] .overview-widgets{gap:7px;padding-bottom:6px}
.desktop-stage-heading{margin:0;padding:0 3px 7px}

.overview-desktop-stage{
  position:relative;
  min-height:330px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--workspace-accent) 18%,var(--sd-glass-groove));
  border-radius:2px!important;
  background:#06111c;
  box-shadow:inset 0 1px rgba(214,243,255,.14),inset 0 -1px rgba(0,0,0,.7),0 12px 34px rgba(0,0,0,.18);
  isolation:isolate;
}
.overview-desktop-wallpaper{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 62% 26%,rgba(52,156,234,.30),transparent 36%),
    radial-gradient(ellipse at 25% 76%,rgba(32,97,190,.25),transparent 43%),
    linear-gradient(145deg,#07101c 0%,#0a2039 46%,#07111f 100%);
}
.overview-desktop-wallpaper::after{
  content:"";
  position:absolute;
  inset:-35%;
  background:radial-gradient(ellipse,rgba(89,190,255,.14),transparent 57%);
  animation:overview-breathe 7s ease-in-out infinite alternate;
}
.overview-desktop-wallpaper i{
  position:absolute;
  width:2px;
  height:2px;
  border-radius:50%!important;
  background:rgba(191,231,255,.72);
  box-shadow:0 0 8px rgba(85,179,255,.55);
}
.overview-desktop-wallpaper i:nth-child(1){left:71%;top:18%}.overview-desktop-wallpaper i:nth-child(2){left:37%;top:67%;opacity:.6}.overview-desktop-wallpaper i:nth-child(3){left:84%;top:73%;opacity:.45}
@keyframes overview-breathe{from{transform:translate3d(-3%,2%,0) scale(.92);opacity:.58}to{transform:translate3d(4%,-2%,0) scale(1.08);opacity:1}}

.overview-area-mini{
  position:absolute;
  z-index:22;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  padding:8px 5px;
  border:1px solid color-mix(in srgb,var(--stage-accent) 27%,rgba(204,239,255,.18));
  border-radius:2px!important;
  color:color-mix(in srgb,var(--stage-accent) 72%,white 28%);
  background:color-mix(in srgb,rgba(11,25,35,.78) 93%,var(--stage-accent) 7%);
  box-shadow:inset 0 1px rgba(238,251,255,.13),0 4px 14px rgba(0,0,0,.20);
  backdrop-filter:blur(14px) saturate(1.15);
  -webkit-backdrop-filter:blur(14px) saturate(1.15);
  transition:opacity 60ms linear,transform 70ms ease;
}
.overview-area-mini span{width:29px;height:29px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--stage-accent) 30%,transparent);background:color-mix(in srgb,var(--stage-accent) 10%,transparent)}
.overview-area-mini svg{width:16px;height:16px}.overview-area-mini b{font-size:10px;line-height:1;writing-mode:vertical-rl;text-orientation:mixed}
.overview-area-mini-apps{--stage-accent:#3aa7ff;left:10px;top:10px;bottom:48px;width:40px}
.overview-area-mini-project{--stage-accent:#a88aff;left:56px;top:10px;bottom:48px;width:56px}
.overview-area-mini-system{--stage-accent:#36ccd7;right:10px;top:10px;bottom:48px;width:60px}
.overview-area-mini.is-rail{width:31px;padding-inline:3px}.overview-area-mini.is-rail b{display:none}.overview-area-mini.is-hidden{opacity:.20;transform:scaleX(.6)}

.overview-desktop-stage .overview-window-grid{
  position:absolute;
  z-index:10;
  inset:10px 77px 48px 119px;
  display:block;
  pointer-events:none;
}
.overview-desktop-stage .overview-window{
  position:absolute;
  z-index:var(--ow-z,1);
  left:var(--ow-left);
  top:var(--ow-top);
  width:var(--ow-width);
  height:var(--ow-height);
  min-width:130px;
  min-height:98px;
  max-width:82%;
  max-height:86%;
  padding:0;
  display:grid;
  grid-template-rows:30px minmax(0,1fr);
  overflow:hidden;
  pointer-events:auto;
  text-align:left;
  border:1px solid color-mix(in srgb,var(--overview-app) 18%,rgba(210,235,246,.34))!important;
  border-radius:13px!important;
  color:var(--text);
  background:#151b1f!important;
  box-shadow:0 10px 24px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.10)!important;
  transform:none;
  transition:transform 55ms linear,border-color 55ms linear,filter 55ms linear;
}
.overview-desktop-stage .overview-window:hover{z-index:100!important;transform:translateY(-2px) scale(1.015);border-color:color-mix(in srgb,var(--overview-app) 58%,white 8%)!important;filter:brightness(1.06)}
.overview-desktop-stage .overview-window:active{transform:translateY(1px) scale(.995)}
.overview-desktop-stage .overview-window.is-front{border-color:color-mix(in srgb,var(--overview-app) 48%,rgba(226,244,251,.34))!important;box-shadow:0 12px 30px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.12),0 0 0 1px color-mix(in srgb,var(--overview-app) 12%,transparent)!important}
.overview-window-titlebar{min-width:0;padding:4px 7px;display:grid;grid-template-columns:21px minmax(0,1fr) 16px;align-items:center;gap:6px;background:color-mix(in srgb,#222b31 94%,var(--overview-app) 6%);border-bottom:1px solid rgba(255,255,255,.06)}
.overview-window-titlebar>.app-art{width:21px;height:21px}.overview-window-titlebar>span{min-width:0}.overview-window-titlebar b,.overview-window-titlebar small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-window-titlebar b{font-size:10px}.overview-window-titlebar small{font-size:8px;color:#9eabb2}.overview-window-titlebar>i{width:8px;height:8px;justify-self:end;border-radius:50%!important;background:color-mix(in srgb,var(--overview-app) 75%,white 25%);box-shadow:0 0 5px color-mix(in srgb,var(--overview-app) 45%,transparent)}
.overview-mini-content{position:relative;min-width:0;min-height:0;overflow:hidden;display:block;background:#101417}
.overview-mini-files{padding:11px 8px 6px 31%;background:linear-gradient(90deg,#20272b 0 28%,#101417 28%)}.overview-mini-files>i{position:absolute;left:9px;top:10px;width:15%;height:6px;background:#75838a}.overview-mini-files>span{display:block;height:10px;margin-bottom:4px;background:#252d31}.overview-mini-files>span:nth-of-type(even){background:#1d2428}
.overview-mini-music{display:grid;grid-template-columns:minmax(48px,32%) 1fr;gap:9px;padding:10px;background:#111318}.overview-mini-music>i{aspect-ratio:1;background:radial-gradient(circle at 50% 45%,#92a6c2 0 6%,#17202a 7% 34%,#7890ad 35% 38%,#0b1118 39% 100%);box-shadow:inset 0 0 20px #050608}.overview-mini-music>span{align-self:center;min-width:0}.overview-mini-music b,.overview-mini-music small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-mini-music b{font-size:9px}.overview-mini-music small{margin-top:4px;font-size:8px;color:#9ca8b3}.overview-mini-music em{display:block;width:78%;height:2px;margin-top:10px;background:linear-gradient(90deg,var(--overview-app) 54%,#394047 54%)}
.overview-mini-browser{padding:18px 10px 10px;background:#f1f3f5}.overview-mini-browser>i{position:absolute;top:7px;width:5px;height:5px;border-radius:50%!important;background:#78909c}.overview-mini-browser>i:first-child{left:9px}.overview-mini-browser>i:nth-child(2){left:18px}.overview-mini-browser>strong{display:block;width:64%;height:8px;margin:13px auto 8px;background:#cfd9de}.overview-mini-browser>span{display:block;height:34%;background:linear-gradient(90deg,#dce4e8 48%,transparent 48% 52%,#dce4e8 52%)}
.overview-mini-terminal{padding:10px;background:#080b0d}.overview-mini-terminal i{display:block;width:75%;height:3px;margin-bottom:6px;background:#5e9a72}.overview-mini-terminal i:nth-child(2){width:54%;background:#76b7cf}.overview-mini-terminal i:nth-child(3){width:68%;background:#77838b}.overview-mini-terminal i:nth-child(4){width:42%;background:#5e9a72}
.overview-mini-notes{padding:11px;background:#f5edcf;color:#392f20}.overview-mini-notes b{display:block;margin-bottom:8px;font-size:9px}.overview-mini-notes i{display:block;height:3px;margin-bottom:5px;background:#b7aa82}.overview-mini-notes i:nth-of-type(2){width:83%}.overview-mini-notes i:nth-of-type(3){width:91%}.overview-mini-notes i:nth-of-type(4){width:62%}
.overview-desktop-stage .workspace-no-windows{position:absolute;inset:23% 18%;display:grid;place-items:center;align-content:center;gap:6px;color:rgba(224,241,250,.72);text-align:center}.overview-desktop-stage .workspace-no-windows>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(184,224,244,.18);background:rgba(191,231,249,.06)}.overview-desktop-stage .workspace-no-windows svg{width:20px;height:20px}.overview-desktop-stage .workspace-no-windows b{font-size:13px}.overview-desktop-stage .workspace-no-windows small{max-width:260px;font-size:11px;line-height:1.4}

.overview-task-strip{
  position:absolute;
  z-index:30;
  left:50%;
  bottom:8px;
  min-height:33px;
  padding:3px 5px;
  display:flex;
  align-items:center;
  gap:3px;
  border:1px solid rgba(193,229,245,.17);
  border-radius:2px!important;
  background:rgba(9,20,29,.72);
  box-shadow:inset 0 1px rgba(232,249,255,.11),0 5px 14px rgba(0,0,0,.26);
  backdrop-filter:blur(16px) saturate(1.15);
  -webkit-backdrop-filter:blur(16px) saturate(1.15);
  transform:translateX(-50%);
}
.overview-task{position:relative;width:31px;height:27px;padding:2px;display:grid;place-items:center;border:0!important;background:transparent!important;box-shadow:none!important}.overview-task .app-art{width:22px;height:22px}.overview-task>i{position:absolute;left:7px;right:7px;bottom:0;height:1px;background:var(--app-primary);box-shadow:0 0 4px color-mix(in srgb,var(--app-primary) 55%,transparent)}.overview-task.is-minimized{opacity:.62}.overview-task.is-minimized>i{left:11px;right:11px}.overview-task.is-active{background:color-mix(in srgb,var(--app-primary) 12%,transparent)!important}
.overview-stage-hint{position:absolute;z-index:24;right:84px;bottom:15px;display:flex;align-items:center;gap:5px;color:rgba(214,233,241,.55);font-size:10px}.overview-stage-hint svg{width:12px;height:12px}

.overview-home[data-overview-state="apps"] .overview-main{overflow:hidden;padding:0}
.overview-home[data-overview-state="apps"] .overview-apps-section{height:100%;min-height:0;margin:0;display:grid;grid-template-rows:auto minmax(0,1fr)}
.overview-home[data-overview-state="apps"] .overview-app-library{min-height:0;height:100%}
.overview-home[data-overview-state="apps"] .launcher-results{overflow:auto}
.overview-home[data-overview-state="system"] .overview-widgets{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));grid-auto-rows:min-content;align-content:start;gap:10px;overflow:auto;padding:2px 3px 12px}
.overview-home[data-overview-state="system"] .overview-clock-widget{grid-column:span 1}.overview-home[data-overview-state="system"] .overview-now-playing{grid-column:span 2}.overview-home[data-overview-state="system"] .overview-areas-widget{grid-column:span 2}

body[data-theme="light"] .overview-desktop-stage{background:#bdd9ea;border-color:rgba(42,84,109,.28);box-shadow:inset 0 1px rgba(255,255,255,.78),0 12px 30px rgba(34,67,86,.14)}
body[data-theme="light"] .overview-desktop-wallpaper{background:radial-gradient(ellipse at 62% 26%,rgba(90,182,235,.45),transparent 36%),radial-gradient(ellipse at 25% 76%,rgba(78,145,211,.24),transparent 43%),linear-gradient(145deg,#d8edf7,#9fc9e2 52%,#c8e0ec)}
body[data-theme="light"] .overview-area-mini{color:color-mix(in srgb,var(--stage-accent) 80%,#15384a 20%);background:color-mix(in srgb,rgba(236,247,251,.82) 92%,var(--stage-accent) 8%);box-shadow:inset 0 1px rgba(255,255,255,.72),0 4px 12px rgba(40,78,98,.15)}
body[data-theme="light"] .overview-stage-hint{color:rgba(25,55,72,.62)}
body[data-theme="light"] .overview-task-strip{background:rgba(233,245,250,.76);border-color:rgba(45,91,115,.22);box-shadow:inset 0 1px white,0 5px 12px rgba(44,78,96,.16)}

@media(max-width:1180px){
  .overview-home[data-overview-state="desktop"]{grid-template-columns:minmax(0,1fr) 250px}
  .overview-desktop-stage .overview-window-grid{left:96px}
  .overview-area-mini-project{width:43px}.overview-area-mini b{font-size:9px}
  .overview-home[data-overview-state="system"] .overview-widgets{grid-template-columns:repeat(2,minmax(220px,1fr))}
}
@media(max-width:850px){
  .overview-view-tabs{justify-content:stretch}.overview-view-tab{min-width:0;flex:1;padding-inline:7px}
  .overview-home[data-overview-state="desktop"]{display:block;overflow:auto}.overview-home[data-overview-state="desktop"] .overview-main{min-height:520px}.overview-home[data-overview-state="desktop"] .overview-widgets{display:none}
  .overview-desktop-stage .overview-window-grid{inset:8px 51px 47px 57px}.overview-area-mini-project{display:none}.overview-area-mini-apps{left:8px;top:8px;bottom:47px;width:42px}.overview-area-mini-system{right:8px;top:8px;bottom:47px;width:38px}.overview-area-mini b{display:none}
  .overview-stage-hint{display:none}.overview-home[data-overview-state="system"] .overview-widgets{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .overview-view-tab span{display:none}.overview-view-tab svg{width:18px;height:18px}
  .overview-home[data-overview-state="system"] .overview-widgets{grid-template-columns:1fr}.overview-home[data-overview-state="system"] .overview-now-playing,.overview-home[data-overview-state="system"] .overview-areas-widget{grid-column:auto}
  .overview-desktop-stage .overview-window{min-width:105px;min-height:80px}.overview-window-titlebar small{display:none}
}
@media(prefers-reduced-motion:reduce){.overview-desktop-wallpaper::after{animation:none}}

/* v132 — Projects and Modes are managed in a compact acrylic utility sheet.
   The Mode strip is structural navigation, so a lone Mode stays implicit. */
.overview-project-heading-actions{display:flex;align-items:center;gap:9px}
.overview-project-heading-actions>span{color:var(--overview-muted,var(--muted));font-size:12px;font-weight:650}
.overview-new-project{min-height:32px;padding:0 10px;display:flex;align-items:center;gap:6px;border-radius:2px!important}
.overview-new-project svg{width:14px;height:14px;color:var(--area-header-accent,var(--blue))}
.overview-project-empty{min-height:72px;padding:12px;border:1px solid var(--sd-glass-groove);display:flex;align-items:center;gap:11px;color:var(--sd-glass-muted)}
.overview-project-empty>svg{width:24px;height:24px;color:var(--violet)}
.overview-project-empty b,.overview-project-empty small{display:block}
.overview-project-empty b{color:var(--sd-glass-text);font-size:14px}
.overview-project-empty small{margin-top:3px;font-size:12px}

.project-editor-overlay{
  position:fixed;
  inset:0;
  z-index:9900;
  padding:20px;
  display:grid;
  place-items:center;
  background:rgba(1,5,9,.46);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
  backdrop-filter:blur(18px) saturate(1.08);
  opacity:0;
  visibility:hidden;
  transition:opacity 90ms linear,visibility 0s linear 90ms;
}
.project-editor-overlay[hidden]{display:none}
.project-editor-overlay.is-open{opacity:1;visibility:visible;transition-delay:0s}
.project-editor-window{
  --area-header-accent:#a88aff;
  width:min(540px,100%);
  max-height:min(700px,calc(100vh - 40px));
  overflow:hidden;
  border:1px solid var(--sd-glass-edge);
  border-radius:0;
  color:var(--sd-glass-text);
  background:color-mix(in srgb,var(--sd-glass-face) 92%,#a88aff 8%);
  box-shadow:0 24px 72px rgba(0,0,0,.42),inset 0 1px var(--sd-glass-highlight),inset 1px 0 var(--sd-glass-edge-soft);
  -webkit-backdrop-filter:blur(25px) saturate(1.1);
  backdrop-filter:blur(25px) saturate(1.1);
}
.project-editor-titlebar{height:58px;padding:8px 9px 8px 12px;border-bottom:1px solid color-mix(in srgb,#a88aff 20%,var(--sd-glass-groove));display:flex;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb,#a88aff 8%,transparent)}
.project-editor-titlebar>div{min-width:0;display:flex;align-items:center;gap:10px}.project-editor-titlebar>div>span:last-child{min-width:0}
.project-editor-titlebar small,.project-editor-titlebar h2{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-editor-titlebar small{color:color-mix(in srgb,#a88aff 72%,var(--sd-glass-muted));font-size:10px;font-weight:800;letter-spacing:.1em}
.project-editor-titlebar h2{margin:2px 0 0;font-size:17px}
.project-editor-mark{width:34px;height:34px;border:1px solid color-mix(in srgb,#a88aff 24%,var(--sd-glass-groove));display:grid;place-items:center;color:#bca8ff;background:color-mix(in srgb,#a88aff 7%,transparent)}
.project-editor-mark svg{width:18px;height:18px}.project-editor-close{width:32px;height:30px;padding:0;display:grid;place-items:center}.project-editor-close svg{width:14px;height:14px}
.project-editor-body{max-height:calc(min(700px,100vh - 40px) - 58px);overflow:auto;padding:12px;scrollbar-width:thin}
.project-editor-form{display:grid;gap:11px}.project-editor-form label{display:grid;gap:5px}.project-editor-form label>span{font-size:12px;font-weight:750}.project-editor-form input{height:41px;padding:0 10px;color:var(--sd-glass-text)}
.project-editor-form>p,.project-editor-confirm p{margin:0;color:var(--sd-glass-muted);font-size:12px;line-height:1.5}
.project-editor-form footer,.project-editor-confirm footer{padding-top:8px;border-top:1px solid var(--sd-glass-groove);display:flex;justify-content:flex-end;gap:7px}
.project-editor-primary,.project-editor-secondary,.project-editor-danger{min-height:36px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:2px!important;font-size:12px;font-weight:750}
.project-editor-primary svg,.project-editor-danger svg{width:15px;height:15px}.project-editor-primary{--state-tone:#a88aff;color:var(--sd-glass-text)}.project-editor-primary.compact{min-height:32px}
.project-editor-danger{--state-tone:#ff6f67;color:#ffaaa4}.project-editor-danger.quiet{min-height:32px}
.project-editor-manage{display:grid;gap:10px}.project-editor-manage>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-editor-manage>header b,.project-editor-manage>header small{display:block}.project-editor-manage>header b{font-size:14px}.project-editor-manage>header small{margin-top:3px;color:var(--sd-glass-muted);font-size:11px}
.project-editor-mode-list{border-top:1px solid var(--sd-glass-groove)}
.project-editor-mode-row{min-height:54px;padding:6px 2px 6px 7px;border-bottom:1px solid var(--sd-glass-groove);display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:8px}
.project-editor-mode-row.is-active{background:color-mix(in srgb,#a88aff 6%,transparent);box-shadow:inset 2px 0 color-mix(in srgb,#a88aff 86%,white 14%)}
.project-editor-mode-icon{width:28px;height:28px;display:grid;place-items:center;color:#bca8ff}.project-editor-mode-icon svg{width:17px;height:17px}
.project-editor-mode-row b,.project-editor-mode-row small{display:block}.project-editor-mode-row b{font-size:13px}.project-editor-mode-row small{margin-top:3px;color:var(--sd-glass-muted);font-size:11px}
.project-editor-delete-mode{width:30px;height:30px;padding:0;display:grid;place-items:center;color:#ff928a}.project-editor-delete-mode svg{width:14px;height:14px}.project-editor-delete-mode:disabled{opacity:.25}
.project-editor-manage>footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-editor-manage>footer>span{color:var(--sd-glass-muted);font-size:11px}
.project-editor-confirm{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px}.project-editor-confirm>div>b{display:block;margin:3px 0 6px;font-size:14px}.project-editor-confirm footer{grid-column:1/-1}
.project-editor-warning{width:40px;height:40px;border:1px solid color-mix(in srgb,#ff6f67 28%,var(--sd-glass-groove));display:grid;place-items:center;color:#ff8178;background:color-mix(in srgb,#ff6f67 8%,transparent)}.project-editor-warning svg{width:19px;height:19px}
body[data-theme="light"] .project-editor-overlay{background:rgba(36,53,64,.30)}
body[data-theme="light"] .project-editor-window{background:color-mix(in srgb,rgba(235,242,245,.92) 93%,#a88aff 7%)}
body.project-editor-open{overflow:hidden}
@media(pointer:fine){.project-editor-overlay,.project-editor-overlay *{cursor:none!important}}
@media(max-width:620px){.project-editor-overlay{padding:8px}.project-editor-manage>header{align-items:flex-start;flex-direction:column}.project-editor-manage>footer{align-items:flex-start;flex-direction:column}.overview-project-heading-actions>span{display:none}}

/* v85 — calm material hierarchy.
   Windows are primarily ABS; glass is reserved for the surrounding Areas and
   a few display-like inserts. Content rows are content, not imitation keys. */
:root{
  --area-soft-edge:rgba(222,244,255,.075);
  --area-soft-shadow:rgba(0,0,0,.20);
  --area-section-wash:rgba(255,255,255,.022);
}
body[data-theme="light"]{
  --area-soft-edge:rgba(42,68,82,.11);
  --area-soft-shadow:rgba(30,54,67,.15);
  --area-section-wash:rgba(255,255,255,.18);
}

/* The acrylic Areas now dissolve into the wallpaper instead of looking like
   thick edge-lit containers. Their outline is only enough to locate them. */
body.areas-docked .area-window,
.area-window,
.desktop-shell>.apps-zone,
.desktop-shell>.systems-zone{
  border:1px solid var(--area-soft-edge);
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 72px),
    color-mix(in srgb,var(--acrylic-field) 88%,transparent);
  box-shadow:0 12px 34px var(--area-soft-shadow),inset 0 1px rgba(255,255,255,.055);
}
body[data-theme="light"] .area-window{
  box-shadow:0 12px 32px var(--area-soft-shadow),inset 0 1px rgba(255,255,255,.38);
}
.area-window::before{display:none!important}
.area-window.is-area-dragging,.area-window.is-area-resizing,
body.areas-docked .area-window.is-area-resizing{
  box-shadow:0 16px 40px rgba(0,0,0,.28),0 0 0 1px color-mix(in srgb,var(--area-header-accent,var(--blue)) 14%,transparent);
}
.area-window-bar{
  border-bottom:1px solid color-mix(in srgb,var(--area-header-accent,var(--blue)) 16%,transparent);
  background:color-mix(in srgb,var(--area-header-accent,var(--blue)) 7%,transparent);
  box-shadow:none;
}

/* Use spacing and a restrained tint for grouping inside glass Areas. This
   removes the nested-card / nested-edge effect and restores breathing room. */
.area-window .material-surface-glass:is(.mini-card,.system-widget,.overview-widget,.project-module),
.universal-search .material-surface-glass:is(.overview-widget,.workspace-home-card,.overview-app-library){
  border:0;
  background:var(--area-section-wash);
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.apps-zone .mini-section{margin-top:14px}
.systems-zone{gap:12px}
.project-space-content{gap:10px}
.static-widget-stack,.dynamic-widget-stack{gap:10px}

/* Ordinary rows, dates, result cards and list entries are not physical keys.
   They keep a quiet hover wash, while only declared controls receive depth. */
.material-surface-glass button.material-glass-button:not(.control-push):not(.control-toggle){
  border-color:transparent;
  background:transparent;
  box-shadow:none;
  filter:none;
}
.material-surface-glass button.material-glass-button:not(.control-push):not(.control-toggle):hover{
  border-color:transparent;
  background:color-mix(in srgb,var(--glass-key-tone,var(--area-header-accent,var(--blue))) 7%,transparent);
  box-shadow:none;
}
.material-surface-glass button.material-glass-button:not(.control-push):not(.control-toggle):active{
  transform:none;
  background:color-mix(in srgb,var(--glass-key-tone,var(--area-header-accent,var(--blue))) 11%,transparent);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.12);
}
.material-surface-abs button.material-abs-button:not(.control-push):not(.control-toggle):hover{
  border-color:transparent;
  background:color-mix(in srgb,var(--app-primary,var(--blue)) 7%,transparent);
  box-shadow:none;
}
.material-surface-abs button.material-abs-button:not(.control-push):not(.control-toggle):active{
  transform:none;
  border-color:transparent;
  background:color-mix(in srgb,var(--app-primary,var(--blue)) 11%,transparent);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.15);
}

/* Icon wells are labels first. On glass they use colour without another rim;
   on ABS they are shallow moulded pieces rather than glass bubbles. */
.material-glass-element{
  border-color:transparent;
  background:color-mix(in srgb,currentColor 8%,transparent);
  box-shadow:none;
}
.material-abs-element{
  border-color:color-mix(in srgb,var(--control-edge) 72%,transparent);
  background:linear-gradient(180deg,color-mix(in srgb,currentColor 5%,var(--control-top)),color-mix(in srgb,currentColor 3%,var(--control-bottom)));
  box-shadow:inset 0 1px rgba(255,255,255,.045);
}

/* ABS app windows are a coherent opaque object. Toolbars, tab decks, player
   controls and navigation are all the same plastic as the casing. */
.app-frame.material-surface-abs{
  border-color:var(--control-edge);
  background:linear-gradient(180deg,var(--control-top),var(--control-bottom));
  box-shadow:0 14px 38px rgba(0,0,0,.35),inset 0 1px var(--control-highlight);
}
.app-frame.material-surface-abs :is(.app-toolbar,.browser-toolbar,.music-controls,.folder-tabs,.notes-layout nav){
  border-color:color-mix(in srgb,var(--app-primary,var(--blue)) 9%,var(--control-edge));
  background:color-mix(in srgb,var(--control-top) 92%,var(--app-primary,var(--blue)) 8%);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.app-frame.material-surface-abs :is(.app-toolbar,.browser-toolbar,.music-controls,.folder-tabs){
  box-shadow:inset 0 1px rgba(255,255,255,.04),inset 0 -1px rgba(0,0,0,.24);
}
.app-frame.material-surface-abs .notes-layout nav{
  box-shadow:inset -1px 0 rgba(0,0,0,.24),inset 1px 0 rgba(255,255,255,.025);
}

/* The little bit of glass left inside apps is purposeful: address/search
   displays and slider tracks. They read like inserted displays, not panels. */
.app-frame .recessed-field.material-surface-glass{
  border-color:color-mix(in srgb,var(--app-primary,var(--blue)) 15%,rgba(210,239,252,.15));
  background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(255,255,255,.02)),color-mix(in srgb,var(--glass-field-deep) 76%,transparent);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.04);
  backdrop-filter:blur(8px) saturate(1.04);
  -webkit-backdrop-filter:blur(8px) saturate(1.04);
}
body[data-theme="light"] .app-frame .recessed-field.material-surface-glass{
  background:linear-gradient(180deg,rgba(66,93,107,.10),rgba(255,255,255,.25)),rgba(225,240,247,.58);
}
.app-frame input[type="range"].material-surface-glass.material-glass-field{
  border:0;
  background:transparent;
  box-shadow:none;
}
.app-frame input[type="range"].material-surface-glass.material-glass-field::-webkit-slider-runnable-track{
  border:0;
  background:color-mix(in srgb,var(--glass-field-deep) 72%,transparent);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035);
}
.app-frame input[type="range"].material-surface-glass.material-glass-field::-moz-range-track{
  border:0;
  background:color-mix(in srgb,var(--glass-field-deep) 72%,transparent);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.34);
}

/* v86 — silhouette is now semantic.
   Square Areas belong to the desktop structure; soft squircle windows are
   movable objects placed inside it. The difference works even in peripheral
   vision, without another colour or border treatment. */
:root{
  --area-corner:3px;
  --window-corner:22px;
  --window-card-corner:15px;
}

/* Architectural, docked surfaces. */
.area-window,
.desktop-shell>.apps-zone,
.desktop-shell>.systems-zone,
.area-window[data-area-state="compact"],
.area-window[data-area-state="rail"]{
  border-radius:var(--area-corner);
}
.area-window-bar{
  border-radius:0;
}
.area-resize-handle,
.area-window[data-dock-edge]>.area-resize-handle{
  border-radius:2px;
}
.all-apps-drawer{
  border-radius:2px 2px 0 0;
}

/* Movable app objects. A generous fallback radius gives the same reading in
   browsers without the progressive squircle corner model. */
.app-frame,
.package-window{
  border-radius:var(--window-corner);
}
.desktop-context-menu,
.mini-card,
.overview-window{
  border-radius:var(--window-card-corner);
}
.app-frame[data-maximized="true"]{
  border-radius:3px;
}

@supports (corner-shape:squircle){
  .app-frame,
  .package-window,
  .desktop-context-menu,
  .mini-card,
  .overview-window{
    corner-shape:squircle;
  }
  .app-frame[data-maximized="true"]{
    corner-shape:round;
  }
}

@media(max-width:850px){
  :root{--window-corner:18px;--window-card-corner:13px}
}

/* v87 — the silhouette language continues through each surface's contents. */
:root{
  --area-content-corner:4px;
  --window-panel-corner:16px;
  --window-control-corner:10px;
}

/* Area contents remain architectural: cards, widgets, launchers and fields
   share the same tight geometry as their docked parent. App artwork, status
   dots and circular indicators keep their native silhouettes. */
.area-window :where(
  button,
  input:not([type="range"]),
  textarea,
  select,
  label,
  section,
  article,
  nav,
  .app-rack,
  .mini-card,
  .system-widget,
  .project-module,
  .project-path,
  .project-quick-note,
  .project-closed-state,
  .all-apps-drawer,
  .all-apps-search,
  .notification,
  .timer-face,
  .next-event,
  .device-row
){
  border-radius:var(--area-content-corner);
}

/* Small pieces inside movable windows use compact squircles, while full
   content wells use a broader version of the same curve. */
:is(.app-frame,.package-window,.desktop-context-menu) :where(
  button,
  input:not([type="range"]),
  textarea,
  select,
  label,
  .app-badge,
  .folder-tab,
  .nav-choice
){
  border-radius:var(--window-control-corner);
}
:is(.app-frame,.package-window) :where(
  .file-well,
  .music-hero,
  .playlist,
  .start-page,
  .terminal-screen,
  .notes-layout nav,
  .notes-layout textarea,
  .album-block,
  .package-panel,
  .import-map
){
  border-radius:var(--window-panel-corner);
}

@supports (corner-shape:squircle){
  .area-window :where(button,input:not([type="range"]),textarea,select,label,section,article,nav,.app-rack,.mini-card,.system-widget,.project-module,.project-path,.project-quick-note,.project-closed-state,.all-apps-drawer,.all-apps-search,.notification,.timer-face,.next-event,.device-row){
    corner-shape:round;
  }
  :is(.app-frame,.package-window,.desktop-context-menu) :where(button,input:not([type="range"]),textarea,select,label,.app-badge,.folder-tab,.nav-choice),
  :is(.app-frame,.package-window) :where(.file-well,.music-hero,.playlist,.start-page,.terminal-screen,.notes-layout nav,.notes-layout textarea,.album-block,.package-panel,.import-map){
    corner-shape:squircle;
  }
}

@media(max-width:850px){
  :root{--window-panel-corner:13px;--window-control-corner:8px}
}

/* v88 — hard separation: Area geometry must never inherit a component's
   rounded default. These declarations intentionally win over every widget. */
:root{--area-corner:0px;--area-content-corner:2px}

.area-window,
.desktop-shell>.apps-zone,
.desktop-shell>.systems-zone,
.area-window[data-area-state="compact"],
.area-window[data-area-state="rail"]{
  border-radius:0!important;
}

.area-window :where(
  button,
  input:not([type="range"]),
  textarea,
  select,
  label,
  section,
  article,
  nav,
  form,
  .app-rack,
  .mini-card,
  .system-widget,
  .project-module,
  .project-path,
  .project-quick-note,
  .project-closed-state,
  .all-apps-drawer,
  .all-apps-search,
  .notification,
  .timer-face,
  .next-event,
  .device-row,
  .project-session-toggle,
  .workspace-status
){
  border-radius:2px!important;
}

@supports (corner-shape:square){
  .area-window,
  .desktop-shell>.apps-zone,
  .desktop-shell>.systems-zone,
  .area-window[data-area-state="compact"],
  .area-window[data-area-state="rail"],
  .area-window :where(button,input:not([type="range"]),textarea,select,label,section,article,nav,form,.app-rack,.mini-card,.system-widget,.project-module,.project-path,.project-quick-note,.project-closed-state,.all-apps-drawer,.all-apps-search,.notification,.timer-face,.next-event,.device-row,.project-session-toggle,.workspace-status){
    corner-shape:square!important;
  }
}
/* v98 — the filled part of a range uses the same luminous state line as an
   active toggle. The unfilled part remains a recessed glass groove. */
.material-surface-glass input[type="range"].material-glass-field::-webkit-slider-runnable-track,
.app-frame input[type="range"].material-surface-glass.material-glass-field::-webkit-slider-runnable-track{
  border:1px solid rgba(205,234,247,.13);
  background:
    linear-gradient(90deg,
      color-mix(in srgb,var(--app-primary,var(--area-header-accent,var(--blue))) 24%,transparent) 0 var(--range-progress,0%),
      transparent var(--range-progress,0%) 100%),
    linear-gradient(90deg,
      color-mix(in srgb,var(--app-primary,var(--area-header-accent,var(--blue))) 88%,white 12%) 0 var(--range-progress,0%),
      transparent var(--range-progress,0%) 100%) center/100% 2px no-repeat,
    color-mix(in srgb,var(--glass-field-deep) 78%,transparent);
  box-shadow:
    inset 0 1px 3px rgba(0,0,0,.38),
    inset 0 1px rgba(244,252,255,.07);
}
.material-surface-glass input[type="range"].material-glass-field::-moz-range-track,
.app-frame input[type="range"].material-surface-glass.material-glass-field::-moz-range-track{
  border:1px solid rgba(205,234,247,.13);
  background:color-mix(in srgb,var(--glass-field-deep) 78%,transparent);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.38),inset 0 1px rgba(244,252,255,.07);
}
.material-surface-glass input[type="range"].material-glass-field::-moz-range-progress,
.app-frame input[type="range"].material-surface-glass.material-glass-field::-moz-range-progress{
  height:2px;
  border:0;
  border-radius:999px;
  background:color-mix(in srgb,var(--app-primary,var(--area-header-accent,var(--blue))) 88%,white 12%);
  box-shadow:0 0 5px color-mix(in srgb,var(--app-primary,var(--area-header-accent,var(--blue))) 58%,transparent);
}
body[data-theme="light"] .material-surface-glass input[type="range"].material-glass-field::-webkit-slider-runnable-track,
body[data-theme="light"] .app-frame input[type="range"].material-surface-glass.material-glass-field::-webkit-slider-runnable-track,
body[data-theme="light"] .material-surface-glass input[type="range"].material-glass-field::-moz-range-track,
body[data-theme="light"] .app-frame input[type="range"].material-surface-glass.material-glass-field::-moz-range-track{
  border-color:rgba(73,105,120,.22);
  box-shadow:inset 0 1px 2px rgba(49,72,84,.22),inset 0 1px rgba(255,255,255,.58);
}

/* v91 — Places and note navigation are rows, not physical controls.
   Selection is communicated by a quiet surface tint and an app-colour edge,
   never by a raised cap, pressed depth, or persistent toggle rail. */
.app-frame .nav-choice,
.app-frame .nav-choice.material-abs-button,
.app-frame .nav-choice.material-abs-button:is(.control-push,.control-toggle){
  position:relative;
  border:0!important;
  border-radius:4px!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
  color:var(--muted);
  transition:background 55ms linear,color 55ms linear!important;
}
.app-frame .nav-choice::after{
  content:none!important;
  display:none!important;
}
.app-frame .nav-choice:hover,
.app-frame .nav-choice.material-abs-button:hover{
  border:0!important;
  background:color-mix(in srgb,var(--app-primary,var(--blue)) 6%,transparent)!important;
  box-shadow:none!important;
  transform:none!important;
  color:var(--text);
}
.app-frame .nav-choice:active,
.app-frame .nav-choice.material-abs-button:active{
  background:color-mix(in srgb,var(--app-primary,var(--blue)) 10%,transparent)!important;
  box-shadow:none!important;
  transform:none!important;
}
.app-frame .nav-choice:is(.is-active,[aria-pressed="true"]),
.app-frame .nav-choice.material-abs-button:is(.is-active,[aria-pressed="true"]){
  border:0!important;
  background:color-mix(in srgb,var(--app-primary,var(--blue)) 11%,transparent)!important;
  box-shadow:inset 2px 0 var(--app-primary,var(--blue))!important;
  transform:none!important;
  color:var(--text);
}

/* v90 — system-wide reconciliation.
   Desktop structure = square acrylic. Movable/temporary objects = squircle
   ABS. App content = opaque. Glass inside apps = display-like inserts only. */
:root{
  --ui-gap-1:4px;
  --ui-gap-2:8px;
  --ui-gap-3:12px;
  --ui-area-pad:10px;
  --ui-header-h:44px;
  --ui-control-h:32px;
  --ui-meta-size:11px;
  --ui-label-size:12px;
  --ui-title-size:14px;
  --ui-line:color-mix(in srgb,var(--text) 10%,transparent);
  --ui-quiet:color-mix(in srgb,var(--text) 4%,transparent);
  --ui-quiet-hover:color-mix(in srgb,var(--text) 7%,transparent);
  --button-press-time:8ms;
  --button-release-time:16ms;
}

/* Shared fit and type rhythm. */
:is(.area-window,.universal-search,.app-frame,.package-window) *{box-sizing:border-box}
:is(.area-window,.universal-search,.app-frame,.package-window) :where(button,input,textarea,select){font-family:inherit}
:is(.area-window,.universal-search,.app-frame,.package-window) :where(button,label,input,select){min-width:0}
:is(.area-window,.universal-search,.app-frame,.package-window) small{
  font-size:var(--ui-meta-size);
  line-height:1.3;
}
:is(.area-window,.universal-search,.app-frame,.package-window) button{
  line-height:1.2;
  transition-duration:var(--button-release-time);
}
:is(.area-window,.universal-search,.app-frame,.package-window) button:active{
  transition-duration:var(--button-press-time);
}
.eyebrow,.small-heading{font-size:10px;line-height:1.25;letter-spacing:.10em}

/* Square acrylic Areas: one outer sheet, quiet groups, consistent density. */
.area-window{
  padding:var(--ui-area-pad);
}
.area-window>*{min-width:0}
.area-window-bar{
  min-height:var(--ui-header-h);
  flex-basis:var(--ui-header-h);
  margin:calc(-1 * var(--ui-area-pad)) calc(-1 * var(--ui-area-pad)) 9px;
  padding:6px 7px 6px 10px;
}
.systems-zone .area-window-bar{top:calc(-1 * var(--ui-area-pad));margin-bottom:9px}
.area-window-identity{gap:8px}
.area-window-identity b{font-size:var(--ui-title-size);line-height:1.2}
.area-window-identity small{margin-top:1px}
.area-window-icon{width:30px;height:30px;flex-basis:30px}
.area-window-actions{gap:4px;flex:0 0 auto}
.area-window-key{width:30px;height:28px}
.apps-zone .app-rack,
.area-window .mini-card,
.area-window .system-widget,
.area-window .project-module{
  border:0;
  background:var(--area-section-wash);
  box-shadow:none;
}
.apps-zone .app-rack{padding:6px;gap:4px}
.mini-stack,.static-widget-stack,.dynamic-widget-stack{gap:8px}
.area-window .mini-card,
.area-window .system-widget,
.area-window .project-module{padding:9px}
.widget-heading{min-height:28px;margin-bottom:6px}
.widget-heading h2,.project-module>header b{font-size:12px;line-height:1.2}
.notification,.device-row,.next-event,.timer-face{background:var(--ui-quiet)}
.notification:hover,.device-row:hover,.next-event:hover{background:var(--ui-quiet-hover)}
.project-space-content{gap:8px}
.project-module>header{height:28px;margin-bottom:6px}
.project-items{gap:2px;margin-top:4px}
.project-items>button{height:38px;padding:4px 6px}
.project-items b{font-size:12px}.project-items small{font-size:10px}
.project-resource-items{scrollbar-width:thin}

/* Overview follows the same structural rhythm as Areas. */
.universal-search{
  padding:clamp(16px,2.8vh,30px) clamp(18px,3.2vw,48px);
}
.universal-search-shell,.overview-home,.overview-main,.overview-widgets{min-width:0;min-height:0}
.universal-search-header{gap:16px;padding-bottom:10px}
.universal-search-field{
  height:54px;
  gap:10px;
  padding:0 14px;
}
.workspace-switcher{
  min-height:54px;
  gap:8px;
  padding:7px 8px;
  border:0;
  border-bottom:1px solid var(--ui-line);
  background:transparent;
  box-shadow:none;
}
.workspace-tabs{min-width:0;overflow-x:auto;scrollbar-width:none}
.workspace-tabs::-webkit-scrollbar{display:none}
.workspace-tab{min-height:38px;padding:5px 8px}
.workspace-action{min-height:36px;padding:0 10px}
.overview-home{gap:12px}
.overview-main,.overview-widgets{padding-right:4px;scrollbar-width:thin}
.overview-section{margin-bottom:14px}
.overview-section-heading{min-height:28px;margin-bottom:6px}
.universal-search .material-surface-glass:is(.workspace-home-card,.overview-app-library,.overview-widget,.workspace-switcher){
  border:0;
  background:var(--area-section-wash);
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.workspace-home-card,.overview-app-library,.overview-widget{padding:10px}
.overview-window-grid,.overview-project-grid,.overview-quick-grid{gap:8px}
.overview-window,.overview-project,.universal-result{background:var(--ui-quiet)}
.overview-window:hover,.overview-project:hover,.universal-result:hover{background:var(--ui-quiet-hover)}
.universal-result{min-height:58px;padding:7px 10px;gap:9px}
.universal-search-footer{min-height:34px;padding-top:8px}

/* ABS objects: app windows, package dialogs and context menus share the same
   opaque casing and squircle logic. */
:is(.app-frame,.package-window,.desktop-context-menu).material-surface-abs{
  border:1px solid var(--control-edge);
  background:linear-gradient(180deg,var(--control-top),var(--control-bottom));
  box-shadow:0 14px 38px rgba(0,0,0,.35),inset 0 1px var(--control-highlight);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.app-titlebar,.package-titlebar{
  min-height:48px;
  padding:6px 9px 6px 12px;
  border-bottom:1px solid color-mix(in srgb,var(--app-primary,var(--workspace-accent,var(--blue))) 10%,var(--control-edge));
  background:color-mix(in srgb,var(--app-primary,var(--workspace-accent,var(--blue))) 7%,var(--control-top));
}
.app-identity{gap:9px;min-width:0}
.app-identity>div{min-width:0}
.app-identity b{font-size:13px;line-height:1.2}
.app-identity small{margin-top:1px}
.app-badge{width:32px;height:32px;flex:0 0 32px}
.window-actions{gap:4px;flex:0 0 auto}
.window-key{width:32px;height:29px}
.app-toolbar,.browser-toolbar,.music-controls,.folder-tabs{
  gap:6px;
  padding:7px 9px;
}
.compact-key{min-width:32px;height:32px}
.recessed-field{min-height:34px}
.folder-tabs{padding-bottom:5px}
.folder-tab{min-height:30px;padding:0 10px}
.places-list,.notes-layout nav{padding:10px;gap:4px}
.nav-choice{min-height:32px;padding:0 9px}

/* Main app content is always fully opaque and visually below its ABS casing. */
.app-frame :is(.file-well,.music-hero,.playlist,.start-page,.terminal-screen,.notes-layout textarea){
  border-color:color-mix(in srgb,var(--app-primary,var(--blue)) 7%,var(--control-edge));
  background:var(--app-content,var(--content-surface));
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.18);
}
.app-frame .terminal-screen{background:var(--app-terminal-surface,#030506)}
.file-well,.playlist{padding:7px}
.content-row{min-height:34px;padding:6px 8px}
.content-row:hover{background:color-mix(in srgb,var(--app-primary,var(--blue)) 6%,var(--app-content-raised,var(--content-surface-raised)))}
.app-status{min-height:28px;padding:0 10px;font-size:11px}

/* Only inserted displays remain glass inside ABS apps. */
.app-frame .recessed-field.material-surface-glass{
  border:1px solid color-mix(in srgb,var(--app-primary,var(--blue)) 15%,rgba(210,239,252,.14));
  background:linear-gradient(180deg,rgba(0,0,0,.13),rgba(255,255,255,.02)),color-mix(in srgb,var(--glass-field-deep) 76%,transparent);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04);
}

/* Dialog content is ABS too; glass no longer reappears as nested cards. */
.package-window :is(.package-panel,.import-map){
  border:1px solid color-mix(in srgb,var(--workspace-accent,var(--blue)) 8%,var(--control-edge));
  background:var(--app-content,var(--content-surface));
  box-shadow:inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.desktop-context-menu{padding:5px}
.desktop-context-menu button{min-height:32px;padding:0 9px}

/* Controls use one fast physical response. Content actions stay flat; declared
   push/toggle controls retain material depth and only toggles keep a state rail. */
:is(.material-glass-button,.material-abs-button).control-push::after{display:none!important}
:is(.material-glass-button,.material-abs-button):is(.control-push,.control-toggle){
  transition:transform var(--button-release-time) linear,background 48ms linear,border-color 48ms linear,box-shadow var(--button-release-time) linear;
}
:is(.material-glass-button,.material-abs-button):is(.control-push,.control-toggle):active{
  transition-duration:var(--button-press-time);
}
.material-surface-glass button.material-glass-button:not(.control-push):not(.control-toggle),
.material-surface-abs button.material-abs-button:not(.control-push):not(.control-toggle){
  border-color:transparent;
  box-shadow:none;
}

/* Prevent dense modes from clipping labels or wasting space. */
.area-window[data-area-state="compact"] :is(.mini-card,.system-widget,.project-module){padding:7px}
.area-window[data-area-state="compact"] small{font-size:10px}
.area-window[data-area-state="rail"]{padding:5px}
.area-window[data-area-state="rail"] .area-window-bar{margin:-5px -5px 5px}

@media(max-width:1180px){
  .universal-search{padding:14px 16px}
  .overview-home{gap:10px}
  .workspace-home-card,.overview-app-library,.overview-widget{padding:8px}
  .app-titlebar,.package-titlebar{padding-inline:9px}
}

@media(max-width:850px){
  :root{--ui-area-pad:8px}
  .universal-search{padding:10px}
  .universal-search-field{height:48px}
  .workspace-switcher{min-height:48px}
  .overview-home{gap:8px}
}

@media(prefers-reduced-transparency:reduce){
  .area-window,.universal-search{backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* v89 — Overview is another desktop Area, not a window. Its full-screen
   sheet and every structural/control surface inside use the square language. */
.universal-search,
.universal-search-shell{
  border-radius:0!important;
}
.universal-search :where(
  button,
  input:not([type="range"]),
  textarea,
  select,
  label,
  section,
  article,
  aside,
  nav,
  header,
  footer,
  kbd,
  .workspace-switcher,
  .workspace-home-card,
  .workspace-context-card,
  .overview-app-library,
  .overview-widget,
  .overview-window,
  .overview-project,
  .universal-result,
  .all-apps-drawer,
  .all-apps-search,
  .launcher-category,
  .launcher-app
){
  border-radius:2px!important;
}

@supports (corner-shape:square){
  .universal-search,
  .universal-search-shell,
  .universal-search :where(button,input:not([type="range"]),textarea,select,label,section,article,aside,nav,header,footer,kbd,.workspace-switcher,.workspace-home-card,.workspace-context-card,.overview-app-library,.overview-widget,.overview-window,.overview-project,.universal-result,.all-apps-drawer,.all-apps-search,.launcher-category,.launcher-app){
    corner-shape:square!important;
  }
}

/* v133 final cascade — the spatial miniature is an ABS desktop preview
   embedded in the acrylic Overview. It must remain a window object even
   though ordinary Overview rows are intentionally flat and square. */
.universal-search .overview-desktop-stage .overview-window.material-glass-button{
  border:1px solid color-mix(in srgb,var(--overview-app) 18%,rgba(210,235,246,.34))!important;
  border-radius:13px!important;
  color:var(--text)!important;
  background:#151b1f!important;
  box-shadow:0 10px 24px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.10)!important;
}
.universal-search .overview-desktop-stage .overview-window.material-glass-button:hover{
  border-color:color-mix(in srgb,var(--overview-app) 58%,white 8%)!important;
  background:#171e22!important;
  box-shadow:0 13px 30px rgba(0,0,0,.47),inset 0 1px rgba(255,255,255,.12)!important;
}
.universal-search .overview-desktop-stage .overview-window.material-glass-button.is-front{
  border-color:color-mix(in srgb,var(--overview-app) 48%,rgba(226,244,251,.34))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.12),0 0 0 1px color-mix(in srgb,var(--overview-app) 12%,transparent)!important;
}
.universal-search .overview-task.material-glass-button{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.universal-search .overview-task.material-glass-button:hover,
.universal-search .overview-task.material-glass-button.is-active{
  background:color-mix(in srgb,var(--app-primary) 12%,transparent)!important;
}
@supports(corner-shape:squircle){
  .universal-search .overview-desktop-stage .overview-window{corner-shape:squircle!important}
}

/* v93 — a control responds like a physical mouse switch: down is virtually
   immediate and release takes only one display frame. Toggle controls use the
   exact same stroke; after release they simply settle into their held depth. */
:root{
  --button-press-time:8ms;
  --button-release-time:16ms;
}
:where(button,[role="button"],a.surface-key){
  transition-duration:var(--button-release-time)!important;
  transition-delay:0ms!important;
  transition-timing-function:linear!important;
}
:where(button,[role="button"],a.surface-key):active{
  transition-duration:var(--button-press-time)!important;
  transition-delay:0ms!important;
  transition-timing-function:linear!important;
}
:where(button,[role="button"],a.surface-key)::before,
:where(button,[role="button"],a.surface-key)::after{
  transition-duration:var(--button-release-time)!important;
  transition-delay:0ms!important;
  transition-timing-function:linear!important;
}
:where(button,[role="button"],a.surface-key):active::before,
:where(button,[role="button"],a.surface-key):active::after{
  transition-duration:var(--button-press-time)!important;
}
.cursor-glyph,
.cursor-side{
  transition-duration:var(--button-press-time)!important;
  transition-delay:0ms!important;
  transition-timing-function:linear!important;
}

/* v95 — transient UI belongs to the glass layer. Menus, drawers and feedback
   float above the desktop as frosted edge-lit sheets; durable app windows stay
   opaque ABS. */
.desktop-context-menu.material-surface-glass,
.all-apps-drawer.material-surface-glass,
.toast.material-surface-glass{
  border-color:rgba(205,238,252,.24);
  background:
    linear-gradient(135deg,rgba(240,252,255,.105),transparent 29%),
    linear-gradient(180deg,rgba(79,143,173,.105),rgba(3,9,13,.08)),
    rgba(6,14,19,.62);
  -webkit-backdrop-filter:blur(24px) saturate(1.28) contrast(1.06);
  backdrop-filter:blur(24px) saturate(1.28) contrast(1.06);
  box-shadow:
    0 16px 38px rgba(0,0,0,.38),
    inset 0 1px rgba(240,252,255,.18),
    inset 1px 0 rgba(205,240,255,.07),
    inset 0 -1px rgba(0,0,0,.40),
    0 0 12px rgba(79,190,237,.06);
}
.desktop-context-menu.material-surface-glass{padding:5px}
.desktop-context-menu.material-surface-glass .context-menu-title{
  border-bottom:1px solid rgba(195,232,248,.09);
  color:color-mix(in srgb,var(--text) 68%,transparent);
  text-shadow:0 1px 1px rgba(0,0,0,.45);
}
.desktop-context-menu.material-surface-glass .context-menu-item.material-glass-button{
  min-height:34px;
  border:1px solid transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--text);
}
.desktop-context-menu.material-surface-glass .context-menu-item.material-glass-button:hover,
.desktop-context-menu.material-surface-glass .context-menu-item.material-glass-button:focus-visible{
  border-color:rgba(180,230,250,.15)!important;
  background:rgba(148,211,238,.105)!important;
  box-shadow:inset 0 1px rgba(241,252,255,.08)!important;
}
.desktop-context-menu.material-surface-glass .context-menu-item.material-glass-button:active{
  transform:translateY(1px) scaleY(.99);
  border-color:rgba(180,230,250,.20)!important;
  background:rgba(79,154,187,.16)!important;
  box-shadow:inset 0 2px 3px rgba(0,0,0,.28)!important;
}
.desktop-context-menu.material-surface-glass .context-menu-item kbd{
  padding:3px 5px;
  border:1px solid rgba(199,235,250,.12);
  background:rgba(164,216,239,.055);
  box-shadow:inset 0 1px rgba(245,253,255,.06);
}
.desktop-context-menu.material-surface-glass .context-menu-separator{
  background:rgba(190,232,250,.14);
  box-shadow:0 1px rgba(0,0,0,.28);
}

.all-apps-drawer.material-surface-glass{
  border-top-color:rgba(199,236,252,.22);
  background:
    linear-gradient(180deg,rgba(91,165,198,.11),rgba(3,9,13,.07)),
    rgba(6,14,19,.68);
  box-shadow:0 -14px 30px rgba(0,0,0,.30),inset 0 1px rgba(235,250,255,.15);
}
.all-apps-drawer.material-surface-glass .all-apps-heading{background:rgba(116,182,211,.075)}
.all-apps-drawer.material-surface-glass .launcher-body,
.all-apps-drawer.material-surface-glass .launcher-results{background:transparent}
.all-apps-drawer.material-surface-glass .launcher-categories{background:rgba(153,210,234,.04)}

body[data-theme="light"] :is(
  .desktop-context-menu.material-surface-glass,
  .all-apps-drawer.material-surface-glass,
  .toast.material-surface-glass
){
  border-color:rgba(255,255,255,.76);
  background:
    linear-gradient(135deg,rgba(255,255,255,.58),transparent 31%),
    linear-gradient(180deg,rgba(151,207,231,.15),rgba(255,255,255,.06)),
    rgba(226,240,246,.70);
  box-shadow:
    0 14px 34px rgba(32,54,65,.20),
    inset 0 1px rgba(255,255,255,.88),
    inset 1px 0 rgba(255,255,255,.44),
    inset 0 -1px rgba(64,91,104,.18);
}
body[data-theme="light"] .desktop-context-menu.material-surface-glass .context-menu-title{
  border-bottom-color:rgba(58,91,108,.10);
  text-shadow:none;
}
body[data-theme="light"] .desktop-context-menu.material-surface-glass .context-menu-item.material-glass-button:hover,
body[data-theme="light"] .desktop-context-menu.material-surface-glass .context-menu-item.material-glass-button:focus-visible{
  border-color:rgba(39,133,176,.16)!important;
  background:rgba(58,151,193,.10)!important;
}
body[data-theme="light"] .desktop-context-menu.material-surface-glass .context-menu-item.material-glass-button:active{
  background:rgba(39,127,168,.15)!important;
  box-shadow:inset 0 2px 3px rgba(41,66,78,.18)!important;
}
body[data-theme="light"] .all-apps-drawer.material-surface-glass .all-apps-heading{background:rgba(255,255,255,.20)}
body[data-theme="light"] .all-apps-drawer.material-surface-glass .launcher-categories{background:rgba(255,255,255,.16)}

/* v96 — transient glass is part of the square desktop-area language. It may
   float, but it is not another rounded application window. */
:is(
  .desktop-context-menu.material-surface-glass,
  .all-apps-drawer.material-surface-glass,
  .toast.material-surface-glass
){
  border-radius:0!important;
}
.desktop-context-menu.material-surface-glass :is(
  .context-menu-title,
  .context-menu-item,
  .context-menu-item kbd,
  .context-menu-separator
),
.all-apps-drawer.material-surface-glass :is(
  .all-apps-heading,
  .launcher-body,
  .launcher-results,
  .launcher-categories,
  .launcher-category,
  .launcher-app,
  button,
  input
){
  border-radius:2px!important;
}

@supports (corner-shape:square){
  :is(
    .desktop-context-menu.material-surface-glass,
    .all-apps-drawer.material-surface-glass,
    .toast.material-surface-glass,
    .desktop-context-menu.material-surface-glass .context-menu-title,
    .desktop-context-menu.material-surface-glass .context-menu-item,
    .desktop-context-menu.material-surface-glass .context-menu-item kbd,
    .all-apps-drawer.material-surface-glass .all-apps-heading,
    .all-apps-drawer.material-surface-glass .launcher-category,
    .all-apps-drawer.material-surface-glass .launcher-app,
    .all-apps-drawer.material-surface-glass button,
    .all-apps-drawer.material-surface-glass input
  ){
    corner-shape:square!important;
  }
}
/* v108 — edge-lit acrylic desktop pass.
   Areas and transient desktop chrome are one continuous optical sheet. The
   sheet has neutral cut-edge reflections; application colour appears only at
   an engraved state mark, a filled slider segment, or a local interaction
   point. Internal groups are engraved into the parent plane instead of being
   stacked as independent glass cards. */
:root{
  --sd-glass-face:rgba(7,15,20,.68);
  --sd-glass-face-deep:rgba(3,10,14,.34);
  --sd-glass-edge:rgba(218,242,252,.24);
  --sd-glass-edge-soft:rgba(218,242,252,.095);
  --sd-glass-highlight:rgba(247,253,255,.15);
  --sd-glass-groove:rgba(198,228,241,.14);
  --sd-glass-groove-low:rgba(1,8,12,.46);
  --sd-glass-hover:rgba(201,238,252,.055);
  --sd-glass-down:rgba(1,8,12,.16);
  --sd-glass-text:rgba(244,249,251,.96);
  --sd-glass-muted:rgba(218,232,238,.70);
}
body[data-theme="light"]{
  --sd-glass-face:rgba(226,238,243,.72);
  --sd-glass-face-deep:rgba(185,207,217,.23);
  --sd-glass-edge:rgba(255,255,255,.76);
  --sd-glass-edge-soft:rgba(255,255,255,.37);
  --sd-glass-highlight:rgba(255,255,255,.76);
  --sd-glass-groove:rgba(46,77,92,.19);
  --sd-glass-groove-low:rgba(38,66,79,.22);
  --sd-glass-hover:rgba(255,255,255,.24);
  --sd-glass-down:rgba(64,93,107,.11);
  --sd-glass-text:rgba(20,31,37,.96);
  --sd-glass-muted:rgba(38,57,66,.70);
}

/* One sheet: three parallel neutral reflections describe the cut acrylic
   edge. There is deliberately no coloured perimeter or dotted texture. */
:is(.area-window,.universal-search,.desktop-context-menu.material-surface-glass,.all-apps-drawer.material-surface-glass,.toast.material-surface-glass){
  border:1px solid var(--sd-glass-edge)!important;
  border-radius:0!important;
  background:
    linear-gradient(128deg,rgba(255,255,255,.075),transparent 19% 76%,rgba(255,255,255,.025)),
    var(--sd-glass-face)!important;
  color:var(--sd-glass-text);
  box-shadow:
    0 16px 36px rgba(0,0,0,.25),
    inset 0 1px var(--sd-glass-highlight),
    inset 1px 0 var(--sd-glass-edge-soft),
    inset 0 -1px var(--sd-glass-groove-low),
    inset -1px 0 rgba(0,0,0,.15)!important;
  -webkit-backdrop-filter:blur(23px) saturate(1.08)!important;
  backdrop-filter:blur(23px) saturate(1.08)!important;
}
body.areas-docked .area-window{
  box-shadow:
    inset 0 1px var(--sd-glass-highlight),
    inset 1px 0 var(--sd-glass-edge-soft),
    inset 0 -1px var(--sd-glass-groove-low),
    inset -1px 0 rgba(0,0,0,.15)!important;
}
.area-window::before,
.universal-search::before{display:none!important}

/* A stronger, uniform tint distinguishes each Area from its body. The header
   stays translucent, square and flat, including on the rail; no colour fade. */
.area-window .area-window-bar,
.area-window[data-area-state="rail"] .area-window-bar{
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--area-header-accent) 42%,var(--sd-glass-groove))!important;
  border-radius:0!important;
  background:color-mix(in srgb,var(--area-header-accent) 32%,rgba(10,18,24,.76))!important;
  box-shadow:inset 0 -1px rgba(0,0,0,.12)!important;
}
body[data-theme="light"] .area-window .area-window-bar,
body[data-theme="light"] .area-window[data-area-state="rail"] .area-window-bar{
  background:color-mix(in srgb,var(--area-header-accent) 27%,rgba(247,251,253,.82))!important;
  box-shadow:inset 0 -1px rgba(40,66,79,.08)!important;
}
.area-window .area-window-bar .area-window-identity b{color:#f0f7fc!important}
.area-window .area-window-bar .area-window-identity small{color:#d0dfe9!important}
body[data-theme="light"] .area-window .area-window-bar .area-window-identity b{color:#172832!important}
body[data-theme="light"] .area-window .area-window-bar .area-window-identity small{color:#3a505e!important}
.area-window-icon.material-glass-element{
  border:1px solid color-mix(in srgb,currentColor 22%,var(--sd-glass-groove))!important;
  border-radius:2px!important;
  background:color-mix(in srgb,currentColor 6%,transparent)!important;
  box-shadow:inset 0 1px var(--sd-glass-highlight)!important;
}

/* One plane inside each Area. Modules are separated by shallow engraved
   seams; they are no longer cards with their own glass edge and shadow. */
.area-window .material-surface-glass:is(.mini-card,.system-widget,.overview-widget,.project-module),
.area-window :is(.app-rack,.project-switcher),
.universal-search .material-surface-glass:is(.workspace-switcher,.workspace-home-card,.overview-app-library,.overview-widget){
  border:0!important;
  border-top:1px solid var(--sd-glass-groove)!important;
  border-radius:0!important;
  background:rgba(255,255,255,.018)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.area-window :is(.mini-card,.system-widget,.project-module):first-child,
.area-window .dynamic-widget-stack>.system-widget:first-child,
.area-window .static-widget-stack>.system-widget:first-child{border-top-color:var(--sd-glass-edge-soft)!important}
body[data-theme="light"] .area-window .material-surface-glass:is(.mini-card,.system-widget,.overview-widget,.project-module),
body[data-theme="light"] .area-window :is(.app-rack,.project-switcher),
body[data-theme="light"] .universal-search .material-surface-glass:is(.workspace-switcher,.workspace-home-card,.overview-app-library,.overview-widget){
  background:rgba(255,255,255,.08)!important;
}

/* v134 — One-glance Overview. The information architecture now mirrors the
   desktop itself: Project, Apps, Desktop and System are simultaneous vertical
   lanes. Nothing important lives behind a mode tab. */
.universal-search-shell{
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  gap:8px;
}
.overview-home[data-overview-state="all"]{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(252px,292px);
  gap:10px;
  overflow:hidden;
}
.overview-home[data-overview-state="all"] .overview-main{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(238px,.72fr) minmax(210px,.64fr) minmax(420px,1.64fr);
  grid-template-rows:minmax(0,1fr);
  gap:10px;
  overflow:hidden;
  padding:0;
}
.overview-zone-lane,
.overview-home[data-overview-state="all"] .overview-apps-section,
.overview-home[data-overview-state="all"] .open-windows-section,
.overview-home[data-overview-state="all"] .overview-widgets{
  --lane-accent:var(--workspace-accent);
  min-width:0;
  min-height:0;
  margin:0;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--lane-accent) 16%,var(--sd-glass-groove));
  border-radius:0!important;
  background:color-mix(in srgb,var(--lane-accent) 3%,rgba(255,255,255,.014));
  box-shadow:inset 0 1px var(--sd-glass-highlight);
}
.overview-project-zone{--lane-accent:var(--violet);grid-column:1;grid-row:1;display:grid;grid-template-rows:auto auto minmax(0,1fr)}
.overview-home[data-overview-state="all"] .overview-apps-section{--lane-accent:var(--blue);grid-column:2;grid-row:1;display:grid;grid-template-rows:auto minmax(0,1fr)}
.overview-home[data-overview-state="all"] .open-windows-section{--lane-accent:var(--workspace-accent);grid-column:3;grid-row:1;display:grid;grid-template-rows:auto minmax(0,1fr)}
.overview-home[data-overview-state="all"] .overview-widgets{--lane-accent:var(--cyan);display:flex;flex-direction:column;gap:0;overflow-y:auto;padding:0;scrollbar-width:thin}

.overview-zone-heading,
.overview-home[data-overview-state="all"] .overview-section-heading{
  flex:0 0 auto;
  min-height:50px;
  margin:0;
  padding:7px 9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--lane-accent) 24%,var(--sd-glass-groove));
  border-radius:0!important;
  background:color-mix(in srgb,var(--lane-accent) 10%,var(--sd-glass-face-deep));
}
.overview-zone-heading>span:last-child,
.overview-home[data-overview-state="all"] .overview-section-heading>div>span:last-child{min-width:0}
.overview-zone-heading h3,
.overview-home[data-overview-state="all"] .overview-section-heading h3{margin:2px 0 0;font-size:14px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overview-zone-heading .eyebrow,
.overview-home[data-overview-state="all"] .overview-section-heading .eyebrow{display:block;color:color-mix(in srgb,var(--lane-accent) 78%,white 22%);font-size:9px;letter-spacing:.11em}
.overview-zone-mark{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--lane-accent) 26%,var(--sd-glass-groove));background:color-mix(in srgb,var(--lane-accent) 7%,transparent)}
.overview-zone-mark svg{width:16px;height:16px;color:color-mix(in srgb,var(--lane-accent) 82%,white 18%)}
.overview-system-heading{position:sticky;z-index:4;top:0;background:color-mix(in srgb,var(--cyan) 10%,var(--sd-glass-face-deep))}

/* Project lane: home identity and attached projects are a single vertical
   context rather than separate dashboard cards. */
.overview-project-zone .workspace-home-card{
  flex:0 0 auto;
  margin:0;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid var(--sd-glass-groove)!important;
  background:transparent!important;
}
.overview-project-zone .workspace-home-header{min-height:48px;padding:6px 8px;grid-template-columns:32px minmax(0,1fr) 30px;background:transparent}
.overview-project-zone .workspace-home-icon{width:30px;height:30px;border-radius:2px!important}.overview-project-zone .workspace-home-icon svg{width:17px;height:17px}
.overview-project-zone .workspace-home-header h3{font-size:13px}.overview-project-zone .workspace-home-header small{font-size:11px}
.overview-project-zone .workspace-home-open{width:30px;height:30px;min-height:30px;padding:0;justify-content:center}.overview-project-zone .workspace-home-open span{display:none}
.overview-project-zone .workspace-home-body{padding:7px;display:grid;grid-template-columns:1fr;gap:6px}
.overview-project-zone .workspace-folders{grid-template-columns:1fr 1fr;gap:4px}
.overview-project-zone .workspace-folder{min-height:46px;padding:5px 6px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px}.overview-project-zone .workspace-folder svg{width:17px;height:17px}.overview-project-zone .workspace-folder small{display:none}
.overview-project-zone .workspace-context-card{padding:7px}.overview-project-zone .workspace-context-card>small{font-size:11px}.overview-project-zone .workspace-favorites{margin-top:6px}
.overview-project-zone .other-workspaces{display:none}
.overview-project-zone .overview-projects-section{min-height:0;margin:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.overview-project-zone .overview-projects-section .overview-section-heading{min-height:40px;padding:5px 7px;background:transparent;border-bottom-color:var(--sd-glass-groove)}
.overview-project-zone .overview-projects-section .overview-section-heading>div{display:block}.overview-project-zone .overview-projects-section .overview-section-heading .eyebrow{display:none}
.overview-project-zone .overview-project-heading-actions>span{display:none}.overview-project-zone .overview-new-project{width:28px;min-height:28px;padding:0;justify-content:center}.overview-project-zone .overview-new-project span{display:none}
.overview-project-zone .overview-project-grid{min-height:0;padding:5px;display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;gap:4px;overflow:auto;scrollbar-width:thin}
.overview-project-zone .overview-project{min-height:64px;padding:7px}.overview-project-zone .overview-project-open{display:none}

/* Apps lane keeps favourites and current apps at the top while the complete
   library remains directly scrollable below—no category page is required. */
.overview-home[data-overview-state="all"] .overview-app-library{min-height:0;height:100%;padding:0!important;display:block;border:0!important;background:transparent!important}
.overview-home[data-overview-state="all"] .overview-app-library .launcher-categories{display:none}
.overview-home[data-overview-state="all"] .overview-app-library .launcher-results{height:100%;padding:5px;overflow:auto;background:transparent;scrollbar-width:thin}
.overview-home[data-overview-state="all"] .overview-app-library .all-apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));grid-auto-rows:min-content;gap:3px}
.overview-home[data-overview-state="all"] .overview-app-library .launcher-app{min-width:0;min-height:57px;padding:5px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:6px;text-align:left}
.overview-home[data-overview-state="all"] .overview-app-library .launcher-icon{width:32px;height:32px}.overview-home[data-overview-state="all"] .overview-app-library .app-art,.overview-home[data-overview-state="all"] .overview-app-library .app-tile{width:31px;height:31px}
.overview-home[data-overview-state="all"] .overview-app-library .launcher-app>span:last-child{font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis}

/* The desktop miniature gets the remaining width and height. It is the visual
   anchor, but no longer pushes project/app/system state below the fold. */
.overview-home[data-overview-state="all"] .desktop-stage-heading>div{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px}
.overview-home[data-overview-state="all"] .overview-desktop-stage{min-height:0;height:100%;border:0;border-radius:0!important}
.overview-home[data-overview-state="all"] .overview-desktop-stage .overview-window-grid{inset:9px 66px 46px 105px}
.overview-home[data-overview-state="all"] .overview-area-mini-apps{left:8px;top:8px;bottom:46px;width:36px}.overview-home[data-overview-state="all"] .overview-area-mini-project{left:49px;top:8px;bottom:46px;width:48px}.overview-home[data-overview-state="all"] .overview-area-mini-system{right:8px;top:8px;bottom:46px;width:50px}

/* System lane follows the dynamic-to-static priority already used by the
   real zone. Frequent state is visible first; structural controls sit last. */
.overview-home[data-overview-state="all"] .overview-widget{flex:0 0 auto;margin:0;padding:8px 9px!important;border:0!important;border-bottom:1px solid var(--sd-glass-groove)!important;background:transparent!important}
.overview-home[data-overview-state="all"] .overview-clock-widget{order:1;min-height:64px}.overview-home[data-overview-state="all"] .overview-now-playing{order:2}.overview-home[data-overview-state="all"] .overview-agenda-widget{order:3}.overview-home[data-overview-state="all"] .overview-quick-widget{order:4}.overview-home[data-overview-state="all"] .overview-connect-widget{order:5}.overview-home[data-overview-state="all"] .overview-areas-widget{order:6}
.overview-home[data-overview-state="all"] .overview-clock-widget>.live-time{font-size:28px}.overview-home[data-overview-state="all"] .overview-quick-grid{gap:4px;margin-top:6px}.overview-home[data-overview-state="all"] .overview-quick-grid .quick-toggle{min-height:34px}
.overview-home[data-overview-state="all"] .overview-area-row{min-height:36px}.overview-home[data-overview-state="all"] .area-list-icon{width:25px;height:25px}.overview-home[data-overview-state="all"] .overview-area-row>button{height:27px}

body[data-theme="light"] .overview-zone-lane,
body[data-theme="light"] .overview-home[data-overview-state="all"] .overview-apps-section,
body[data-theme="light"] .overview-home[data-overview-state="all"] .open-windows-section,
body[data-theme="light"] .overview-home[data-overview-state="all"] .overview-widgets{background:color-mix(in srgb,var(--lane-accent) 3%,rgba(255,255,255,.18))}

@media(max-width:1280px){
  .overview-home[data-overview-state="all"]{grid-template-columns:minmax(0,1fr) 242px}
  .overview-home[data-overview-state="all"] .overview-main{grid-template-columns:minmax(215px,.72fr) minmax(186px,.62fr) minmax(360px,1.5fr);gap:7px}
  .overview-home[data-overview-state="all"] .overview-app-library .all-apps-grid{grid-template-columns:1fr}
  .overview-home[data-overview-state="all"] .overview-app-library .launcher-app{min-height:49px}
  .overview-project-zone .workspace-context-card{display:none}
}
@media(max-width:980px){
  .universal-search-shell{display:block;overflow:auto}
  .overview-home[data-overview-state="all"]{display:block;overflow:visible}
  .overview-home[data-overview-state="all"] .overview-main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:520px 540px;overflow:visible}
  .overview-project-zone{grid-column:1;grid-row:1}.overview-home[data-overview-state="all"] .overview-apps-section{grid-column:2;grid-row:1}.overview-home[data-overview-state="all"] .open-windows-section{grid-column:1/-1;grid-row:2}
  .overview-home[data-overview-state="all"] .overview-widgets{margin-top:10px;max-height:none;display:grid;grid-template-columns:1fr 1fr;overflow:visible}
  .overview-system-heading{grid-column:1/-1;position:static}.overview-home[data-overview-state="all"] .overview-widget{border-right:1px solid var(--sd-glass-groove)!important}
}
@media(max-width:620px){
  .overview-home[data-overview-state="all"] .overview-main{display:flex;flex-direction:column}.overview-project-zone,.overview-home[data-overview-state="all"] .overview-apps-section{min-height:480px}.overview-home[data-overview-state="all"] .open-windows-section{min-height:520px}
  .overview-home[data-overview-state="all"] .overview-widgets{display:flex}.overview-system-heading{position:static}
}
.area-window :is(.notification,.timer-face,.next-event,.device-row,.project-path,.project-quick-note,.project-clipboard){
  border:0!important;
  border-left:1px solid var(--sd-glass-groove)!important;
  border-radius:0!important;
  background:rgba(255,255,255,.018)!important;
  box-shadow:none!important;
}
.area-window :is(.notification,.next-event,.device-row):hover{
  background:var(--sd-glass-hover)!important;
}

/* Glass controls are engraved boundaries in the parent sheet. They do not
   rise, jump or cast a second outer shadow. Pressing reverses the tiny inner
   reflection in 8 ms, like the microswitch under a mouse button. */
:is(.area-window,.universal-search,.desktop-context-menu,.all-apps-drawer,.toast,.desktop-glass-dialog) button.material-glass-button:is(.control-push,.control-toggle){
  --glass-key-tone:var(--state-tone,var(--toggle-tone,var(--area-header-accent,var(--workspace-accent,var(--blue)))));
  border:1px solid color-mix(in srgb,var(--glass-key-tone) 7%,var(--sd-glass-groove))!important;
  border-radius:2px!important;
  background:rgba(255,255,255,.018)!important;
  box-shadow:
    inset 0 1px var(--sd-glass-highlight),
    inset 0 -1px rgba(0,0,0,.18)!important;
  filter:none!important;
  transform:none!important;
  transition:background 36ms linear,border-color 36ms linear,box-shadow 16ms linear!important;
}
:is(.area-window,.universal-search,.desktop-context-menu,.all-apps-drawer,.toast,.desktop-glass-dialog) button.material-glass-button:is(.control-push,.control-toggle):hover{
  border-color:color-mix(in srgb,var(--glass-key-tone) 17%,var(--sd-glass-groove))!important;
  background:color-mix(in srgb,var(--glass-key-tone) 4%,var(--sd-glass-hover))!important;
  box-shadow:inset 0 1px color-mix(in srgb,var(--glass-key-tone) 5%,var(--sd-glass-highlight)),inset 0 -1px rgba(0,0,0,.18)!important;
}
:is(.area-window,.universal-search,.desktop-context-menu,.all-apps-drawer,.toast,.desktop-glass-dialog) button.material-glass-button:is(.control-push,.control-toggle):active{
  border-color:color-mix(in srgb,var(--glass-key-tone) 20%,var(--sd-glass-groove))!important;
  background:color-mix(in srgb,var(--glass-key-tone) 5%,var(--sd-glass-down))!important;
  box-shadow:inset 0 2px 3px rgba(0,0,0,.25),inset 0 -1px rgba(255,255,255,.055)!important;
  transform:none!important;
  transition-duration:8ms!important;
}
:is(.area-window,.universal-search,.desktop-context-menu,.all-apps-drawer,.toast,.desktop-glass-dialog) button.material-glass-button.control-toggle:is(.is-active,[aria-pressed="true"],[aria-selected="true"]){
  border-color:color-mix(in srgb,var(--glass-key-tone) 16%,var(--sd-glass-groove))!important;
  background:color-mix(in srgb,var(--glass-key-tone) 5%,var(--sd-glass-down))!important;
  box-shadow:inset 0 2px 3px rgba(0,0,0,.22),inset 0 -1px rgba(255,255,255,.05)!important;
  transform:none!important;
}

/* Only toggles retain a light after the click. On acrylic this is light caught
   by a one-pixel engraving, with a small local bloom rather than a halo. */
:is(.area-window,.universal-search,.desktop-glass-dialog) button.material-glass-button.control-toggle::after{
  height:1px!important;
  left:7px!important;
  right:7px!important;
  bottom:2px!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:0!important;
}
:is(.area-window,.universal-search,.desktop-glass-dialog) button.material-glass-button.control-toggle:is(.is-active,[aria-pressed="true"],[aria-selected="true"])::after{
  display:block!important;
  background:color-mix(in srgb,var(--state-tone,var(--glass-key-tone,var(--area-header-accent,var(--blue)))) 84%,white 16%)!important;
  box-shadow:
    0 0 1px color-mix(in srgb,var(--state-tone,var(--glass-key-tone,var(--area-header-accent,var(--blue)))) 82%,transparent),
    0 0 4px color-mix(in srgb,var(--state-tone,var(--glass-key-tone,var(--area-header-accent,var(--blue)))) 32%,transparent)!important;
  opacity:1!important;
}

/* App launchers remain normal full-colour icons. Their open/selected state is
   an acrylic engraving only—there is no extra icon well around the artwork. */
.apps-zone .app-key.material-glass-button,
.apps-zone .app-key.material-glass-button:is(.control-push,.control-toggle){
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}
.apps-zone .app-key.material-glass-button:hover{background:var(--sd-glass-hover)!important}
.apps-zone .app-key.material-glass-button:active{background:var(--sd-glass-down)!important}
.apps-zone .app-key .app-art{filter:none!important}

/* Fields are shallow cut-outs in the acrylic. Focus lights only the bottom
   engraving instead of drawing a coloured aura around the entire field. */
:is(.area-window,.universal-search,.all-apps-drawer) :is(.material-glass-field,input.material-glass-field,textarea.material-glass-field,select.material-glass-field){
  border:1px solid var(--sd-glass-groove)!important;
  border-radius:2px!important;
  background:var(--sd-glass-face-deep)!important;
  box-shadow:inset 0 2px 3px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.035)!important;
}
:is(.area-window,.universal-search,.all-apps-drawer) :is(.material-glass-field,input.material-glass-field,textarea.material-glass-field,select.material-glass-field):focus-within,
:is(.area-window,.universal-search,.all-apps-drawer) :is(input.material-glass-field,textarea.material-glass-field,select.material-glass-field):focus{
  border-color:var(--sd-glass-groove)!important;
  box-shadow:
    inset 0 2px 3px rgba(0,0,0,.19),
    inset 0 -1px color-mix(in srgb,var(--state-tone,var(--area-header-accent,var(--blue))) 86%,white 14%),
    0 1px 3px color-mix(in srgb,var(--state-tone,var(--area-header-accent,var(--blue))) 28%,transparent)!important;
  outline:0!important;
}
.universal-search-field{
  border-radius:2px!important;
  background:var(--sd-glass-face-deep)!important;
}

/* Acrylic range: frosted groove, luminous engraved fill, transparent square
   thumb. The colour is local to the filled section only. */
:is(.area-window,.universal-search) input[type="range"].material-glass-field{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
:is(.area-window,.universal-search) input[type="range"].material-glass-field::-webkit-slider-runnable-track{
  height:4px!important;
  border:1px solid var(--sd-glass-groove)!important;
  border-radius:0!important;
  background:
    linear-gradient(90deg,
      color-mix(in srgb,var(--app-primary,var(--area-header-accent,var(--blue))) 86%,white 14%) 0 var(--range-progress,0%),
      transparent var(--range-progress,0%) 100%) center/100% 1px no-repeat,
    var(--sd-glass-face-deep)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.26),0 0 3px color-mix(in srgb,var(--app-primary,var(--area-header-accent,var(--blue))) 18%,transparent)!important;
}
:is(.area-window,.universal-search) input[type="range"].material-glass-field::-webkit-slider-thumb{
  width:12px!important;
  height:16px!important;
  margin-top:-7px!important;
  border:1px solid color-mix(in srgb,var(--app-primary,var(--area-header-accent,var(--blue))) 12%,var(--sd-glass-edge))!important;
  border-radius:2px!important;
  background:rgba(190,226,241,.12)!important;
  box-shadow:inset 0 1px var(--sd-glass-highlight),inset 0 -1px var(--sd-glass-groove-low),0 1px 2px rgba(0,0,0,.22)!important;
}
:is(.area-window,.universal-search) input[type="range"].material-glass-field::-moz-range-track{
  height:2px!important;
  border:1px solid var(--sd-glass-groove)!important;
  border-radius:0!important;
  background:var(--sd-glass-face-deep)!important;
}
:is(.area-window,.universal-search) input[type="range"].material-glass-field::-moz-range-progress{
  height:1px!important;
  border:0!important;
  border-radius:0!important;
  background:color-mix(in srgb,var(--app-primary,var(--area-header-accent,var(--blue))) 86%,white 14%)!important;
  box-shadow:0 0 3px color-mix(in srgb,var(--app-primary,var(--area-header-accent,var(--blue))) 28%,transparent)!important;
}
:is(.area-window,.universal-search) input[type="range"].material-glass-field::-moz-range-thumb{
  width:12px!important;
  height:16px!important;
  border:1px solid color-mix(in srgb,var(--app-primary,var(--area-header-accent,var(--blue))) 12%,var(--sd-glass-edge))!important;
  border-radius:2px!important;
  background:rgba(190,226,241,.12)!important;
  box-shadow:inset 0 1px var(--sd-glass-highlight),inset 0 -1px var(--sd-glass-groove-low),0 1px 2px rgba(0,0,0,.22)!important;
}

/* Overview is a full acrylic Area. Its structural regions are etched panels;
   content rows remain flat and use a single local selection line. */
.universal-search-shell{border-radius:0!important}
.universal-search-header{border-bottom:1px solid var(--sd-glass-groove)!important}
.universal-search :is(.workspace-context-card,.overview-window,.overview-project,.universal-result,.overview-area-row,.launcher-category,.launcher-app){
  border:0!important;
  border-radius:2px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.universal-search :is(.overview-window,.overview-project,.universal-result,.overview-area-row,.launcher-category,.launcher-app):hover{
  background:var(--sd-glass-hover)!important;
}
.universal-search :is(.overview-project,.universal-result,.launcher-category):is(.is-active,[aria-selected="true"]){
  background:color-mix(in srgb,var(--state-tone,var(--project-card-accent,var(--workspace-accent,var(--blue)))) 6%,transparent)!important;
  box-shadow:inset 1px 0 color-mix(in srgb,var(--state-tone,var(--project-card-accent,var(--workspace-accent,var(--blue)))) 86%,white 14%)!important;
}
.universal-search .overview-window-preview{
  border:1px solid var(--sd-glass-groove)!important;
  border-radius:2px!important;
  background:var(--sd-glass-face-deep)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
.universal-search-footer{border-top:1px solid var(--sd-glass-groove)!important;color:var(--sd-glass-muted)!important}
.universal-search kbd,
.desktop-context-menu kbd{
  border:1px solid var(--sd-glass-groove)!important;
  border-radius:2px!important;
  background:rgba(255,255,255,.025)!important;
  box-shadow:inset 0 1px var(--sd-glass-highlight)!important;
}

/* Context menus and the app drawer are single square sheets. Their rows are
   content, not nested glass buttons. */
.desktop-context-menu.material-surface-glass,
.all-apps-drawer.material-surface-glass,
.toast.material-surface-glass{border-radius:0!important}
.desktop-context-menu.material-surface-glass .context-menu-title,
.all-apps-drawer.material-surface-glass .all-apps-heading{
  border:0!important;
  border-bottom:1px solid var(--sd-glass-groove)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.desktop-context-menu.material-surface-glass .context-menu-item.material-glass-button,
.all-apps-drawer.material-surface-glass :is(.launcher-category,.launcher-app){
  border:0!important;
  border-left:1px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.desktop-context-menu.material-surface-glass .context-menu-item.material-glass-button:hover,
.desktop-context-menu.material-surface-glass .context-menu-item.material-glass-button:focus-visible,
.all-apps-drawer.material-surface-glass :is(.launcher-category,.launcher-app):hover{
  border-left-color:var(--sd-glass-edge)!important;
  background:var(--sd-glass-hover)!important;
  box-shadow:none!important;
}
.desktop-context-menu.material-surface-glass .context-menu-item.material-glass-button:active,
.all-apps-drawer.material-surface-glass :is(.launcher-category,.launcher-app):active{
  border-left-color:var(--sd-glass-edge)!important;
  background:var(--sd-glass-down)!important;
  box-shadow:none!important;
  transform:none!important;
  transition-duration:8ms!important;
}
.desktop-context-menu.material-surface-glass .context-menu-separator{height:1px;background:var(--sd-glass-groove)!important;box-shadow:none!important}
.all-apps-drawer.material-surface-glass :is(.launcher-body,.launcher-results,.launcher-categories){background:transparent!important}

/* Resize and pressure affordances are engravings until the pointer injects
   colour into that exact edge. */
.area-resize-handle,
.area-window[data-dock-edge]>.area-resize-handle{
  border-radius:0!important;
  background:var(--sd-glass-groove)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
  opacity:.72;
}
.area-resize-handle:hover,
.area-window.is-area-resizing>.area-resize-handle{
  background:color-mix(in srgb,var(--area-header-accent) 82%,white 18%)!important;
  box-shadow:0 0 4px color-mix(in srgb,var(--area-header-accent) 32%,transparent)!important;
  opacity:1;
}

@media(prefers-reduced-transparency:reduce){
  :is(.area-window,.universal-search,.desktop-context-menu.material-surface-glass,.all-apps-drawer.material-surface-glass,.toast.material-surface-glass){
    background:color-mix(in srgb,var(--sd-glass-face) 96%,#101a20 4%)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}

/* v109 — Areas are panes, not framed boxes. Keep only a faint top cut and a
   workspace-facing resize engraving. Scrollable content owns the middle of
   the pane; headers and footers stay in normal layout and never overlap it. */
.area-window,
body.areas-docked .area-window{
  border:0!important;
  outline:0!important;
  overflow:hidden!important;
  /* Keep the acrylic edge inside the Area: an outer blurred shadow paints
     a full-height shaded column over the neighbouring desktop-icon gap. */
  box-shadow:inset 0 1px rgba(236,250,255,.065)!important;
}
body[data-theme="light"] .area-window,
body[data-theme="light"].areas-docked .area-window{
  box-shadow:inset 0 1px rgba(255,255,255,.34)!important;
}

.area-window .area-window-bar,
.systems-zone .area-window-bar,
.area-window[data-area-state="rail"] .area-window-bar{
  position:relative!important;
  top:auto!important;
  z-index:12;
  flex:0 0 var(--ui-header-h);
  min-height:var(--ui-header-h);
  margin:calc(-1 * var(--ui-area-pad)) calc(-1 * var(--ui-area-pad)) 8px!important;
}
.area-window .area-window-bar::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  pointer-events:none;
  background:color-mix(in srgb,var(--area-header-accent) 42%,var(--sd-glass-groove));
  opacity:.85;
}

/* Apps: only the live-card list scrolls. The app rack and bottom launcher are
   outside that viewport, so no card can pass behind either fixed region. */
.apps-zone{overflow:hidden!important}
.apps-zone .app-rack{flex:0 0 auto}
.apps-zone .mini-section{
  min-height:0;
  flex:1 1 auto;
  overflow:hidden;
}
.apps-zone .mini-stack{
  min-height:0;
  max-height:100%;
  overflow-y:auto;
  overscroll-behavior:contain;
  scroll-padding-block:8px;
}
.apps-zone .apps-bottom{
  position:relative;
  z-index:10;
  flex:0 0 auto;
  margin-bottom:0;
}

/* System: the Area itself no longer scrolls under its header. Dynamic items
   get a bounded upper viewport; pinned widgets use the remaining lower space
   and keep their bottom alignment while still being independently scrollable. */
.systems-zone[data-dock-edge="left"],
.systems-zone[data-dock-edge="right"]{
  overflow:hidden!important;
}
.systems-zone[data-dock-edge="left"] .dynamic-widget-stack,
.systems-zone[data-dock-edge="right"] .dynamic-widget-stack{
  flex:0 1 auto;
  max-height:min(34vh,310px);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.systems-zone[data-dock-edge="left"] .static-widget-stack,
.systems-zone[data-dock-edge="right"] .static-widget-stack{
  min-height:0;
  flex:1 1 auto;
  margin-top:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scroll-padding-block:8px;
  scrollbar-width:thin;
}

/* Project: switcher and session controls are fixed siblings around exactly one
   scroll viewport. The viewport shrinks before it can enter either sibling. */
.project-area{overflow:hidden!important}
.project-area .project-switcher{
  position:relative;
  z-index:9;
  flex:0 0 auto;
}
.project-area .project-space-content{
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  overscroll-behavior:contain;
  scroll-padding-block:8px;
}
.project-area[data-dock-edge="left"] .project-space-content,
.project-area[data-dock-edge="right"] .project-space-content{
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.project-area .project-session-bar,
.project-area .project-closed-state,
.project-area .project-rail-tools{
  position:relative;
  z-index:10;
  flex-shrink:0;
}

/* Rail headers use the same thin treatment without reintroducing a boxed edge. */
.area-window[data-area-state="rail"]{
  border:0!important;
  box-shadow:inset 0 1px rgba(236,250,255,.055)!important;
}
.area-window[data-area-state="rail"][data-dock-edge="top"] .area-window-bar,
.area-window[data-area-state="rail"][data-dock-edge="bottom"] .area-window-bar{
  margin:-5px 0 -5px -5px!important;
}

/* v110 — The resize target stays comfortably wide, but it is not material.
   Only its one-pixel engraved centre line is visible. v108 accidentally filled
   the complete 11px hit target, which read as a heavy frame around the Area. */
.area-resize-handle,
.area-window[data-dock-edge]>.area-resize-handle,
.area-resize-handle:hover,
.area-window.is-area-resizing>.area-resize-handle{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
}
.area-resize-handle::after{
  background:var(--sd-glass-groove)!important;
  box-shadow:none!important;
  opacity:.42!important;
}
.area-resize-handle:hover::after,
.area-window.is-area-resizing>.area-resize-handle::after{
  background:color-mix(in srgb,var(--area-header-accent) 72%,white 28%)!important;
  box-shadow:0 0 3px color-mix(in srgb,var(--area-header-accent) 25%,transparent)!important;
  opacity:.82!important;
}

/* v111 — System gets one explicit middle viewport. The Area shell and header
   never scroll; every system item remains reachable in a single continuous
   scroll instead of depending on a dock attribute or nested widget scrollers. */
.systems-zone{
  overflow:hidden!important;
  gap:0!important;
}
.systems-zone>.system-scroll-region{
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:7px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scroll-padding-block:8px;
  scrollbar-width:thin;
  scrollbar-color:var(--sd-glass-groove) transparent;
}
.systems-zone>.system-scroll-region>.dynamic-widget-stack,
.systems-zone>.system-scroll-region>.static-widget-stack{
  max-height:none!important;
  overflow:visible!important;
}
.systems-zone>.system-scroll-region>.dynamic-widget-stack{
  flex:0 0 auto!important;
}
.systems-zone>.system-scroll-region>.static-widget-stack{
  min-height:auto;
  flex:0 0 auto!important;
  margin-top:auto;
}
.systems-zone>.system-scroll-region::-webkit-scrollbar{width:5px}
.systems-zone>.system-scroll-region::-webkit-scrollbar-track{background:transparent}
.systems-zone>.system-scroll-region::-webkit-scrollbar-thumb{
  border:2px solid transparent;
  background:var(--sd-glass-groove);
  background-clip:content-box;
}

/* Horizontal docks already distribute these items across the panel grid. */
.systems-zone[data-dock-edge="top"]>.system-scroll-region,
.systems-zone[data-dock-edge="bottom"]>.system-scroll-region{
  display:contents;
}

/* v113 — The app window is the soft movable object; its workspace is not a
   stack of smaller panels. Only structural content surfaces use square joins.
   Controls and discrete objects keep the app's tactile squircle language. */
:is(.app-frame,.package-window) :where(
  .file-well,
  .music-hero,
  .playlist,
  .start-page,
  .terminal-screen,
  .notes-layout,
  .notes-layout nav,
  .notes-layout textarea,
  .package-panel,
  .import-map
){
  border-radius:0!important;
  corner-shape:square!important;
}

.app-frame :where(
  button,
  input:not([type="range"]),
  textarea,
  select,
  label,
  .app-badge,
  .folder-tab,
  .nav-choice
){
  border-radius:var(--window-control-corner)!important;
  corner-shape:squircle!important;
}

/* Artwork and self-contained objects are allowed to read as objects rather
   than layout seams. */
.app-frame .album-block{
  border-radius:var(--window-control-corner)!important;
  corner-shape:squircle!important;
}

/* Content rows belong to the solid document surface, so selection is a flat
   strip rather than another rounded card. */
.app-frame :where(.content-row,.playlist .content-row){
  border-radius:0!important;
  corner-shape:square!important;
}

/* v114 — Keep the cursor glassy inside, but give every glyph a crisp,
   opaque two-tone edge. The dark outer keyline survives bright surfaces and
   the cool-white inner edge survives dark ones without filling the cursor. */
.cursor-outline{
  fill:none!important;
  stroke:#071014!important;
  stroke-width:3.35!important;
  stroke-linejoin:round!important;
  filter:drop-shadow(0 1px .55px rgba(0,0,0,.58))!important;
}
.cursor-edge{
  fill:rgba(174,222,242,.04)!important;
  stroke:#eefaff!important;
  stroke-width:1.3!important;
  stroke-linejoin:round!important;
  paint-order:stroke fill!important;
  filter:none!important;
}
.cursor-line{
  stroke:#eefaff!important;
  stroke-width:2.25!important;
  filter:
    drop-shadow(0 0 .75px #071014)
    drop-shadow(0 1px .6px rgba(0,0,0,.78))!important;
}
.cursor-badge{
  stroke:#eefaff!important;
  stroke-width:1.3!important;
}

/* v115 — The border is not a fixed colour. White in difference blend mode
   resolves to the live inverse of the already inverted glass interior, so the
   outline always opposes the colour directly inside the cursor. */
.cursor-outline{
  stroke:#fff!important;
  stroke-width:3.1!important;
  mix-blend-mode:difference;
  filter:none!important;
}
.cursor-edge{
  stroke:rgba(238,250,255,.26)!important;
  stroke-width:.7!important;
  mix-blend-mode:normal;
  filter:none!important;
}
.cursor-line{
  stroke:#fff!important;
  stroke-width:2.75!important;
  mix-blend-mode:difference;
  filter:none!important;
}
.cursor-badge{
  stroke:#fff!important;
  mix-blend-mode:difference;
  filter:none!important;
}

/* v116 — A true inverse border. The backdrop inversion is masked away from
   the silhouette edge; that transparent ring shows the original pixels while
   the interior shows their inverse. Therefore the ring is mathematically the
   opposite of the cursor interior instead of merely blending with the page. */
.material-cursor{
  --cursor-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath fill='white' stroke='black' stroke-width='3.2' stroke-linejoin='round' d='M3 2.5l.35 25.55c.01.72.9 1.05 1.39.52l4.75-5.18 5.17 10.69c.29.61 1.02.86 1.63.56l3.39-1.65c.61-.3.86-1.03.57-1.64l-5.13-10.61 7.68-.18c.73-.02 1.02-.93.47-1.4L4.33 1.9C3.8 1.46 3 1.83 3 2.5Z'/%3E%3C/svg%3E");
}
.material-cursor::before{
  -webkit-mask-mode:luminance;
  mask-mode:luminance;
}
.material-cursor.is-pointer{
  --cursor-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath fill='white' stroke='black' stroke-width='3.2' stroke-linejoin='round' d='M9 17V7a2 2 0 0 1 4 0v7-9a2 2 0 0 1 4 0v9-7a2 2 0 0 1 4 0v8-4a2 2 0 0 1 4 0v9c0 8-4 13-11 13h-1c-4 0-6-3-8-6l-3-6a2 2 0 0 1 3-2Z'/%3E%3C/svg%3E");
}
.material-cursor.is-grab,
.material-cursor.is-grabbing{
  --cursor-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath fill='white' stroke='black' stroke-width='3.2' stroke-linejoin='round' d='M5 17v-5a2 2 0 0 1 4 0v4-8a2 2 0 0 1 4 0v8-10a2 2 0 0 1 4 0v10-8a2 2 0 0 1 4 0v9-5a2 2 0 0 1 4 0v9c0 8-4 12-11 12h-1C7 33 5 28 5 23Z'/%3E%3C/svg%3E");
}
.material-cursor.is-forbidden{
  --cursor-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Ccircle fill='white' stroke='black' stroke-width='3.2' cx='14' cy='18' r='10'/%3E%3C/svg%3E");
}
.material-cursor.is-help,
.material-cursor.is-progress,
.material-cursor.is-copy{
  --cursor-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath fill='white' stroke='black' stroke-width='3.2' stroke-linejoin='round' d='M3 2.5l.35 25.55c.01.72.9 1.05 1.39.52l4.75-5.18 5.17 10.69c.29.61 1.02.86 1.63.56l3.39-1.65c.61-.3.86-1.03.57-1.64l-5.13-10.61 7.68-.18c.73-.02 1.02-.93.47-1.4L4.33 1.9C3.8 1.46 3 1.83 3 2.5Z'/%3E%3Ccircle fill='white' stroke='black' stroke-width='3.2' cx='21' cy='27' r='5.7'/%3E%3C/svg%3E");
}

/* The ring now comes from real backdrop pixels, so fixed SVG strokes would
   only cover it and destroy the inverse relationship. */
.material-cursor :is(.cursor-outline,.cursor-edge){stroke:transparent!important;filter:none!important}
.material-cursor .cursor-glass{fill:transparent!important}
.material-cursor .cursor-badge{fill:transparent!important;stroke:transparent!important;filter:none!important}

/* v117 — The inverse band needs a visible boundary: the original-colour band
   naturally merges into the page outside it. A stacked dark outer keyline and
   bright inner hairline makes the line opposite the interior win perceptually:
   black interior exposes white; white interior exposes black. */
.material-cursor .cursor-outline{
  fill:none!important;
  stroke:rgba(4,9,13,.96)!important;
  stroke-width:3.75!important;
  stroke-linejoin:round!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}
.material-cursor .cursor-edge{
  fill:transparent!important;
  stroke:rgba(242,251,255,.98)!important;
  stroke-width:1.05!important;
  stroke-linejoin:round!important;
  paint-order:stroke!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}
.material-cursor .cursor-badge{
  fill:transparent!important;
  stroke:rgba(242,251,255,.96)!important;
  stroke-width:1.05!important;
  mix-blend-mode:normal!important;
}
.material-cursor .cursor-line{
  stroke:rgba(242,251,255,.98)!important;
  stroke-width:2.45!important;
  mix-blend-mode:normal!important;
  filter:
    drop-shadow(0 0 .7px rgba(4,9,13,.98))
    drop-shadow(0 1px .55px rgba(4,9,13,.78))!important;
}

/* v118 — One border, one sampled colour. JavaScript composites the solid
   surface beneath the pointer and assigns that original colour to the outline;
   the glass interior is the inverse of that surface. */
.material-cursor{
  --cursor-border-color:rgb(4 9 13);
  --cursor-mark-color:rgb(242 251 255);
}
.material-cursor .cursor-outline{
  stroke:var(--cursor-border-color)!important;
  stroke-width:2.75!important;
  filter:none!important;
}
.material-cursor .cursor-edge{
  stroke:transparent!important;
  stroke-width:0!important;
  filter:none!important;
}
.material-cursor .cursor-badge{
  stroke:var(--cursor-border-color)!important;
  stroke-width:2.25!important;
  filter:none!important;
}
.material-cursor .cursor-line{
  stroke:var(--cursor-mark-color)!important;
  stroke-width:2.45!important;
  filter:none!important;
}

/* v120 — Full-desktop reconciliation pass.
   The project note absorbs otherwise unused height in vertical docks, while
   headers stay compact enough to preserve their identity at narrow widths. */
.project-area[data-area-state="expanded"][data-dock-edge="left"] .project-note-module,
.project-area[data-area-state="expanded"][data-dock-edge="right"] .project-note-module{
  flex:1 1 190px;
  min-height:142px;
}
.project-area[data-area-state="expanded"] .area-window-actions{gap:3px}
.project-area[data-area-state="expanded"] .area-window-key{
  width:27px;
  height:27px;
}
.project-area[data-area-state="expanded"] .area-window-icon{
  width:28px;
  height:28px;
}

/* Every interactive element gets an equally legible keyboard state. This is
   a thin state indicator, not another material layer or permanent toggle LED. */
:where(button,input,textarea,select,[tabindex]):focus-visible{
  outline:2px solid color-mix(in srgb,var(--blue) 78%,white 22%);
  outline-offset:2px;
}
.app-frame :where(button,input,textarea,select,[tabindex]):focus-visible{
  outline-color:color-mix(in srgb,var(--app-primary,var(--blue)) 78%,white 22%);
}
.area-window :where(button,input,textarea,select,[tabindex]):focus-visible{
  outline-color:color-mix(in srgb,var(--area-header-accent,var(--blue)) 76%,white 24%);
}
body[data-theme="light"] :where(button,input,textarea,select,[tabindex]):focus-visible{
  outline-color:color-mix(in srgb,var(--blue) 82%,#132b3b 18%);
}

/* v122 — A single restrained LED on the System Area confirms that another
   fullscreen Site window is participating in the same local desktop session. */
.systems-zone .area-window-icon{position:relative}
body.is-session-synced .systems-zone .area-window-icon::before{
  content:"";
  position:absolute;
  right:2px;
  bottom:2px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#64dff2;
  box-shadow:0 0 4px rgba(100,223,242,.72);
}
body[data-theme="light"].is-session-synced .systems-zone .area-window-icon::before{
  background:#087f9d;
  box-shadow:0 0 3px rgba(8,127,157,.36);
}

/* v123 — An Area rendered on the other physical display is still open; it is
   only omitted locally. Disconnecting that display immediately restores it. */
.area-window.is-on-other-display{
  display:none!important;
}

/* v130 — One open Project can expose several saved working Modes. Modes are
   genuine toggle states: their thin LED remains visible, while the status bar
   is informational rather than another pressable control. */
.project-mode-switcher[hidden]{display:none!important}
.project-mode-switcher{
  align-items:stretch;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}
.project-mode-switcher::-webkit-scrollbar{display:none}
.project-mode-choice{
  flex:1 1 0;
  min-width:94px;
  max-width:170px;
}
.project-mode-choice .project-choice-icon{
  display:block;
  flex:0 0 15px;
  width:15px;
  height:15px;
  color:var(--project-accent);
}
.project-area[data-dock-edge="left"] .project-mode-switcher,
.project-area[data-dock-edge="right"] .project-mode-switcher{
  display:flex;
  grid-template-columns:none;
  overflow-x:auto;
}
.project-mode-status{
  cursor:default;
  border:1px solid color-mix(in srgb,var(--project-accent) 18%,transparent);
  color:var(--text);
  background:color-mix(in srgb,var(--project-accent) 7%,var(--content-surface));
  box-shadow:inset 1px 0 color-mix(in srgb,var(--project-accent) 78%,white 22%);
}
.project-mode-status:active{transform:none}
.project-area[data-area-state="rail"] .project-mode-switcher{
  display:grid;
  grid-template-columns:1fr;
  overflow:visible;
}
.project-area[data-area-state="rail"] .project-mode-choice{
  min-width:0;
  max-width:none;
}

/* v131 — Each docked Area is one subtly coloured acrylic sheet. The tint is
   deliberately flat and restrained: it identifies the Area without turning
   its internal modules into separate cards or touching solid app content. */
.apps-zone{--area-body-tint:#3aa7ff}
.project-area{--area-body-tint:#a88aff}
.systems-zone{--area-body-tint:#36ccd7}

.area-window,
body.areas-docked .area-window{
  background:
    linear-gradient(128deg,rgba(255,255,255,.07),transparent 19% 76%,rgba(255,255,255,.022)),
    color-mix(in srgb,var(--sd-glass-face) 94%,var(--area-body-tint,var(--area-header-accent)) 6%)!important;
}
body[data-theme="light"] .area-window,
body[data-theme="light"].areas-docked .area-window{
  background:
    linear-gradient(128deg,rgba(255,255,255,.16),transparent 19% 76%,rgba(255,255,255,.05)),
    color-mix(in srgb,var(--sd-glass-face) 93%,var(--area-body-tint,var(--area-header-accent)) 7%)!important;
}
@media(prefers-reduced-transparency:reduce){
  .area-window,
  body.areas-docked .area-window{
    background:color-mix(in srgb,#101a20 94%,var(--area-body-tint,var(--area-header-accent)) 6%)!important;
  }
  body[data-theme="light"] .area-window,
  body[data-theme="light"].areas-docked .area-window{
    background:color-mix(in srgb,#eef3f5 93%,var(--area-body-tint,var(--area-header-accent)) 7%)!important;
  }
}

/* v133 terminal reconciliation. */
.universal-search .overview-desktop-stage .overview-window.material-glass-button{
  border:1px solid color-mix(in srgb,var(--overview-app) 18%,rgba(210,235,246,.34))!important;
  border-radius:13px!important;
  color:var(--text)!important;
  background:#151b1f!important;
  box-shadow:0 10px 24px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.10)!important;
}
.universal-search .overview-desktop-stage .overview-window.material-glass-button:hover{
  border-color:color-mix(in srgb,var(--overview-app) 58%,white 8%)!important;
  background:#171e22!important;
  box-shadow:0 13px 30px rgba(0,0,0,.47),inset 0 1px rgba(255,255,255,.12)!important;
}
.universal-search .overview-desktop-stage .overview-window.material-glass-button.is-front{
  border-color:color-mix(in srgb,var(--overview-app) 48%,rgba(226,244,251,.34))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.12),0 0 0 1px color-mix(in srgb,var(--overview-app) 12%,transparent)!important;
}
.universal-search .overview-task.material-glass-button{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.universal-search .overview-task.material-glass-button:hover,
.universal-search .overview-task.material-glass-button.is-active{
  background:color-mix(in srgb,var(--app-primary) 12%,transparent)!important;
}
@supports(corner-shape:squircle){
  .universal-search .overview-desktop-stage .overview-window{corner-shape:squircle!important}
}

/* v135 — The real desktop is already visible through the Overview acrylic.
   Do not duplicate it as a wallpaper miniature. This lane is now only a
   vertical index of real open/minimized ABS windows. */
.overview-home[data-overview-state="all"] .open-windows-section{
  background:color-mix(in srgb,var(--lane-accent) 2%,rgba(255,255,255,.01));
}
.overview-open-windows{
  min-width:0;
  min-height:0;
  padding:7px;
  display:flex;
  flex-direction:column;
  gap:6px;
  overflow:auto;
  scrollbar-width:thin;
  background:transparent;
}
.universal-search .overview-open-windows .overview-window{
  position:relative!important;
  inset:auto!important;
  z-index:auto!important;
  flex:0 0 112px;
  width:100%!important;
  height:112px!important;
  min-width:0!important;
  min-height:112px!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(150px,38%) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--overview-app) 22%,var(--control-edge))!important;
  border-radius:13px!important;
  color:var(--text)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--overview-app) 5%,var(--control-top)),var(--control-bottom))!important;
  box-shadow:0 5px 12px rgba(0,0,0,.22),inset 0 1px var(--control-highlight)!important;
  transform:none!important;
}
.universal-search .overview-open-windows .overview-window:hover{
  border-color:color-mix(in srgb,var(--overview-app) 48%,var(--control-edge))!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--overview-app) 8%,var(--control-top)),var(--control-bottom))!important;
  transform:translateY(-1px)!important;
}
.universal-search .overview-open-windows .overview-window:active{
  transform:translateY(1px)!important;
  box-shadow:0 2px 6px rgba(0,0,0,.18),inset 0 2px 4px rgba(0,0,0,.28)!important;
  transition-duration:8ms!important;
}
.universal-search .overview-open-windows .overview-window.is-front{border-color:color-mix(in srgb,var(--overview-app) 55%,var(--control-edge))!important}
.universal-search .overview-open-windows .overview-window.is-minimized{opacity:.76}
.universal-search .overview-open-windows .overview-window-titlebar{
  min-width:0;
  padding:10px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 8px;
  align-items:center;
  gap:9px;
  border:0;
  border-right:1px solid color-mix(in srgb,var(--overview-app) 12%,var(--control-edge));
  background:color-mix(in srgb,var(--overview-app) 6%,var(--control-top));
}
.universal-search .overview-open-windows .overview-window-titlebar>.app-art{width:36px;height:36px}
.universal-search .overview-open-windows .overview-window-titlebar b{font-size:13px}.universal-search .overview-open-windows .overview-window-titlebar small{margin-top:3px;font-size:11px;color:var(--muted)}
.universal-search .overview-open-windows .overview-window-titlebar>i{width:6px;height:6px;background:var(--overview-app);box-shadow:0 0 4px color-mix(in srgb,var(--overview-app) 45%,transparent)}
.universal-search .overview-open-windows .overview-mini-content{min-width:0;min-height:0;height:100%;border:0;background:var(--app-content,#101417)}
.overview-open-windows .workspace-no-windows{min-height:170px;margin:auto 8px;padding:18px;display:grid;place-items:center;align-content:center;gap:7px;border:1px dashed var(--sd-glass-groove);color:var(--sd-glass-muted);text-align:center}
.overview-open-windows .workspace-no-windows>span{width:40px;height:40px;display:grid;place-items:center}.overview-open-windows .workspace-no-windows svg{width:22px;height:22px}.overview-open-windows .workspace-no-windows b{font-size:14px;color:var(--text)}.overview-open-windows .workspace-no-windows small{max-width:260px;font-size:12px;line-height:1.4}
body[data-theme="light"] .universal-search .overview-open-windows .overview-window{background:linear-gradient(180deg,color-mix(in srgb,var(--overview-app) 5%,#f4f7f8),#dfe5e8)!important;box-shadow:0 5px 12px rgba(45,70,82,.14),inset 0 1px white!important}
@media(max-width:1280px){.universal-search .overview-open-windows .overview-window{grid-template-columns:1fr!important;grid-template-rows:48px minmax(0,1fr)!important;flex-basis:146px;height:146px!important;min-height:146px!important}.universal-search .overview-open-windows .overview-window-titlebar{padding:6px 8px;grid-template-columns:30px minmax(0,1fr) 8px;border-right:0;border-bottom:1px solid var(--control-edge)}.universal-search .overview-open-windows .overview-window-titlebar>.app-art{width:30px;height:30px}}

/* v138 — the acrylic attention light is a short moving segment, not a side
   stripe or a permanent halo. It makes one complete circuit around the exact
   thing that is notifying, then leaves the material quiet again. */
@property --notification-orbit{
  syntax:"<angle>";
  inherits:false;
  initial-value:-42deg;
}
.notification.is-new-attention{
  --attention-tone:var(--notification-tone,var(--blue));
  isolation:isolate;
}
.notification.is-new-attention::before,
.systems-zone[data-area-state="rail"].has-notification-attention .notification-widget .widget-heading::after,
.notification-peek.is-attending::before{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  padding:1px;
  pointer-events:none;
  background:conic-gradient(
    from var(--notification-orbit),
    transparent 0deg 282deg,
    color-mix(in srgb,var(--attention-tone) 20%,transparent) 296deg,
    color-mix(in srgb,var(--attention-tone) 78%,white 22%) 316deg,
    color-mix(in srgb,var(--attention-tone) 42%,transparent) 332deg,
    transparent 346deg 360deg
  );
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  opacity:0;
  animation:notification-perimeter-orbit 2.35s cubic-bezier(.22,.68,.24,1) both;
}
.notification-widget.has-new-attention .widget-heading>div>svg,
.notification-widget.has-new-attention #notificationCount{
  color:color-mix(in srgb,var(--blue) 84%,white 16%);
  text-shadow:0 0 3px color-mix(in srgb,var(--blue) 30%,transparent);
}
.systems-zone[data-area-state="rail"].has-notification-attention .notification-widget .widget-heading{
  --attention-tone:var(--blue);
  position:relative;
  isolation:isolate;
}
@keyframes notification-perimeter-orbit{
  0%{--notification-orbit:-42deg;opacity:0}
  7%{opacity:.96}
  90%{opacity:.88}
  100%{--notification-orbit:318deg;opacity:0}
}

.notification-peek{
  --peek-tone:var(--blue);
  position:fixed;
  z-index:140;
  min-height:56px;
  margin:0;
  padding:7px 9px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:center;
  gap:9px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--peek-tone) 20%,var(--sd-glass-edge));
  border-radius:0;
  color:var(--sd-glass-text);
  text-align:left;
  background:linear-gradient(110deg,color-mix(in srgb,var(--peek-tone) 6%,rgba(255,255,255,.045)),transparent 42%),var(--sd-glass-face);
  box-shadow:0 8px 22px rgba(0,0,0,.24),inset 0 1px var(--sd-glass-highlight);
  -webkit-backdrop-filter:blur(20px) saturate(1.08);
  backdrop-filter:blur(20px) saturate(1.08);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(5px);
  transition:opacity 110ms linear,transform 110ms ease-out,visibility 0s linear 110ms;
}
.notification-peek.is-attending{--attention-tone:var(--peek-tone)}
.notification-peek>*{position:relative;z-index:1}
.notification-peek[data-edge="left"]{transform:translateX(-5px)}
.notification-peek[data-edge="top"]{transform:translateY(-5px)}
.notification-peek[data-edge="bottom"]{transform:translateY(5px)}
.notification-peek.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
  transition:opacity 110ms linear,transform 110ms ease-out,visibility 0s;
}
.notification-peek-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-left:1px solid color-mix(in srgb,currentColor 48%,var(--sd-glass-groove));
  color:var(--peek-tone);
  background:color-mix(in srgb,currentColor 6%,transparent);
}
.notification-peek-icon.blue{--peek-tone:var(--blue);color:var(--blue)}
.notification-peek-icon.cyan{--peek-tone:var(--cyan);color:var(--cyan)}
.notification-peek-icon.violet{--peek-tone:var(--violet);color:var(--violet)}
.notification-peek-icon.green{--peek-tone:var(--green);color:var(--green)}
.notification-peek-icon.amber{--peek-tone:var(--amber);color:var(--amber)}
.notification-peek-icon.rose{--peek-tone:var(--rose);color:var(--rose)}
.notification-peek-icon svg{width:18px;height:18px}
.notification-peek-copy{min-width:0;display:block}
.notification-peek-copy b,.notification-peek-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notification-peek-copy b{font-size:12px;line-height:1.25}
.notification-peek-copy small{margin-top:3px;color:var(--sd-glass-muted);font-size:10.5px;line-height:1.2}
body[data-theme="light"] .notification-peek{background:linear-gradient(110deg,color-mix(in srgb,var(--peek-tone) 6%,rgba(255,255,255,.32)),transparent 42%),var(--sd-glass-face);box-shadow:0 8px 20px rgba(42,64,76,.16),inset 0 1px white}
@media(prefers-reduced-motion:reduce){
  .notification.is-new-attention::before,
  .systems-zone[data-area-state="rail"].has-notification-attention .notification-widget .widget-heading::after,
  .notification-peek.is-attending::before{
    padding:0;
    border:1px solid color-mix(in srgb,var(--attention-tone) 70%,var(--sd-glass-edge));
    background:transparent;
    -webkit-mask:none;
    mask:none;
    animation:none;
    opacity:.8;
  }
  .notification-peek,.notification-peek.is-visible{transition:none}
}

/* v137 — compact-first smart tiling. Windows expose a genuinely usable
   minimum rather than a generic rectangle. Their content folds at the
   component boundary, keeping controls available while Areas stay visible. */
.app-frame{container-type:inline-size;min-height:0}
.app-frame.is-auto-tiling{transition:left 150ms ease-out,top 150ms ease-out,width 150ms ease-out,height 150ms ease-out}

@container (max-width:540px){
  .app-frame[data-app-frame="dolphin"] .dolphin-layout{grid-template-columns:48px minmax(0,1fr);gap:5px;padding-left:6px}
  .app-frame[data-app-frame="dolphin"] .places-list{padding-right:5px;align-items:stretch}
  .app-frame[data-app-frame="dolphin"] .places-list .small-heading{display:none}
  .app-frame[data-app-frame="dolphin"] .places-list .nav-choice{padding:0;justify-content:center;font-size:0}
  .app-frame[data-app-frame="dolphin"] .places-list .nav-choice svg{width:18px;margin:0}
  .app-frame[data-app-frame="dolphin"] .folder-tab:nth-child(n+3){display:none}
  .app-frame[data-app-frame="dolphin"] .file-head{grid-template-columns:1fr 64px}
  .app-frame[data-app-frame="dolphin"] .file-head span:last-child,
  .app-frame[data-app-frame="dolphin"] .content-row small:last-child{display:none}
  .app-frame[data-app-frame="dolphin"] .content-row{grid-template-columns:minmax(0,1fr) 64px}
}

@container (max-width:560px){
  .app-frame[data-app-frame="elisa"]{grid-template-rows:48px 136px 58px minmax(0,1fr)}
  .app-frame[data-app-frame="elisa"] .music-hero{grid-template-columns:104px minmax(0,1fr);gap:10px;padding:9px}
  .app-frame[data-app-frame="elisa"] .album-block{height:112px}
  .app-frame[data-app-frame="elisa"] .equalizer{display:none}
  .app-frame[data-app-frame="elisa"] .track-copy h2{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .app-frame[data-app-frame="elisa"] .music-controls{grid-template-columns:34px 42px 34px minmax(70px,1fr) auto;gap:5px;padding:5px 8px}
  .app-frame[data-app-frame="elisa"] .music-controls>:nth-child(4),
  .app-frame[data-app-frame="elisa"] .music-controls>:nth-child(7),
  .app-frame[data-app-frame="elisa"] .music-controls>:nth-child(8){display:none}
  .app-frame[data-app-frame="elisa"] .playlist .content-row{grid-template-columns:minmax(0,1fr) 48px}
  .app-frame[data-app-frame="elisa"] .playlist .content-row small:first-of-type{display:none}
}

@container (max-width:480px){
  .app-frame[data-app-frame="notes"] .notes-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  .app-frame[data-app-frame="notes"] .notes-layout nav{padding:6px;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}
  .app-frame[data-app-frame="notes"] .notes-layout nav .nav-choice{flex:0 0 auto;height:30px;padding:0 9px}
  .app-frame[data-app-frame="notes"] .notes-layout textarea{padding:14px}
  .app-frame[data-app-frame="browser"] .site-grid{width:82%;gap:7px}
  .app-frame[data-app-frame="browser"] .site-grid button{height:48px}
  .app-frame[data-app-frame="browser"] .large-time{font-size:56px}
}

@media(prefers-reduced-motion:reduce){.app-frame.is-auto-tiling{transition:none}}

/* Bounded fractal splits: window surfaces remain ABS; only the transient
   placement cue uses the desktop's acrylic material. No viewport scaling. */
.app-frame.is-tiled{min-width:0;min-height:0}
.app-frame.is-floating{position:fixed!important;margin:0!important;z-index:600!important;transition:none}
.app-frame.is-floating.is-front{z-index:700!important}
/* A quiet app-coloured rim distinguishes free placement from docked tiles.
   Keep the ABS casing and its shadow; the light stays close to the edge. */
.app-frame.material-surface-abs.is-floating:not(.is-fullscreen){
  --float-edge-strength:46%;
  --float-glow-strength:18%;
  border-color:color-mix(in srgb,var(--app-primary,var(--blue)) var(--float-edge-strength),var(--control-edge));
  box-shadow:0 14px 38px rgba(0,0,0,.35),
    0 0 0 1px color-mix(in srgb,var(--app-primary,var(--blue)) 12%,transparent),
    0 0 8px color-mix(in srgb,var(--app-primary,var(--blue)) var(--float-glow-strength),transparent),
    inset 0 1px var(--control-highlight);
}
.app-frame.material-surface-abs.is-floating.is-front:not(.is-fullscreen){
  --float-edge-strength:62%;
  --float-glow-strength:28%;
}
.app-frame.is-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;min-width:0;min-height:0;margin:0!important;border-radius:0!important;z-index:800!important;transition:none;filter:none}
.app-frame.is-fullscreen .resize-handle{display:none}
.app-frame.is-dragging{z-index:1400!important}
.universal-search-footer .overview-guide-link{margin-left:auto;color:var(--text);font-size:.875rem;text-underline-offset:3px;white-space:nowrap}
.universal-search-footer .overview-guide-link:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.area-window.is-intent-hidden{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.area-window.is-intent-overlay{z-index:1000!important;opacity:0;pointer-events:none;transition:opacity 70ms linear}
.area-window.is-intent-overlay.is-intent-revealed{opacity:1;pointer-events:auto}
#intentAreaEdges{position:fixed;inset:0;z-index:1100;pointer-events:none}
.intent-area-tab{position:absolute;pointer-events:auto;padding:7px 10px;border:1px solid var(--sd-glass-edge);border-radius:0;color:var(--text);background:var(--sd-glass-face);backdrop-filter:blur(20px);font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;box-shadow:inset 0 1px rgba(255,255,255,.18);cursor:pointer}
.intent-area-tab[data-edge="left"]{left:0;top:calc(38% + var(--tab-index)*46px)}
.intent-area-tab[data-edge="right"]{right:0;top:calc(38% + var(--tab-index)*46px)}
.intent-area-tab[data-edge="top"]{top:0;left:calc(35% + var(--tab-index)*110px)}
.intent-area-tab[data-edge="bottom"]{bottom:0;left:calc(35% + var(--tab-index)*110px)}
.intent-area-tab[aria-expanded="true"]{border-color:var(--blue);box-shadow:inset 0 1px rgba(255,255,255,.18),inset 0 -2px var(--blue)}
.app-frame.is-tiled.is-auto-tiling{transition:left 100ms ease-out,top 100ms ease-out,width 100ms ease-out,height 100ms ease-out}
.app-frame.tile-will-park{visibility:hidden;pointer-events:none}
.tile-divider{position:absolute;z-index:190;touch-action:none;outline:none}
.tile-divider-x{cursor:ew-resize}
.tile-divider-y{cursor:ns-resize}
.tile-divider::after{content:"";position:absolute;opacity:0;background:color-mix(in srgb,var(--text) 42%,transparent);transition:opacity 45ms linear}
.tile-divider-x::after{width:2px;top:12%;bottom:12%;left:3px}
.tile-divider-y::after{height:2px;left:12%;right:12%;top:3px}
.tile-divider:is(:hover,:focus-visible,.is-resizing)::after{opacity:1}
.tile-divider:focus-visible::after{background:var(--blue);box-shadow:0 0 3px var(--blue-glow)}
.tile-drop-preview{position:absolute;z-index:195;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:12px;border:1px solid color-mix(in srgb,var(--tile-accent) 72%,white);border-radius:var(--window-corner);background:color-mix(in srgb,var(--tile-accent) 16%,var(--sd-glass-face));backdrop-filter:blur(16px);color:var(--text);font-size:14px;font-weight:650;box-shadow:inset 0 1px rgba(255,255,255,.25)}
.tile-drop-preview[hidden]{display:none}
.tile-pressure-hint{position:absolute;z-index:200;bottom:18px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:7px 11px;border:1px solid var(--sd-glass-edge);border-radius:2px;background:var(--sd-glass-face);backdrop-filter:blur(18px);color:var(--text);font-size:14px;pointer-events:none;text-align:center}
.app-frame.is-tiled .resize-handle{cursor:nwse-resize}

@container (max-width:390px){
  .app-frame .app-identity{min-width:0;gap:6px}
  .app-frame .app-identity>div{min-width:0}
  .app-frame .app-identity small{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .app-frame .app-toolbar{gap:4px;padding-inline:6px}
  .app-frame .folder-tab{min-width:0;flex:1}
  .app-frame .folder-tab:nth-child(n+2){display:none}
  .app-frame .music-controls{grid-template-columns:30px 38px 30px minmax(35px,1fr) auto!important}
  .app-frame .terminal-screen{padding:12px}
}

/* Keep the app artwork primary: only the outlined digit overlays its corner. */
.apps-zone{
  --hotkey-ink:#f8fafc;
  --hotkey-outline:#111827;
}
body[data-theme="light"] .apps-zone{
  --hotkey-ink:#111827;
  --hotkey-outline:#f8fafc;
}
.apps-zone .app-key .app-hotkey,
.apps-zone .mini-card .mini-hotkey{
  min-width:0;
  height:18px;
  box-sizing:border-box;
  margin:0;
  padding:0;
  display:grid;
  place-items:center;
  pointer-events:none;
  border:0!important;
  border-radius:0!important;
  color:var(--hotkey-ink)!important;
  background:transparent!important;
  box-shadow:none!important;
  font:800 16px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  font-variant-numeric:tabular-nums;
  letter-spacing:0;
  text-shadow:-1px -1px 0 var(--hotkey-outline),1px -1px 0 var(--hotkey-outline),-1px 1px 0 var(--hotkey-outline),1px 1px 0 var(--hotkey-outline);
}
.apps-zone .app-key .app-hotkey{
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  left:auto;
}
.apps-zone .mini-card .mini-hotkey{
  position:static;
  width:auto;
  flex:0 0 auto;
}
.apps-zone .app-key.is-hotkey-pulse{
  transform:translateY(2px) scaleY(.985)!important;
  transition-duration:8ms!important;
}
@media(prefers-reduced-motion:reduce){
  .apps-zone .app-key.is-hotkey-pulse{transform:none!important}
}

/* v144 — folder-first Workspace and Project model. A Workspace root is its
   Home; ordinary folders become spatial objects through editable dotfiles. */
.overview-project-zone .workspace-config-file{
  grid-column:1/-1;
  min-height:39px;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  gap:7px;
  border-color:color-mix(in srgb,var(--home-accent) 24%,var(--sd-glass-groove));
  background:color-mix(in srgb,var(--home-accent) 6%,transparent);
}
.overview-project-zone .workspace-config-file>span:first-child,
.overview-project-zone .workspace-config-file svg{color:var(--home-accent)}
.overview-project-zone .workspace-config-file small{display:block;font-size:11px}
.project-location-note{
  display:block;
  margin:4px 2px 2px;
  color:color-mix(in srgb,var(--project-accent) 56%,var(--muted));
  font-size:11px;
  line-height:1.3;
}
.project-location-note.is-custom{color:color-mix(in srgb,var(--amber) 68%,var(--text))}
.linked-type.config{
  color:color-mix(in srgb,var(--project-accent) 76%,white 24%);
  background:color-mix(in srgb,var(--project-accent) 10%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--project-accent) 28%,transparent);
}
body[data-theme="light"] .overview-project-zone .workspace-config-file{
  background:color-mix(in srgb,var(--home-accent) 7%,rgba(255,255,255,.58));
}
/* Workspace examples are readable app content on the existing solid ABS well. */
.app-frame .start-page:has(.demo-reading-page){display:block;overflow:auto;padding:clamp(20px,3vw,44px)}
.demo-reading-page{max-width:850px;margin:0 auto;color:var(--text);text-align:left}
.demo-reading-page h2{font-size:clamp(24px,2.8vw,38px);line-height:1.14;margin:14px 0 18px;font-weight:650;letter-spacing:-.025em}
.demo-reading-page p{max-width:65ch;font-size:15px;line-height:1.7;margin:0;color:var(--text)}
.demo-reading-page .site-grid{margin:24px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:auto}
.demo-reading-page .site-grid button{height:40px;font-size:13px}
.demo-page-detail{border-top:1px solid var(--soft-line);padding-top:20px;margin-top:16px}
.demo-page-detail h3{font-size:17px;line-height:1.4;margin:0 0 10px}
/* A fullscreen desktop must not scroll when focus moves to a bottom dock. */
.desktop-shell{overflow:clip!important}

/* Keep scenario pages in the browser well and mode names readable. */
.app-frame[data-app-frame="browser"]{grid-template-rows:48px 55px minmax(0,1fr)}
.app-frame[data-app-frame="browser"] .demo-reading-page .site-grid{width:auto;gap:8px}
.app-frame[data-app-frame="browser"] .demo-reading-page .site-grid button{height:40px}
.project-mode-switcher .project-mode-choice{gap:4px;padding-inline:6px;min-width:86px}
.project-mode-switcher .project-mode-choice span{font-size:12px}
.project-mode-switcher .project-mode-choice .project-choice-icon{flex-basis:12px;width:12px;height:12px}
.project-mode-switcher .project-mode-choice[data-saved-windows]::before{flex-basis:15px;width:15px;height:15px;font-size:9px}
body[data-theme="light"] .app-frame .terminal-screen{color:#22302b}
body[data-theme="light"] .app-frame .terminal-screen b{color:#227646}
body[data-theme="light"] .app-frame .terminal-screen i{color:#187cac}


.workspace-browser-history {font-size:14px; width:100%; max-height:180px; overflow:auto; text-align:left; padding:12px;}
.workspace-browser-history summary {cursor:pointer;}
.workspace-browser-history p {font-size:14px; overflow-wrap:anywhere;}

/* Multiple app instances must reserve space for every hotbar row. */
.apps-zone:not([data-area-state="rail"]) .app-rack{
  height:auto;
  min-height:66px;
  grid-auto-rows:66px;
  align-content:start;
  max-height:45%;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
}

/* Home folders remain workspace-owned; project downloads are an explicit choice. */
.project-download-option{display:flex!important;align-items:flex-start;gap:10px!important;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer}
.project-download-option input{width:18px!important;height:18px!important;margin:2px 0 0;flex:none;accent-color:var(--workspace-accent)}
.project-download-option>span{display:grid;gap:5px;font-size:13px;font-weight:700}
.project-download-option small{font-size:11px;font-weight:400;color:var(--sd-glass-muted);line-height:1.5;overflow-wrap:anywhere}
.project-download-destination{overflow-wrap:anywhere}
.browser-downloads{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:10px;text-align:left}
.browser-downloads>small{flex-basis:100%;font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.browser-downloads>p{flex-basis:100%;margin:0;font-size:12px}
.browser-downloads>.surface-key{padding:7px 10px;font-size:12px}
.places-list{overflow-y:auto;min-height:0}.places-list .nav-choice{flex-shrink:0}
.file-folder-empty{padding:20px;color:var(--muted);font-size:12px}
/* The window and its hotbar card share the same shortcut. */
.app-identity .window-hotkey { flex: 0 0 auto; display: inline; margin-right: 4px; padding: 0!important; border: 0!important; outline: 0!important; border-radius: 0!important; background: none!important; box-shadow: none!important; color: inherit; font: 700 13px/1 monospace; }
.app-identity .window-hotkey[hidden] { display: none; }

/* A nested scroller stops at its own edge instead of moving an outer pane. */
.desktop-shell *, .universal-search * { overscroll-behavior: contain; }