:root{--accent: #7c5cff;--accent2: #22d3ee;--glass: rgba(18, 16, 40, .62);--glass-border: rgba(255, 255, 255, .14);--text: #f1eeff;--muted: #a49fc4;--wall1: #1b1145;--wall2: #0a0a23;--wall3: #0d3b4f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input,textarea{font:inherit;color:inherit}.welcome{height:100%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 20% 20%,var(--wall1),transparent 60%),radial-gradient(circle at 80% 80%,var(--wall3),transparent 55%),var(--wall2);overflow:hidden;position:relative}.stars,.stars:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 40% 80%,#fff,transparent),radial-gradient(1px 1px at 85% 65%,#fff,transparent),radial-gradient(1px 1px at 10% 70%,#fff,transparent),radial-gradient(1.5px 1.5px at 55% 45%,#fff,transparent);background-size:300px 300px;animation:drift 60s linear infinite;opacity:.8}.stars:before{background-size:500px 500px;animation-duration:120s;opacity:.5}@keyframes drift{to{background-position:-300px 300px}}.welcome-card{position:relative;z-index:1;padding:20px}.orb{width:110px;height:110px;margin:0 auto 24px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent),var(--accent2),#ff7ac6,var(--accent));filter:blur(.5px);box-shadow:0 0 60px var(--accent),inset 0 0 30px #0006;animation:spin 8s linear infinite,pulse 3s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 100px var(--accent2),inset 0 0 30px #0006}}.welcome h1{font-size:clamp(2.4rem,7vw,4.5rem);letter-spacing:.04em}.welcome h1 span{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.welcome p{color:var(--muted);margin:12px 0 28px;min-height:1.5em}.boot-btn{padding:14px 34px;border-radius:999px;font-weight:600;letter-spacing:.08em;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#08061a;box-shadow:0 0 30px color-mix(in srgb,var(--accent) 60%,transparent);transition:transform .15s}.boot-btn:hover{transform:scale(1.06)}.desktop{height:100%;position:relative;background:radial-gradient(ellipse at 15% 10%,var(--wall1),transparent 55%),radial-gradient(ellipse at 90% 90%,var(--wall3),transparent 55%),var(--wall2);background-size:160% 160%;animation:aurora 24s ease-in-out infinite alternate}@keyframes aurora{0%{background-position:0% 0%}to{background-position:100% 100%}}.desktop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--wallpaper, none) center / cover no-repeat}.topbar{position:absolute;top:0;left:0;right:0;height:34px;z-index:10000;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:13px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border)}.topbar .brand{font-weight:700;letter-spacing:.08em}.topbar .brand b{color:var(--accent2)}.topbar .active-title{color:var(--muted)}.icons{position:absolute;top:54px;left:16px;bottom:90px;display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;align-content:flex-start}.desk-icon{width:84px;padding:10px 4px;border-radius:12px;text-align:center;font-size:12px;display:flex;flex-direction:column;gap:4px;align-items:center;text-shadow:0 1px 4px #000}.desk-icon:hover{background:#ffffff1a}.desk-icon .ico{font-size:34px}.window{position:absolute;display:flex;flex-direction:column;background:var(--glass);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 20px 60px #0000008c;overflow:hidden;min-width:260px;min-height:160px;animation:pop .18s ease-out}.window.focused{border-color:color-mix(in srgb,var(--accent) 70%,white 10%);box-shadow:0 20px 70px #000000a6,0 0 0 1px var(--accent),0 0 40px color-mix(in srgb,var(--accent) 35%,transparent)}@keyframes pop{0%{transform:scale(.94);opacity:0}}.win-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:grab;background:#ffffff0d;border-bottom:1px solid var(--glass-border)}.win-bar:active{cursor:grabbing}.win-title{font-size:13px;font-weight:600}.win-ctrls{display:flex;gap:8px}.dot{width:14px;height:14px;border-radius:50%}.dot.min{background:#fbbf24}.dot.max{background:#4ade80}.dot.close{background:#f87171}.window.snapped{border-radius:6px}.snap-preview{position:fixed;z-index:9999;pointer-events:none;border-radius:12px;background:color-mix(in srgb,var(--accent2) 22%,transparent);border:2px solid var(--accent2);transition:all .12s ease-out}.dot:hover{filter:brightness(1.3);transform:scale(1.15)}.win-body{flex:1;overflow:auto;padding:16px;-webkit-user-select:text;user-select:text}.resize{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--muted) 50%,var(--muted) 58%,transparent 58%,transparent 70%,var(--muted) 70%,var(--muted) 78%,transparent 78%);opacity:.6}.dock{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:10000;display:flex;gap:8px;padding:8px 12px;border-radius:22px;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-border);max-width:96vw;overflow-x:auto}.dock-item{position:relative;font-size:28px;width:52px;height:52px;border-radius:14px;transition:transform .15s}.dock-item:hover{transform:translateY(-8px) scale(1.18);background:#ffffff14}.dock-item.open:after{content:"";position:absolute;bottom:2px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--accent2)}.dock-item.min{opacity:.55}h2{margin-bottom:8px}.muted{color:var(--muted)}.about{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.avatar{width:90px;height:90px;border-radius:22px;display:grid;place-items:center;font-size:46px;background:linear-gradient(135deg,var(--accent),var(--accent2))}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{padding:3px 10px;border-radius:999px;font-size:12px;background:#ffffff1a;border:1px solid var(--glass-border)}textarea.notes{width:100%;height:100%;min-height:200px;resize:none;padding:10px;border-radius:10px;background:#00000040;border:1px solid var(--glass-border);outline:none}.calc{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:280px;margin:0 auto}.calc .screen{grid-column:1 / -1;text-align:right;font-size:28px;padding:12px;border-radius:10px;background:#00000059;overflow:hidden;min-height:56px}.calc button{padding:14px 0;border-radius:10px;background:#ffffff1a;font-size:18px}.calc button:hover{background:#fff3}.calc button.op{background:color-mix(in srgb,var(--accent) 60%,transparent)}.calc button.eq{background:var(--accent2);color:#08061a}.term{font-family:Cascadia Code,Consolas,monospace;font-size:13px;height:100%;display:flex;flex-direction:column;background:#00000059;margin:-16px;padding:12px}.term-out{flex:1;overflow:auto;white-space:pre-wrap;color:#9bf6c3}.term-out .cmd{color:var(--accent2)}.term-line{display:flex;gap:6px;margin-top:6px}.term-line input{flex:1;background:none;border:none;outline:none;color:#fff;font-family:inherit}.snake-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.snake-wrap canvas{border-radius:10px;border:1px solid var(--glass-border);background:#0006}.set-row{margin:14px 0}.swatches{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.swatch{width:38px;height:38px;border-radius:50%;border:3px solid transparent}.swatch.on{border-color:#fff}.crumbs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}.crumbs button{padding:4px 10px;border-radius:8px;background:#ffffff1a;font-size:13px}.crumbs button:hover{background:#fff3}.crumbs .up{margin-left:auto;color:var(--accent2)}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.file-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:10px;font-size:12px;word-break:break-all;text-align:center}.file-item:hover{background:#ffffff1a}.file-item .ico{font-size:32px}.preview{margin-top:14px;padding:12px;border-radius:10px;background:#0000004d}.preview pre{margin-top:6px;white-space:pre-wrap;font-family:Cascadia Code,Consolas,monospace;font-size:13px}.orb.small{width:70px;height:70px;margin-bottom:20px}.boot-log{font-family:Cascadia Code,Consolas,monospace;font-size:13px;color:#9bf6c3;text-align:left;min-height:110px;display:inline-block}.boot-bar{width:260px;height:6px;margin:12px auto 0;border-radius:999px;background:#ffffff1f;overflow:hidden}.boot-bar div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .3s}.off{height:100%;display:grid;place-content:center;justify-items:center;gap:14px;background:#000;color:#555}.off button{font-size:48px;width:96px;height:96px;border-radius:50%;border:2px solid #333;color:#666}.off button:hover{color:var(--accent2);border-color:var(--accent2)}.lock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20000;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12vh 0 8vh;background:#08061a8c;-webkit-backdrop-filter:blur(28px) brightness(.8);backdrop-filter:blur(28px) brightness(.8);animation:fade .3s}@keyframes fade{0%{opacity:0}}.lock-time{font-size:clamp(4rem,14vw,8rem);font-weight:200;line-height:1}.lock-date{font-size:1.3rem;color:var(--muted);margin-top:-4vh}.lock-user{display:flex;flex-direction:column;align-items:center;gap:8px}.lock-hint{animation:blink 2s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}.toasts{position:absolute;top:46px;right:14px;z-index:15000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:10px 14px;border-radius:12px;font-size:13px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 8px 30px #0006;animation:slide .25s ease-out}@keyframes slide{0%{transform:translate(30px);opacity:0}}.topbar .right{display:flex;align-items:center;gap:14px}.topbar .right>button{font-size:14px;opacity:.85}.topbar .right>button:hover{opacity:1;color:var(--accent2)}.power{position:relative}.menu{position:absolute;right:0;top:26px;min-width:150px;padding:6px;border-radius:12px;display:flex;flex-direction:column;background:#14122ceb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 12px 40px #00000080;z-index:20001}.menu button{text-align:left;padding:8px 12px;border-radius:8px;font-size:13px}.menu button:hover{background:var(--accent)}.menu.ctx{position:fixed;right:auto;top:auto}.spot-back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:19000;display:flex;justify-content:center;padding-top:14vh;background:#00000059;animation:fade .15s}.spot{width:min(520px,92vw);height:fit-content;border-radius:16px;overflow:hidden;background:#14122cf0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:0 24px 80px #0009}.spot input{width:100%;padding:16px 18px;font-size:18px;background:none;border:none;outline:none;border-bottom:1px solid var(--glass-border);-webkit-user-select:text;user-select:text}.spot-results{max-height:300px;overflow:auto;padding:6px}.spot-results button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:10px}.spot-results button.on{background:var(--accent)}.paint{display:flex;flex-direction:column;gap:10px;height:100%}.paint-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.paint-tools .swatch.sm{width:24px;height:24px;border:2px solid rgba(255,255,255,.25)}.paint-tools .swatch.sm.on{border-color:#fff}.paint-tools .pill-btn{margin:0;padding:5px 12px;font-size:13px}.paint-tools .pill-btn.active{background:var(--accent)}.paint canvas{width:100%;aspect-ratio:3 / 2;height:auto;border-radius:10px;cursor:crosshair;touch-action:none;background:#fff}.walls{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.wall{width:64px;height:42px;border-radius:8px;border:2px solid transparent;background:var(--wall-bg) center / cover}.wall.on{border-color:#fff}.wall.none{background:#ffffff14;font-size:11px}.pill-btn{padding:8px 16px;border-radius:999px;background:#ffffff1f;margin-right:8px}.pill-btn:hover{background:#ffffff38}.links a{display:block;color:var(--accent2);margin:6px 0}.project{padding:12px;border-radius:10px;background:#ffffff12;margin-bottom:10px}