:root{color-scheme:dark;--bg-0: #000;--bg-1: #0a0a0c;--bg-2: #14141a;--bg-3: #1f1f27;--fg-0: #e4e4e7;--fg-1: #a1a1aa;--fg-2: #71717a;--fg-3: #52525b;--violet: #a78bfa;--violet-2: #8b5cf6;--emerald: #4ade80;--amber: #fbbf24;--red: #f87171;--sky: #38bdf8;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--bg-0);color:var(--fg-0);font-family:var(--mono);font-size:14px;line-height:1.5;overflow:hidden}button{font-family:inherit;cursor:pointer}a{color:var(--violet);text-decoration:none}a:hover{color:#c4b5fd}.desktop{position:fixed;inset:0;overflow:hidden}.wallpaper{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 30%,rgba(167,139,250,.18),transparent 55%),radial-gradient(ellipse at 70% 70%,rgba(56,189,248,.12),transparent 55%),linear-gradient(160deg,#050507,#0a0a12 60%,#000);pointer-events:none}.wallpaper-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(167,139,250,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,250,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;mask-image:radial-gradient(ellipse at center,black 30%,transparent 90%)}.window{position:absolute;background:#08080cf0;border:1px solid rgba(167,139,250,.28);border-radius:10px;box-shadow:0 12px 60px #000c,0 0 80px #a78bfa0f;display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(6px)}.window.web{border-color:#38bdf866}.window.notes{border-color:#fbbf2459}.window.mission{border-color:#38bdf859}.window-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;background:#0f0f16d9;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:var(--fg-1);user-select:none;cursor:grab}.window-title:active{cursor:grabbing}.window-title .left{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.window-title .dot{width:6px;height:6px;border-radius:50%;background:var(--violet);box-shadow:0 0 8px var(--violet);animation:pulse 2s infinite}.window.web .window-title .dot{background:var(--sky);box-shadow:0 0 8px var(--sky)}.window.notes .window-title .dot{background:var(--amber);box-shadow:0 0 8px var(--amber)}.window.mission .window-title .dot{background:var(--sky);box-shadow:0 0 8px var(--sky)}.window-title .path{color:var(--fg-3);text-transform:none;letter-spacing:0;font-size:10px}.window-title .ctrls{display:flex;gap:4px;flex-shrink:0}.window-title button{background:none;border:none;color:var(--fg-2);padding:4px 6px;border-radius:4px;font-size:12px;line-height:1}.window-title button:hover{color:var(--fg-0);background:#ffffff0d}.window-title button.close:hover{color:var(--red);background:#f871711f}.window-body{flex:1;min-height:0;overflow:hidden}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.term{height:100%;background:#000;color:var(--fg-0);padding:14px 18px;overflow-y:auto;font-size:13px;line-height:1.55;white-space:pre-wrap;word-wrap:break-word}.term .prompt{color:var(--emerald)}.term .path-frag{color:var(--violet)}.term .dim{color:var(--fg-3)}.term .accent{color:var(--violet)}.term .warn{color:var(--amber)}.term .ok{color:var(--emerald)}.term .system{display:inline-block;color:var(--violet);border-left:2px solid var(--violet);padding-left:10px;margin:6px 0}.term .cursor{display:inline-block;width:8px;height:14px;background:var(--violet);vertical-align:text-bottom;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.content{height:100%;overflow-y:auto;padding:18px 22px;font-size:13px;line-height:1.65;color:var(--fg-0)}.content h2{font-size:11px;color:var(--fg-2);letter-spacing:.28em;text-transform:uppercase;margin:0 0 10px;font-weight:500}.content h3{font-size:12px;color:var(--violet);letter-spacing:.18em;text-transform:uppercase;margin:16px 0 6px;font-weight:500}.content p{margin:6px 0}.content ul{padding-left:18px;margin:6px 0}.content code{font-family:var(--mono);background:var(--bg-3);color:var(--violet);padding:1px 5px;border-radius:3px;font-size:12px}.content .pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--violet);border:1px solid rgba(167,139,250,.35);border-radius:999px;padding:3px 10px;margin-bottom:12px}.taskbar{position:fixed;left:0;right:0;bottom:0;z-index:50;height:52px;background:#08080cf0;border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);display:flex;align-items:center;gap:10px;padding:0 14px}.taskbar .brand{display:inline-flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.28em;color:var(--violet);padding:6px 12px;border:1px solid rgba(167,139,250,.3);border-radius:6px}.taskbar .brand strong{color:var(--violet);font-weight:700}.taskbar .divider{width:1px;height:20px;background:#ffffff1a}.taskbar .apps{display:flex;gap:8px}.taskbar .clock{margin-left:auto;color:var(--fg-2);font-size:12px;letter-spacing:.1em}.app-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-2);border:1px solid rgba(255,255,255,.06);border-radius:6px;color:var(--fg-1);font-size:11px;text-transform:uppercase;letter-spacing:.18em;transition:all .15s}.app-btn:hover{background:var(--bg-3);color:var(--fg-0)}.app-btn.active{background:#a78bfa2e;border-color:#a78bfa80;color:var(--violet)}.app-btn.web.active{background:#38bdf829;border-color:#38bdf880;color:var(--sky)}.app-btn.notes.active{background:#fbbf2429;border-color:#fbbf2480;color:var(--amber)}.app-btn.mission.active{background:#38bdf829;border-color:#38bdf880;color:var(--sky)}.app-btn .ic{width:12px;height:12px;opacity:.9}.demo-banner{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:linear-gradient(90deg,#a78bfa2e,#38bdf81f,#a78bfa2e);border-bottom:1px solid rgba(167,139,250,.35);backdrop-filter:blur(8px);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.demo-banner .left{display:flex;align-items:center;gap:12px;color:var(--fg-1)}.demo-banner .pill{display:inline-flex;align-items:center;gap:6px;color:var(--violet);border:1px solid var(--violet);border-radius:999px;padding:3px 10px;font-weight:700}.demo-banner .pill:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--violet);box-shadow:0 0 8px var(--violet);animation:pulse 2s infinite}.demo-banner .cta{background:var(--violet);color:var(--bg-0);border:none;padding:6px 16px;border-radius:6px;font-weight:700;font-size:11px;letter-spacing:.22em;transition:background .15s}.demo-banner .cta:hover{background:#c4b5fd}.demo-banner .secondary{color:var(--fg-1);background:transparent;border:1px solid rgba(255,255,255,.15);padding:5px 12px;border-radius:6px;font-size:11px;letter-spacing:.18em}.demo-banner .secondary:hover{color:var(--fg-0);border-color:var(--violet)}.boot{position:fixed;inset:0;z-index:200;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:var(--violet)}.boot .mark{font-size:36px;font-weight:700;letter-spacing:.3em}.boot .sub{font-size:11px;color:var(--fg-2);letter-spacing:.4em}.boot .loader{width:220px;height:2px;background:#a78bfa2e;position:relative;overflow:hidden}.boot .loader:after{content:"";position:absolute;height:100%;width:40%;background:var(--violet);animation:bootslide 1.8s ease-in-out infinite}@keyframes bootslide{0%{left:-40%}to{left:100%}}.boot .lines{margin-top:24px;font-size:11px;color:var(--fg-3);text-align:center;line-height:1.8}.boot .lines .ok{color:var(--emerald)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a78bfa2e;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#a78bfa52}