@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Silkscreen:wght@400;700&display=swap');

:root{--bg:#101219;--surface:#1a1d27;--surface-2:#222631;--ink:#f1f1e9;--muted:#8f95a5;--line:#4c5261;--acid:#b8f23d;--blue:#63a8ff;--shadow:#07080c;--task:44px;--pixel:'Silkscreen','Courier New',monospace;--mono:'IBM Plex Mono','Courier New',monospace}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--mono);overflow:hidden}.skip-link{position:fixed;left:8px;top:-80px;background:var(--acid);color:#111;padding:10px;z-index:1000}.skip-link:focus{top:8px}button,input{font:inherit}.boot{position:fixed;inset:0;z-index:999;background:#090a0e;display:grid;place-content:center;text-align:center;transition:opacity .35s,visibility .35s}.boot.done{opacity:0;visibility:hidden}.boot-logo{font:700 48px var(--pixel);color:var(--acid);text-shadow:4px 4px 0 #344610}.boot-logo span{animation:blink .5s steps(1) infinite}.boot p{font:12px var(--pixel);letter-spacing:2px}.boot-track{width:240px;height:14px;border:2px solid #676b75;padding:2px}.boot-track i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--acid) 0 16px,transparent 16px 20px);animation:load .7s steps(6) forwards}.desktop{height:calc(100vh - var(--task));position:relative;overflow:hidden;background-color:#12151d;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px}.desktop:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.1;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 4px)}.topbar{height:66px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2d313d;background:rgba(14,16,23,.9);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;font:700 15px var(--pixel)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--acid);color:#111;box-shadow:3px 3px 0 #394a16}.brand small{font:500 10px var(--mono);color:var(--muted);letter-spacing:1px;border-left:1px solid var(--line);padding-left:12px}.mode-switch{border:1px solid var(--line);background:#171a22;color:var(--ink);height:32px;padding:0 10px;display:flex;align-items:center;gap:9px;font:600 10px var(--pixel);cursor:pointer;box-shadow:2px 2px 0 #050609}.mode-switch i{width:8px;height:8px;background:var(--acid);box-shadow:0 0 8px var(--acid)}.mode-switch.guest i{background:var(--blue);box-shadow:0 0 8px var(--blue)}.workspace{position:relative;height:calc(100% - 66px);padding:8vh 6vw}.desktop-heading{max-width:590px}.eyebrow{font:11px var(--pixel);color:var(--acid);letter-spacing:1px;margin:0 0 18px}.desktop-heading h1{font:700 clamp(38px,5.4vw,80px)/.98 var(--pixel);letter-spacing:-4px;margin:0;text-shadow:5px 5px 0 #050609}.desktop-heading h1 span{color:var(--acid)}.desktop-heading>p:last-child{color:var(--muted);font-size:13px;max-width:500px;line-height:1.7;margin-top:25px}.desktop-icons{display:flex;gap:34px;position:absolute;left:6vw;bottom:9vh}.desktop-icon{width:88px;border:0;background:transparent;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:10px;padding:5px;cursor:pointer}.desktop-icon:hover,.desktop-icon:focus-visible{background:rgba(99,168,255,.14);outline:1px dotted var(--blue)}.app-icon{--icon-accent:var(--acid);width:54px;height:48px;position:relative;display:grid;place-items:center;color:#101219;background:var(--icon-accent);border:2px solid #dfe3e8;box-shadow:inset -5px -5px 0 rgba(0,0,0,.25),3px 3px 0 #050609;font:700 21px var(--pixel)}.app-icon:before{content:"";position:absolute;left:5px;right:5px;top:5px;height:4px;background:rgba(255,255,255,.5)}.desktop-icon>span:last-child{font:600 10px/1.3 var(--pixel);text-shadow:2px 2px #000}.system-panel{position:absolute;right:5vw;top:9vh;width:318px}.window-frame{background:var(--surface);border:2px solid #777d8b;border-right-color:#272b34;border-bottom-color:#272b34;box-shadow:6px 6px 0 var(--shadow);z-index:10}.window-title{height:30px;background:#303646;border-bottom:2px solid #11141a;display:flex;align-items:center;justify-content:space-between;padding-left:8px;color:#fff;font:600 9px var(--pixel);letter-spacing:.5px}.window-controls{display:flex;align-self:stretch}.window-controls i,.window-controls button{width:30px;display:grid;place-items:center;border:0;border-left:1px solid #171a22;background:#4a5060;color:#fff;font:700 14px var(--mono);font-style:normal}.window-controls button{cursor:pointer}.window-controls button:last-child:hover{background:#c04455}.system-body{padding:18px}.status-line{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:11px;padding:8px 0;border-bottom:1px dotted #454a57}.status-line i{width:7px;height:7px;background:var(--acid);box-shadow:0 0 6px var(--acid)}.status-line i.amber{background:#ffbf5b;box-shadow:0 0 6px #ffbf5b}.status-line span{color:var(--muted)}.status-line strong{font:500 9px var(--pixel);color:var(--acid)}.system-rule{height:2px;background:#0e1016;border-bottom:1px solid #555b68;margin:16px 0}.system-body p{font-size:10px;color:var(--muted);line-height:1.7;margin:0}.app-window{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:min(610px,calc(100vw - 24px));z-index:40}.app-window.maximized{inset:10px 10px 8px;transform:none;width:auto}.app-detail{padding:28px;background:var(--surface)}.detail-head{display:grid;grid-template-columns:72px 1fr;gap:20px;align-items:center}.detail-head .app-icon{width:68px;height:60px}.detail-head h2{font:700 20px var(--pixel);margin:0 0 8px}.detail-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin:25px 0}.detail-meta div{padding:12px;border-right:1px solid var(--line)}.detail-meta div:last-child{border:0}.detail-meta small{display:block;color:var(--muted);font:8px var(--pixel);margin-bottom:7px}.detail-meta strong{font-size:10px}.detail-actions{display:flex;justify-content:flex-end;gap:10px}.retro-button{min-height:40px;border:2px solid #858b98;border-right-color:#11141a;border-bottom-color:#11141a;background:#343947;color:#fff;padding:0 16px;font:600 9px var(--pixel);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.retro-button.primary{background:var(--acid);color:#12150d;border-top-color:#e8ffb7;border-left-color:#e8ffb7}.retro-button:active{border-color:#11141a #858b98 #858b98 #11141a;transform:translate(1px,1px)}.start-menu{position:fixed;left:4px;bottom:calc(var(--task) + 4px);width:min(470px,calc(100vw - 8px));height:490px;display:grid;grid-template-columns:42px 1fr;z-index:80}.start-menu[hidden],.app-window[hidden]{display:none}.start-rail{background:#252a37;writing-mode:vertical-rl;transform:rotate(180deg);padding:12px 8px;color:#a9afbc;font:400 14px var(--pixel)}.start-rail b{color:var(--acid)}.start-content{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.search-box{display:flex;align-items:center;margin:14px;border:2px solid #0c0e13;border-right-color:#7b818e;border-bottom-color:#7b818e;background:#0d0f15}.search-box span{padding:0 10px;color:var(--acid);font-size:22px}.search-box input{width:100%;height:42px;border:0;outline:0;background:transparent;color:#fff;font-size:12px}.start-results{overflow:auto;padding:0 14px}.start-result{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:9px;border:0;width:100%;background:transparent;color:#fff;text-align:left;cursor:pointer}.start-result:hover,.start-result:focus-visible{background:#344c76;outline:1px dotted #fff}.start-result .app-icon{width:40px;height:36px;font-size:14px}.start-result strong{display:block;font:600 10px var(--pixel);margin-bottom:5px}.start-result small{color:#adb3c0;font-size:9px}.visibility{font:7px var(--pixel);padding:5px;border:1px solid var(--line);color:var(--muted)}.visibility.public{color:var(--acid)}.start-empty{color:var(--muted);text-align:center;margin-top:55px;font-size:11px}.start-footer{height:44px;background:#282d39;border-top:1px solid #4c5260;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:8px}.start-footer b{color:var(--acid)}.start-footer button{border:0;background:transparent;color:#ff8393;font:8px var(--pixel);cursor:pointer}.taskbar{position:fixed;left:0;right:0;bottom:0;height:var(--task);z-index:100;background:#252a36;border-top:2px solid #777d8b;display:flex;align-items:center;padding:3px}.start-button{height:36px;padding:0 12px;border:2px solid #777d8b;border-right-color:#11141a;border-bottom-color:#11141a;background:#343946;color:#fff;font:700 10px var(--pixel);display:flex;align-items:center;gap:8px;cursor:pointer}.start-button.active{border-color:#11141a #777d8b #777d8b #11141a;background:#262a34}.pixel-logo{display:grid;grid-template-columns:repeat(2,6px);gap:1px;transform:skewY(-8deg)}.pixel-logo i{width:6px;height:6px;background:var(--acid)}.pixel-logo i:nth-child(2){background:#ff6e84}.pixel-logo i:nth-child(3){background:#63a8ff}.pixel-logo i:nth-child(4){background:#ffd166}.task-divider{height:30px;border-left:1px solid #111;border-right:1px solid #555;margin:0 5px}.task-app{height:34px;min-width:150px;max-width:220px;border:2px solid #151821;border-right-color:#606674;border-bottom-color:#606674;background:#20242e;color:#fff;display:flex;align-items:center;gap:8px;padding:0 8px;cursor:pointer}.task-app span{width:12px;height:12px;background:var(--acid)}.task-app b{font:8px var(--pixel);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tray{margin-left:auto;height:34px;padding:0 10px;border:2px solid #171a22;border-right-color:#515765;border-bottom-color:#515765;display:flex;align-items:center;gap:8px;color:#c3c8d2;font:8px var(--pixel)}.online-dot{width:7px;height:7px;background:var(--acid);box-shadow:0 0 5px var(--acid)}#trayClock{border-left:1px solid var(--line);padding-left:9px}
@keyframes load{from{width:0}to{width:100%}}@keyframes blink{50%{opacity:0}}@media(max-width:850px){.system-panel{display:none}.workspace{padding:6vh 7vw}.desktop-icons{left:7vw;bottom:6vh;display:grid;grid-template-columns:repeat(2,88px);gap:18px}.brand small{display:none}.desktop-heading h1{letter-spacing:-2px}.desktop-heading>p:last-child{max-width:360px}.detail-meta{grid-template-columns:1fr}.detail-meta div{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:520px){.topbar{padding:0 14px}.mode-switch span{display:none}.workspace{padding-top:4vh}.desktop-heading>p:last-child{font-size:11px}.desktop-icons{bottom:4vh}.app-window{top:46%}.detail-head{grid-template-columns:1fr}.detail-actions{flex-direction:column}.retro-button{justify-content:center}.tray #modeLabel,.online-dot{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}