:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;--bg:#05070b;--panel:#0b1018;--panel-2:#0f1520;--text:#f6f8fc;--muted:#9aa7b8;--faint:#647184;--line:rgba(196,210,229,.11);--line-strong:rgba(196,210,229,.18);--accent:#78a6ff;--accent-soft:rgba(120,166,255,.16);--good:#64e8b1;--warn:#f2bf69;--danger:#ff6f84;--shadow:0 28px 80px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.025);--mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}
:root[data-theme=midnight]{--bg:#040812;--panel:#0a101c;--panel-2:#0d1422;--accent:#73a9ff}
:root[data-theme=aurora]{--bg:#05080d;--panel:#0b111a;--panel-2:#101624;--accent:#8ba4ff}
:root[data-theme=carbon]{--bg:#070707;--panel:#0d0e10;--panel-2:#141519;--accent:#b9c1cc}
:root[data-theme=neon]{--bg:#05050a;--panel:#0d0a14;--panel-2:#151021;--accent:#a98bff}
*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;height:100%;background:var(--bg);overflow:hidden}body{font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:1px solid var(--accent);outline-offset:2px}
.app{position:relative;height:100%;overflow:hidden;background:radial-gradient(circle at 68% 18%,rgba(74,110,196,.09),transparent 26%),radial-gradient(circle at 22% 82%,rgba(93,60,169,.06),transparent 24%),linear-gradient(180deg,#06080d 0%,#05070b 100%)}
.app.no-effects .ambient,.app.no-effects .noise,.app.no-effects .grid,.app.no-effects .surface-lines{display:none}.ambient{position:absolute;inset:auto;border-radius:999px;filter:blur(90px);pointer-events:none;opacity:.55}.ambient-a{width:420px;height:420px;right:18%;top:8%;background:radial-gradient(circle,rgba(77,130,255,.13),transparent 70%)}.ambient-b{width:520px;height:520px;left:-120px;bottom:-220px;background:radial-gradient(circle,rgba(93,68,184,.10),transparent 68%)}.noise{position:absolute;inset:0;opacity:.028;background-image:radial-gradient(rgba(255,255,255,.7) .6px,transparent .6px);background-size:4px 4px;pointer-events:none;mix-blend-mode:screen}.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(143,160,185,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(143,160,185,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent 86%);pointer-events:none}.surface-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(122,145,185,.03) 28%,transparent 58%),linear-gradient(180deg,rgba(116,145,203,.025),transparent 35%);pointer-events:none}
.system-rail{position:absolute;left:0;top:0;bottom:0;width:86px;border-right:1px solid rgba(211,225,247,.08);background:linear-gradient(180deg,rgba(7,10,16,.94),rgba(5,7,11,.85));backdrop-filter:blur(20px);z-index:80;display:flex;flex-direction:column;align-items:center}.rail-top{height:74px;display:grid;place-items:center;width:100%;border-bottom:1px solid rgba(211,225,247,.06)}.rail-brand{width:42px;height:42px;border-radius:13px;border:1px solid rgba(177,198,232,.16);background:linear-gradient(145deg,rgba(25,36,56,.9),rgba(11,16,25,.95));display:grid;place-items:center;color:var(--text);font-weight:800;letter-spacing:-.08em;box-shadow:0 0 24px rgba(84,126,220,.09)}.rail-brand span{display:block;transform:translateY(-1px)}.rail-items{display:flex;flex-direction:column;gap:5px;padding:18px 9px;overflow:auto;flex:1;width:100%}.rail-btn{position:relative;width:100%;min-height:45px;border:1px solid transparent;background:transparent;border-radius:11px;color:#748196;display:grid;place-items:center;gap:4px;padding:7px 4px;font-size:8px;letter-spacing:.02em;transition:.18s ease}.rail-btn svg{transition:.18s ease}.rail-btn:hover{background:rgba(255,255,255,.035);color:#dce4ef;border-color:rgba(193,208,234,.07)}.rail-btn.active{background:linear-gradient(180deg,rgba(92,137,227,.13),rgba(71,101,157,.06));color:#eaf1ff;border-color:rgba(119,161,239,.17);box-shadow:inset 0 0 18px rgba(102,143,224,.05)}.rail-btn.active:before{content:"";position:absolute;left:-10px;width:2px;height:20px;border-radius:3px;background:var(--accent);box-shadow:0 0 14px rgba(120,166,255,.55)}.rail-btn span{max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-bottom{padding:10px 9px 16px;border-top:1px solid rgba(211,225,247,.06);width:100%;display:grid;gap:5px}
.topbar{position:absolute;left:86px;right:0;top:0;height:74px;border-bottom:1px solid rgba(211,225,247,.07);background:linear-gradient(180deg,rgba(6,9,14,.86),rgba(6,9,14,.72));backdrop-filter:blur(20px);z-index:70;display:flex;align-items:center;padding:0 22px;gap:20px}.brand{border:0;background:transparent;display:flex;align-items:center;gap:11px;padding:0;color:var(--text);min-width:150px}.brand-mark{width:30px;height:30px;border:1px solid rgba(172,195,233,.19);border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:13px;background:linear-gradient(145deg,rgba(27,39,61,.75),rgba(10,14,22,.9));box-shadow:0 0 18px rgba(85,127,217,.08)}.brand-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.brand-copy b{font-size:14px;letter-spacing:-.02em}.brand-copy small{font-size:9px;color:var(--faint);margin-top:4px;letter-spacing:.07em;text-transform:uppercase}.breadcrumb{display:flex;align-items:center;gap:8px;color:#6e7d92;font-size:11px;white-space:nowrap}.breadcrumb i{font-style:normal;color:#3d4756}.breadcrumb b{color:#cbd5e3;font-weight:600}.global-command{margin:0 auto;display:flex;align-items:center;gap:10px;min-width:min(440px,42vw);height:40px;border:1px solid rgba(186,204,232,.10);background:rgba(10,14,21,.7);border-radius:11px;padding:0 11px;color:#8f9bad;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.global-command:hover{border-color:rgba(126,159,219,.24);background:rgba(14,19,28,.82);color:#dce5f4}.global-command span:nth-child(2){flex:1;text-align:left;font-size:11px}.global-command kbd,.search-shortcuts kbd{font:10px var(--mono);padding:4px 6px;border:1px solid rgba(188,204,229,.11);border-radius:6px;color:#7d889a;background:rgba(255,255,255,.02)}.top-actions{display:flex;align-items:center;gap:6px}.status-indicator{display:flex;align-items:center;gap:6px;margin-right:4px;font:9px var(--mono);letter-spacing:.12em;color:#7c8898}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 10px rgba(100,232,177,.65)}.clock{font:12px var(--mono);color:#d9e1ec;padding:0 6px}.top-date{font:10px var(--mono);color:#647184;margin-right:2px}.icon-btn{width:36px;height:36px;border:1px solid transparent;background:transparent;border-radius:9px;display:grid;place-items:center;color:#6e7a8d;transition:.18s ease}.icon-btn:hover{border-color:rgba(201,216,242,.10);background:rgba(255,255,255,.035);color:#e6edf7}
.desktop{position:absolute;left:86px;right:0;top:74px;bottom:0;overflow:hidden}.desktop-surface{position:absolute;inset:0;overflow:hidden}.home-layout{position:absolute;inset:0;overflow:auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;padding:22px 22px 96px;scrollbar-width:thin;scrollbar-color:rgba(176,195,226,.18) transparent}.workspace-main{min-width:0}.workspace-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:10px 4px 20px}.eyebrow{font:9px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#66758a;display:flex;align-items:center;gap:8px}.pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(120,166,255,.6)}.hero-title{font-size:clamp(31px,3.3vw,48px);line-height:1.02;letter-spacing:-.05em;margin:12px 0 8px;font-weight:720}.hero-sub{color:#7f8da0;max-width:680px;font-size:13px;margin:0}.hero-meta{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:16px;padding-bottom:3px}.hero-meta div{border-left:1px solid rgba(201,217,241,.09);padding-left:12px}.hero-meta span{display:block;font:8px var(--mono);color:#586577;letter-spacing:.1em}.hero-meta b{display:block;margin-top:5px;font-size:10px;font-weight:700;color:#d4deec}
.searchbar{display:flex;align-items:center;gap:12px;height:66px;border:1px solid rgba(191,210,238,.12);background:linear-gradient(180deg,rgba(11,16,24,.9),rgba(9,13,20,.78));border-radius:14px;padding:0 15px;box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)}.command-surface{width:100%;text-align:left;transition:.2s ease}.command-surface:hover{transform:translateY(-1px);border-color:rgba(121,163,236,.22);box-shadow:0 20px 50px rgba(0,0,0,.28),0 0 0 1px rgba(103,146,222,.04),inset 0 1px 0 rgba(255,255,255,.025)}.search-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(174,195,226,.10);border-radius:9px;color:#9bb6eb;background:rgba(97,134,200,.08)}.search-copy{display:flex;flex-direction:column;flex:1}.search-copy b{font-size:13px;font-weight:600;color:#dce5f0}.search-copy small{font-size:10px;color:#687689;margin-top:2px}.search-shortcuts{display:flex;gap:4px}
.work-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:12px;margin-top:12px}.panel{border:1px solid rgba(189,208,235,.10);background:linear-gradient(180deg,rgba(11,16,24,.86),rgba(7,11,17,.78));box-shadow:0 16px 40px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.02);border-radius:12px;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(125,165,235,.045),transparent 34%,transparent 72%,rgba(255,255,255,.018));pointer-events:none}.panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:16px 17px 13px;border-bottom:1px solid rgba(193,211,237,.06);position:relative}.panel-label,.sys-section-title{font:8px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5e6b7d}.panel-top h2{font-size:15px;letter-spacing:-.02em;margin:6px 0 0;font-weight:650}.text-action{border:0;background:transparent;color:#8ba9dd;font-size:10px;padding:0;margin-top:2px;display:flex;align-items:center;gap:3px}.text-action:hover{color:#d9e6fb}.live-pill{display:flex;align-items:center;gap:5px;font:8px var(--mono);letter-spacing:.11em;color:#70d5aa;padding:5px 7px;border:1px solid rgba(112,213,170,.13);background:rgba(80,175,135,.06);border-radius:999px}.live-pill i{width:5px;height:5px;border-radius:50%;background:var(--good);box-shadow:0 0 8px rgba(100,232,177,.55)}
.launcher-panel{min-height:300px}.launcher-grid{padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app-tile{position:relative;display:grid;grid-template-columns:38px 1fr 14px;align-items:center;gap:10px;border:1px solid rgba(191,208,231,.08);background:rgba(255,255,255,.018);border-radius:9px;padding:12px 10px;text-align:left;min-height:74px;transition:.18s ease}.app-tile:hover{transform:translateY(-1px);border-color:rgba(130,165,227,.17);background:rgba(101,140,215,.06)}.tile-icon{width:38px;height:38px;border-radius:9px;border:1px solid rgba(176,196,228,.08);display:grid;place-items:center;color:#9db8ed;background:linear-gradient(180deg,rgba(70,100,153,.14),rgba(255,255,255,.015))}.tile-copy{min-width:0}.tile-copy b{display:block;font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-copy small{display:block;color:#69778b;font-size:9px;line-height:1.35;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-arrow{color:#475465;transition:.18s ease}.app-tile:hover .tile-arrow{color:#9ebaf0;transform:translateX(2px)}
.runtime-panel{min-height:300px}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.telemetry-card{min-height:82px;border:1px solid rgba(191,208,231,.07);background:rgba(255,255,255,.015);border-radius:9px;padding:10px;display:flex;flex-direction:column;justify-content:space-between}.telemetry-card span{color:#7197d9}.telemetry-card b{font-size:20px;letter-spacing:-.04em;margin-top:7px}.telemetry-card small{font-size:9px;color:#687689}.runtime-bars{padding:0 12px 14px}.runtime-bars>div:first-child{display:flex;justify-content:space-between;align-items:center;padding:8px 0 9px;color:#728198;font-size:10px}.runtime-bars b{font:9px var(--mono);color:#96b5ef;letter-spacing:.08em}.signal-track{display:flex;align-items:flex-end;height:34px;gap:4px;border-bottom:1px solid rgba(200,216,240,.06);padding:0 0 4px}.signal-track i{flex:1;display:block;background:linear-gradient(180deg,rgba(120,166,255,.58),rgba(120,166,255,.08));border-radius:3px 3px 0 0;animation:signal 2.6s ease-in-out infinite}.signal-track i:nth-child(1){height:13%}.signal-track i:nth-child(2){height:35%;animation-delay:.1s}.signal-track i:nth-child(3){height:21%;animation-delay:.2s}.signal-track i:nth-child(4){height:58%;animation-delay:.3s}.signal-track i:nth-child(5){height:43%;animation-delay:.4s}.signal-track i:nth-child(6){height:72%;animation-delay:.5s}.signal-track i:nth-child(7){height:52%;animation-delay:.6s}.signal-track i:nth-child(8){height:88%;animation-delay:.7s}.signal-track i:nth-child(9){height:60%;animation-delay:.8s}.signal-track i:nth-child(10){height:77%;animation-delay:.9s}.signal-track i:nth-child(11){height:42%;animation-delay:1s}.signal-track i:nth-child(12){height:68%;animation-delay:1.1s}@keyframes signal{50%{transform:scaleY(.55);opacity:.55}}.runtime-bars>small{display:block;font-size:9px;color:#566477;margin-top:8px}
.recent-panel{grid-column:1/-1}.recent-list{display:grid;grid-template-columns:1fr 1fr;padding:8px}.recent-row{display:grid;grid-template-columns:28px 28px 1fr 12px;align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;padding:10px;text-align:left;transition:.18s ease}.recent-row:hover{background:rgba(255,255,255,.03)}.recent-index{font:9px var(--mono);color:#4c596a}.recent-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(180,199,229,.07);border-radius:7px;color:#88a7df;background:rgba(97,131,193,.05)}.recent-name{min-width:0}.recent-name b,.recent-name small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-name b{font-size:10px;font-weight:600;color:#d4ddec}.recent-name small{font-size:8px;color:#637185;margin-top:2px}.recent-arrow{color:#475365}.empty-system{min-height:126px;display:grid;place-items:center;text-align:center;padding:22px}.empty-system>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(180,199,229,.07);border-radius:9px;color:#778aa3;margin-bottom:7px}.empty-system b{font-size:10px;font-weight:650}.empty-system small{color:#627084;font-size:9px;max-width:260px;margin-top:3px}.empty-system.compact{min-height:92px;display:flex;justify-content:flex-start;text-align:left;gap:12px}.empty-system.compact>span{flex:none;margin:0}
.category-panel{margin-top:12px}.category-matrix{padding:8px}.category-row{display:grid;grid-template-columns:28px 32px 1.2fr minmax(100px,1fr) 30px 12px;align-items:center;gap:10px;width:100%;border:0;border-radius:8px;background:transparent;padding:10px;text-align:left;transition:.18s ease}.category-row:hover{background:rgba(255,255,255,.028)}.category-no{font:8px var(--mono);color:#445163}.category-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(180,199,229,.07);border-radius:8px;color:#83a7eb;background:rgba(91,125,187,.05)}.category-name b,.category-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-name b{font-size:10px;font-weight:600}.category-name small{font-size:8px;color:#657286;margin-top:2px}.category-bar{height:4px;background:rgba(255,255,255,.045);border-radius:999px;overflow:hidden}.category-bar i{display:block;height:100%;background:linear-gradient(90deg,rgba(120,166,255,.22),rgba(120,166,255,.76));border-radius:999px}.category-count{font:9px var(--mono);color:#aab8ca;text-align:right}.category-arrow{color:#465266}.favorites-panel{margin-top:12px}.favorite-strip{display:flex;gap:7px;overflow:auto;padding:10px}.favorite-app{min-width:155px;text-align:left;border:1px solid rgba(185,204,232,.08);background:rgba(255,255,255,.018);border-radius:8px;padding:10px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:8px}.favorite-app span{grid-row:1/3;width:28px;height:28px;border:1px solid rgba(186,204,232,.08);border-radius:7px;display:grid;place-items:center;color:#8caceb}.favorite-app b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-app small{font-size:8px;color:#5e6c7f;margin-top:2px}
.system-panel-wrap{min-width:0}.system-panel{position:sticky;top:0;height:fit-content;min-height:calc(100vh - 190px);padding:16px}.system-panel .panel-label{color:#71839c}.system-state{display:flex;align-items:center;gap:13px;padding:16px 0 18px;border-bottom:1px solid rgba(193,211,237,.07);margin-bottom:13px}.state-orbit{position:relative;width:48px;height:48px;display:grid;place-items:center}.orbit-core{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 22px rgba(120,166,255,.8)}.orbit-ring{position:absolute;inset:5px;border:1px solid rgba(122,164,239,.24);border-radius:50%}.orbit-ring.r1{transform:rotate(38deg) scaleX(.65)}.orbit-ring.r2{transform:rotate(-38deg) scaleX(.65);border-color:rgba(122,164,239,.12)}.state-title{font-size:12px;font-weight:650}.state-sub{font-size:9px;color:#657286;margin-top:3px}.sys-section{padding:2px 0 16px}.sys-section-title{padding:0 0 8px}.sys-row,.env-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;color:#6b788b;font-size:9px}.sys-row span{display:flex;align-items:center;gap:7px}.sys-row span svg{color:#7895c5}.sys-row b,.env-line b{font-size:9px;font-weight:600;color:#c4cfde;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sys-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sys-metrics div{border:1px solid rgba(189,207,232,.07);background:rgba(255,255,255,.014);border-radius:8px;padding:9px}.sys-metrics b{display:block;font-size:16px;letter-spacing:-.04em}.sys-metrics span{font-size:8px;color:#5f6e81}.meter{height:4px;background:rgba(255,255,255,.045);border-radius:99px;overflow:hidden;margin-top:11px}.meter span{display:block;height:100%;background:linear-gradient(90deg,rgba(115,152,223,.28),rgba(126,176,255,.9));border-radius:99px}.meter-caption{display:flex;justify-content:space-between;margin-top:5px;font:8px var(--mono);color:#58667a}.meter-caption b{color:#94acd4}.privacy-badge{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid rgba(100,232,177,.10);background:rgba(67,163,126,.045);border-radius:8px;color:#70d5aa}.privacy-badge span{display:flex;flex-direction:column}.privacy-badge b{font-size:9px;color:#b4e8d2}.privacy-badge small{font-size:8px;color:#5f7b6d;margin-top:2px}
.dock{position:absolute;left:calc(50% + 43px);bottom:13px;transform:translateX(-50%);height:56px;display:flex;align-items:center;gap:4px;padding:6px 7px;border:1px solid rgba(195,214,241,.11);background:rgba(9,13,19,.86);backdrop-filter:blur(24px);border-radius:15px;box-shadow:0 20px 50px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.025);z-index:120}.dock-btn{position:relative;width:42px;height:42px;border:1px solid transparent;background:transparent;border-radius:10px;display:grid;place-items:center;color:#68768a;transition:.18s ease}.dock-btn:hover{background:rgba(255,255,255,.055);color:#e5edf8;transform:translateY(-3px)}.dock-btn.active{background:rgba(106,145,220,.08);color:#a7c4fb;border-color:rgba(122,166,238,.12)}.dock-btn.active:after{content:"";position:absolute;bottom:3px;width:4px;height:3px;border-radius:99px;background:var(--accent);box-shadow:0 0 8px rgba(120,166,255,.6)}.dock-separator{width:1px;height:25px;background:rgba(195,214,241,.09);margin:0 3px}
.windows{position:absolute;inset:18px 18px 82px;z-index:100;pointer-events:none}.window{position:absolute;min-width:330px;min-height:230px;border:1px solid rgba(210,224,247,.15);background:linear-gradient(180deg,rgba(10,15,23,.965),rgba(7,11,17,.985));backdrop-filter:blur(24px);border-radius:13px;box-shadow:0 32px 90px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.018),inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden;animation:open .18s cubic-bezier(.2,.75,.2,1);display:flex;flex-direction:column;resize:both;pointer-events:auto}.window:before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(126,173,255,.45),transparent);opacity:.55}.window.focused{border-color:rgba(131,169,235,.24);box-shadow:0 34px 95px rgba(0,0,0,.58),0 0 0 1px rgba(115,160,232,.06),inset 0 1px 0 rgba(255,255,255,.03)}.window.maximized{left:0!important;top:0!important;width:100%!important;height:100%!important;border-radius:10px}.window.minimized{display:none}@keyframes open{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.titlebar{height:48px;display:flex;align-items:center;padding:0 9px;border-bottom:1px solid rgba(194,212,238,.07);user-select:none;background:linear-gradient(180deg,rgba(255,255,255,.016),transparent)}.window-icon{width:28px;height:28px;display:grid;place-items:center;color:#95b5ef}.title{flex:1;font-size:11px;font-weight:650;margin-left:4px;color:#d9e3f1;letter-spacing:-.01em}.win-actions{display:flex;gap:4px}.win-btn{width:28px;height:28px;border:1px solid transparent;background:transparent;color:#647184;border-radius:7px;display:grid;place-items:center}.win-btn:hover{background:rgba(255,255,255,.05);color:#e5edf7}.win-btn.close:hover{color:#ff9daa;background:rgba(255,107,122,.08)}.window-body{flex:1;overflow:auto;padding:15px 16px 18px}.window .tool-head{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,rgba(8,12,18,.97),rgba(8,12,18,.88),transparent);padding-bottom:14px}
.tool-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:10px}.tool-kicker{font-size:8px;color:#5f6d80;text-transform:uppercase;letter-spacing:.13em}.tool-name{font-size:16px;font-weight:700;margin-top:4px;letter-spacing:-.03em}.tool-desc{color:#77869a;font-size:10px;margin-top:3px}.tool-actions{display:flex;gap:6px;align-items:flex-start}.btn{border:1px solid rgba(191,208,234,.10);background:rgba(255,255,255,.025);border-radius:7px;padding:8px 10px;font-size:11px;transition:.16s ease}.btn:hover{background:rgba(255,255,255,.06);border-color:rgba(191,208,234,.17)}.btn.primary{background:var(--accent);border-color:transparent;color:#06101e;font-weight:700;box-shadow:0 7px 18px rgba(120,166,255,.13)}.btn:disabled{opacity:.45;cursor:not-allowed}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.field{display:flex;flex-direction:column;gap:5px}.field span{font-size:9px;color:#69778a}.input,.textarea,.select{width:100%;border:1px solid rgba(192,210,237,.09);background:#080c12;border-radius:7px;padding:9px 10px;font-size:11px}.textarea{min-height:180px;resize:vertical;font-family:var(--mono);line-height:1.5;color:#cbd6e5}.mono{font-family:var(--mono)}.output{white-space:pre-wrap;word-break:break-word;background:#070b10;border:1px solid rgba(192,210,237,.08);padding:11px;border-radius:7px;min-height:120px;font:11px/1.6 var(--mono);overflow:auto;color:#c6d3e3}.toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}.error{padding:9px 11px;border:1px solid rgba(255,107,122,.20);background:rgba(255,107,122,.06);border-radius:7px;color:#ffb2bd;font-size:10px}.success{padding:9px 11px;border:1px solid rgba(85,214,168,.18);background:rgba(85,214,168,.045);border-radius:7px;color:#9fe5ca;font-size:10px}.muted{color:var(--muted)}.small{font-size:10px}.two-pane{display:grid;grid-template-columns:1fr 1fr;gap:9px;height:calc(100% - 52px)}.two-pane .pane{min-height:0;display:flex;flex-direction:column;gap:7px}.preview{background:#fff;color:#111;border-radius:7px;overflow:hidden;border:1px solid rgba(192,210,237,.08);min-height:180px}.iframe{width:100%;height:100%;min-height:280px;border:0;background:white}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-card{border:1px solid rgba(192,210,237,.08);background:rgba(255,255,255,.018);border-radius:8px;padding:11px;text-align:left;position:relative;transition:.16s ease}.tool-card:hover{background:rgba(255,255,255,.045);border-color:rgba(130,165,227,.15)}.tool-card .desc{color:#69778a;font-size:9px;margin-top:4px}.star{position:absolute;top:7px;right:7px;background:transparent;border:0;color:#67758a}.palette{display:flex;gap:7px;flex-wrap:wrap}.swatch{width:72px;height:72px;border-radius:8px;border:1px solid rgba(255,255,255,.1);padding:7px;display:flex;align-items:flex-end;justify-content:space-between;font:9px var(--mono)}.settings-grid{display:grid;grid-template-columns:155px 1fr;gap:14px}.side-nav{display:flex;flex-direction:column;gap:3px}.side-nav button{border:0;background:transparent;text-align:left;padding:8px 9px;border-radius:7px;color:#78869a}.side-nav button.active,.side-nav button:hover{background:rgba(255,255,255,.04);color:#e4ebf5}
.command-overlay{position:absolute;inset:0;background:rgba(2,4,7,.65);backdrop-filter:blur(7px);z-index:400;display:flex;align-items:flex-start;justify-content:center;padding-top:9vh}.command{width:min(760px,calc(100% - 34px));background:linear-gradient(180deg,#0a0f16,#080c12);border:1px solid rgba(192,213,241,.16);border-radius:13px;box-shadow:0 36px 110px rgba(0,0,0,.58),0 0 0 1px rgba(117,158,228,.04);overflow:hidden}.command input{width:100%;height:60px;border:0;border-bottom:1px solid rgba(191,209,233,.08);background:transparent;outline:0;padding:0 16px;font-size:15px;color:#e7eef8}.results{max-height:55vh;overflow:auto;padding:6px}.result{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;width:100%;border:1px solid transparent;background:transparent;text-align:left;padding:10px;border-radius:8px}.result:hover,.result.selected{background:rgba(255,255,255,.045);border-color:rgba(188,208,237,.07)}.result .meta{color:#59687c;font-size:9px;margin-left:auto}.toast-wrap{position:absolute;top:88px;right:18px;z-index:500;display:flex;flex-direction:column;gap:7px}.toast{padding:9px 11px;border:1px solid rgba(191,208,234,.11);background:#0c1118;border-radius:8px;box-shadow:var(--shadow);font-size:10px;min-width:210px}.boot{position:absolute;inset:0;background:#04060a;z-index:600;display:grid;place-items:center}.boot-inner{text-align:center}.boot-logo{width:80px;height:80px;border-radius:24px;border:1px solid rgba(193,212,239,.13);display:grid;place-items:center;margin:0 auto 18px;background:radial-gradient(circle at 35% 25%,rgba(113,151,225,.19),rgba(8,12,18,.92) 65%);font-size:28px;font-weight:800;box-shadow:0 0 60px rgba(92,135,232,.11)}.boot-line{font:10px var(--mono);color:#728096;margin:7px 0;letter-spacing:.11em}.onboarding{position:absolute;inset:0;z-index:550;background:rgba(5,7,10,.76);backdrop-filter:blur(11px);display:grid;place-items:center}.welcome{width:min(490px,calc(100% - 32px));padding:28px;border:1px solid rgba(192,211,237,.13);background:#0b1017;border-radius:12px;box-shadow:0 32px 100px rgba(0,0,0,.5)}.welcome h2{margin:8px 0;font-size:22px;letter-spacing:-.03em}.welcome p{color:#7b8a9e;font-size:11px}.welcome-actions{display:flex;gap:8px;margin-top:20px}.mobile-app{display:none}
@media(max-width:1180px){.home-layout{grid-template-columns:minmax(0,1fr) 278px}.hero-meta{display:none}.work-grid{grid-template-columns:1fr}.recent-list{grid-template-columns:1fr 1fr}}
@media(max-width:940px){.system-panel-wrap{display:none}.home-layout{grid-template-columns:minmax(0,1fr)}.global-command{min-width:220px}.breadcrumb{display:none}.work-grid{grid-template-columns:1fr 1fr}.recent-list{grid-template-columns:1fr}.category-row{grid-template-columns:22px 28px 1fr 32px 12px}.category-bar{display:none}}
@media(max-width:760px){.system-rail{width:62px}.topbar{left:62px;padding:0 13px}.brand-copy,.breadcrumb,.top-date,.status-indicator{display:none}.brand{min-width:0}.global-command{min-width:0;width:42px;margin-left:auto;padding:0;justify-content:center}.global-command span:nth-child(2),.global-command kbd{display:none}.desktop{left:62px}.dock{left:calc(50% + 30px)}}
@media(max-width:680px){html,body,#app{overflow:hidden}.system-rail,.dock,.topbar .global-command,.topbar .top-actions .clock,.topbar .icon-btn:first-of-type{display:none}.topbar{left:0;height:58px;padding:0 13px}.topbar .top-actions{display:flex;margin-left:auto}.topbar .brand{display:flex}.brand-copy{display:flex}.desktop{left:0;top:58px}.home-layout{display:block;padding:14px 12px 86px}.workspace-header{display:block;padding:7px 2px 16px}.hero-title{font-size:31px}.hero-sub{font-size:12px}.searchbar{height:58px}.work-grid{display:block}.panel{margin-top:10px}.launcher-grid{grid-template-columns:1fr 1fr}.recent-list{grid-template-columns:1fr}.category-row{grid-template-columns:18px 28px 1fr 26px}.windows{display:none}.mobile-app{position:absolute;inset:58px 0 0;display:block;background:var(--bg);z-index:45}.mobile-head{height:52px;padding:0 13px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.mobile-content{position:absolute;inset:52px 0 0;overflow:auto;padding:12px}.mobile-nav{position:absolute;left:0;right:0;bottom:0;height:62px;border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;background:rgba(7,10,15,.97)}.mobile-nav button{border:0;background:transparent;color:#657386;display:grid;place-items:center;gap:3px;font-size:8px}.mobile-nav button.active{color:#a8c3f1}.two-pane,.grid2,.grid3{grid-template-columns:1fr;height:auto}.mobile-content .textarea{min-height:160px}.tool-grid{grid-template-columns:1fr}.window{min-width:0}.topbar .brand-mark{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.ambient{display:none}}
.app.reduce-motion *{animation-duration:.01ms!important;transition-duration:.01ms!important}.high-contrast{--line:rgba(255,255,255,.20);--line-strong:rgba(255,255,255,.35);--muted:#bdc7d4;--faint:#8490a0}

/* --- CutyOS Aurora Glass UI pass ---------------------------------------- */
:root{
  --glass:rgba(9,15,25,.54);
  --glass-strong:rgba(10,17,29,.72);
  --glass-soft:rgba(255,255,255,.035);
  --glass-border:rgba(188,213,255,.14);
  --glass-highlight:rgba(255,255,255,.085);
  --glow:rgba(103,157,255,.18);
}
.app{
  background:
    radial-gradient(900px 520px at 75% -8%, rgba(72,126,255,.16), transparent 60%),
    radial-gradient(720px 540px at 8% 88%, rgba(125,74,255,.12), transparent 62%),
    radial-gradient(540px 320px at 48% 46%, rgba(53,105,197,.07), transparent 70%),
    linear-gradient(180deg,#03060b 0%,#050811 52%,#03060a 100%);
}
.app:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;
  background:
    radial-gradient(circle at 14% 32%,rgba(95,160,255,.55) 0 1px,transparent 2px),
    radial-gradient(circle at 74% 20%,rgba(131,96,255,.40) 0 1px,transparent 2px),
    radial-gradient(circle at 86% 62%,rgba(112,210,255,.35) 0 1px,transparent 2px),
    radial-gradient(circle at 28% 78%,rgba(148,105,255,.28) 0 1px,transparent 2px);
  background-size:320px 260px,420px 340px,500px 420px,390px 310px;
  mix-blend-mode:screen;
}
.ambient{filter:blur(76px);opacity:.78;mix-blend-mode:screen}
.ambient-a{width:520px;height:520px;right:10%;top:-120px;background:radial-gradient(circle,rgba(73,135,255,.22),rgba(60,86,190,.07) 38%,transparent 72%)}
.ambient-b{width:620px;height:620px;left:-180px;bottom:-300px;background:radial-gradient(circle,rgba(132,76,255,.16),rgba(71,75,163,.07) 40%,transparent 71%)}
.noise{opacity:.042;background-size:3px 3px}
.grid{background-image:linear-gradient(rgba(152,185,239,.048) 1px,transparent 1px),linear-gradient(90deg,rgba(152,185,239,.048) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.18) 62%,transparent 100%);transform:perspective(900px) rotateX(63deg) scale(1.45);transform-origin:50% 100%;bottom:-52%;top:16%;opacity:.45}
.surface-lines{background:
  radial-gradient(600px 260px at 40% 12%,rgba(94,149,255,.06),transparent 75%),
  linear-gradient(90deg,transparent,rgba(120,166,255,.04) 32%,transparent 64%);
}
.system-rail,.topbar{
  background:linear-gradient(180deg,rgba(7,12,20,.62),rgba(4,8,14,.48));
  backdrop-filter:blur(24px) saturate(155%);
  -webkit-backdrop-filter:blur(24px) saturate(155%);
  border-color:rgba(189,215,255,.10);
  box-shadow:inset 1px 0 rgba(255,255,255,.018),inset 0 -1px rgba(255,255,255,.02);
}
.system-rail{box-shadow:10px 0 50px rgba(0,0,0,.25),inset -1px 0 rgba(255,255,255,.03)}
.rail-brand,.brand-mark{
  background:linear-gradient(145deg,rgba(37,58,92,.60),rgba(8,13,22,.72));
  border-color:rgba(183,210,255,.20);
  box-shadow:0 0 28px rgba(84,139,255,.13),inset 0 1px rgba(255,255,255,.08);
}
.global-command,.searchbar,.panel,.window,.dock{
  background:linear-gradient(145deg,rgba(14,23,37,.58),rgba(5,10,18,.50));
  backdrop-filter:blur(26px) saturate(145%);
  -webkit-backdrop-filter:blur(26px) saturate(145%);
  border-color:var(--glass-border);
  box-shadow:
    0 24px 70px rgba(0,0,0,.25),
    0 0 0 1px rgba(112,158,255,.025),
    inset 0 1px 0 var(--glass-highlight);
}
.global-command:before,.searchbar:before,.panel:before,.window:after{
  content:"";position:absolute;pointer-events:none;
  background:linear-gradient(100deg,transparent 0%,rgba(182,215,255,.08) 34%,rgba(255,255,255,.02) 50%,transparent 72%);
}
.global-command{position:relative}
.global-command:before{inset:0;border-radius:inherit}
.searchbar{position:relative;overflow:hidden}
.searchbar:before{inset:0}
.panel:before{inset:0}
.window{box-shadow:0 34px 100px rgba(0,0,0,.54),0 0 60px rgba(54,105,196,.06),inset 0 1px rgba(255,255,255,.06)}
.window.focused{border-color:rgba(132,179,255,.26);box-shadow:0 40px 120px rgba(0,0,0,.60),0 0 55px rgba(72,132,255,.10),inset 0 1px rgba(255,255,255,.08)}
.window:after{inset:0;border-radius:inherit;opacity:.55}
.window-body{background:linear-gradient(180deg,rgba(5,10,17,.13),rgba(4,8,14,.28));}
.titlebar{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.008));border-bottom-color:rgba(194,216,249,.10)}
.titlebar:after{content:"";position:absolute;left:25%;right:25%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(125,180,255,.60),transparent);opacity:.32}
.panel{overflow:hidden}
.panel-top{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
.app-tile,.recent-row,.favorite-app,.category-row,.launch-card,.tool-card,.telemetry-card{
  background:linear-gradient(145deg,rgba(24,35,52,.40),rgba(7,12,20,.28));
  border-color:rgba(183,208,244,.105);
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.app-tile:hover,.recent-row:hover,.favorite-app:hover,.category-row:hover,.launch-card:hover,.tool-card:hover{
  transform:translateY(-1px);
  border-color:rgba(127,177,255,.24);
  background:linear-gradient(145deg,rgba(46,67,98,.42),rgba(8,13,22,.36));
  box-shadow:0 10px 28px rgba(0,0,0,.20),0 0 28px rgba(75,134,255,.06),inset 0 1px rgba(255,255,255,.055);
}
.app-tile,.recent-row,.favorite-app,.category-row,.launch-card,.tool-card{transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.search-icon,.telemetry-card span,.tile-icon,.recent-icon,.category-icon{
  background:linear-gradient(145deg,rgba(84,133,225,.15),rgba(14,24,40,.24));
  border-color:rgba(150,191,250,.16);
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 0 22px rgba(75,135,255,.04);
}
.status-dot{box-shadow:0 0 14px rgba(100,232,177,.8)}
.pulse{box-shadow:0 0 16px rgba(120,166,255,.9)}
.hero-title{ text-shadow:0 2px 28px rgba(103,153,255,.08)}
.hero-sub{max-width:720px}
.hero-meta div{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);border-radius:9px;padding:9px 11px;border-left:1px solid rgba(161,196,241,.10)}
.category-matrix{background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}
.dock{
  position:absolute;bottom:16px;left:50%;transform:translateX(-50%);
  width:max-content;min-width:360px;height:62px;padding:7px 9px;
  border-radius:20px;gap:6px;z-index:120;
  background:linear-gradient(145deg,rgba(18,29,47,.64),rgba(4,9,16,.58));
  box-shadow:0 22px 70px rgba(0,0,0,.40),0 0 50px rgba(67,122,241,.08),inset 0 1px rgba(255,255,255,.09);
}
.dock:before{content:"";position:absolute;left:18%;right:18%;top:1px;height:1px;background:linear-gradient(90deg,transparent,rgba(166,206,255,.65),transparent);opacity:.35}
.dock-btn{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border-color:rgba(177,205,246,.06);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.dock-btn:hover{transform:translateY(-4px) scale(1.05);background:linear-gradient(145deg,rgba(82,133,224,.20),rgba(255,255,255,.03));border-color:rgba(144,193,255,.18);box-shadow:0 14px 26px rgba(0,0,0,.22),0 0 24px rgba(82,141,255,.10)}
.dock-btn.active{color:#edf5ff;background:linear-gradient(145deg,rgba(90,145,255,.20),rgba(77,95,151,.10));border-color:rgba(129,177,255,.20);box-shadow:0 0 22px rgba(86,142,255,.10),inset 0 1px rgba(255,255,255,.08)}
.system-panel{background:linear-gradient(145deg,rgba(13,22,35,.62),rgba(5,10,17,.46));backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}
.system-state{background:linear-gradient(145deg,rgba(31,49,78,.20),rgba(255,255,255,.012));border-color:rgba(152,192,248,.09)}
.state-orbit{filter:drop-shadow(0 0 18px rgba(99,150,255,.20))}
.privacy-badge{background:linear-gradient(145deg,rgba(42,88,90,.18),rgba(7,17,20,.26));border-color:rgba(93,219,190,.12)}
.command-overlay{background:rgba(1,4,9,.50);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}
.command{background:linear-gradient(145deg,rgba(18,29,47,.72),rgba(5,10,18,.70));backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);border-color:rgba(177,211,255,.18);box-shadow:0 42px 120px rgba(0,0,0,.65),0 0 70px rgba(67,126,242,.09),inset 0 1px rgba(255,255,255,.08)}
.result:hover,.result.selected{background:linear-gradient(90deg,rgba(87,136,222,.15),rgba(255,255,255,.035));border-color:rgba(137,183,255,.14);box-shadow:inset 2px 0 var(--accent)}
.toast{background:linear-gradient(145deg,rgba(18,29,47,.82),rgba(6,11,18,.78));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-color:rgba(176,209,255,.15);box-shadow:0 20px 45px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.06)}
.boot{background:
  radial-gradient(600px 400px at 50% 42%,rgba(67,118,247,.09),transparent 70%),
  radial-gradient(420px 340px at 50% 58%,rgba(125,82,255,.06),transparent 70%),#02050a}
.boot-logo{background:linear-gradient(145deg,rgba(38,65,104,.58),rgba(7,12,21,.74));box-shadow:0 0 80px rgba(78,136,255,.16),inset 0 1px rgba(255,255,255,.09)}
.welcome{background:linear-gradient(145deg,rgba(18,29,47,.68),rgba(5,10,18,.72));backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);border-color:rgba(177,211,255,.17);box-shadow:0 35px 100px rgba(0,0,0,.56),0 0 60px rgba(71,127,241,.08),inset 0 1px rgba(255,255,255,.08)}
.input,.textarea,.select,.output{background:linear-gradient(180deg,rgba(2,7,13,.72),rgba(5,10,17,.60));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:rgba(169,200,240,.11);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.input:focus,.textarea:focus,.select:focus{border-color:rgba(125,178,255,.38);box-shadow:0 0 0 3px rgba(89,146,255,.08),inset 0 1px rgba(255,255,255,.04)}
@media(max-width:680px){
  .app:after{opacity:.22}
  .grid{transform:perspective(700px) rotateX(66deg) scale(1.75);bottom:-40%;top:32%;background-size:48px 48px}
  .dock{min-width:0;width:calc(100% - 24px);height:58px;border-radius:18px;bottom:8px}
  .dock-btn{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){.grid{transform:none;opacity:.16}}
/* Futuristic environment layer: subtle orbital HUD depth behind the glass UI. */
.desktop-surface:before{
  content:"";
  position:absolute;
  width:820px;height:820px;
  left:50%;top:36%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(102,157,255,.07);
  border-radius:50%;
  box-shadow:
    0 0 0 42px rgba(102,157,255,.018),
    0 0 0 110px rgba(102,157,255,.012),
    inset 0 0 70px rgba(83,139,246,.025);
  opacity:.72;
  pointer-events:none;
}
.desktop-surface:after{
  content:"";
  position:absolute;
  left:8%;right:8%;top:19%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(112,170,255,.10),rgba(168,123,255,.07),transparent);
  box-shadow:0 0 24px rgba(101,160,255,.08);
  pointer-events:none;
}
.panel,.window,.dock,.global-command,.searchbar,.welcome,.command{
  isolation:isolate;
}
@media(max-width:680px){
  .desktop-surface:before{width:500px;height:500px;top:28%;opacity:.38}
  .desktop-surface:after{top:12%;left:5%;right:5%;opacity:.5}
}
@media(prefers-reduced-motion:reduce){.desktop-surface:before,.desktop-surface:after{display:none}}