:root{--bg:#03070d;--panel:#08111c;--panel2:#0b1724;--paper:#eef7f8;--muted:#8295a3;--cyan:#6ee7ff;--green:#a7ff5a;--orange:#ff8c5a;--line:rgba(134,213,234,.18);--mono:'IBM Plex Mono',monospace;--sans:'Space Grotesk',sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--paper);font-family:var(--sans)}button,a{font:inherit}.boot-screen{position:fixed;inset:0;z-index:100;overflow:hidden;background:radial-gradient(circle at 68% 38%,rgba(28,87,118,.21),transparent 34%),linear-gradient(135deg,#02050a,#07101a)}.boot-screen:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(110,231,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(110,231,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle at 65% 50%,black,transparent 80%)}#computer-canvas{position:absolute;inset:0;width:100%;height:100%}.boot-copy{position:absolute;z-index:4;left:6vw;top:50%;width:min(520px,88vw);transform:translateY(-50%)}.boot-brand{display:flex;align-items:center;gap:16px}.boot-brand>span{display:grid;place-items:center;width:56px;height:56px;color:#061016;background:var(--green);font:600 18px var(--mono);box-shadow:0 0 32px rgba(167,255,90,.18)}.boot-brand b,.boot-brand small{display:block}.boot-brand b{font:600 20px var(--mono);letter-spacing:.14em}.boot-brand small{margin-top:5px;color:var(--muted);font:11px var(--mono);letter-spacing:.1em}.boot-terminal{display:flex;align-items:center;gap:11px;margin-top:38px;padding:17px 18px;border:1px solid var(--line);background:rgba(4,10,16,.72);font:13px var(--mono)}.boot-terminal span{color:var(--green)}.boot-terminal b{color:#a0b1bb;font-weight:400}.boot-terminal i{width:7px;height:16px;background:var(--cyan);animation:blink 1s steps(1) infinite}#enter-system{display:flex;justify-content:space-between;width:260px;margin-top:22px;padding:17px 18px;color:#061016;border:0;background:var(--cyan);font:600 12px var(--mono);text-transform:uppercase;cursor:pointer;box-shadow:8px 9px 0 rgba(41,97,112,.48);transition:.25s}#enter-system:disabled{opacity:.28;cursor:wait;box-shadow:none}#enter-system:not(:disabled):hover{transform:translateY(-3px);box-shadow:8px 12px 0 rgba(41,97,112,.48)}.boot-hint{position:absolute;left:6vw;bottom:4vh;color:#526673;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.boot-screen.exit{animation:boot-exit .9s forwards}.desktop{position:fixed;inset:0;display:none;overflow:hidden;background:radial-gradient(circle at 78% 24%,rgba(28,115,151,.19),transparent 27%),radial-gradient(circle at 25% 80%,rgba(79,109,42,.12),transparent 34%),linear-gradient(145deg,#06101a,#03070d 68%)}.desktop.ready{display:block}.wallpaper-grid{position:absolute;inset:0;opacity:.48;background-image:linear-gradient(rgba(110,231,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(110,231,255,.035) 1px,transparent 1px);background-size:56px 56px;transform:perspective(800px) rotateX(12deg) scale(1.12)}.desktop-header{position:absolute;z-index:4;left:24px;right:24px;top:22px;display:flex;align-items:center;padding:12px 14px;border:1px solid var(--line);background:rgba(5,12,19,.7);backdrop-filter:blur(18px)}.os-id{display:flex;align-items:center;gap:11px}.os-id>span{display:grid;place-items:center;width:36px;height:36px;color:#061016;background:var(--green);font:600 12px var(--mono)}.os-id b,.os-id small{display:block}.os-id b{font:600 12px var(--mono);letter-spacing:.12em}.os-id small{margin-top:3px;color:#69808e;font:9px var(--mono)}.system-pills{display:flex;gap:8px;margin-left:auto}.system-pills span{padding:8px 10px;color:#8297a4;border:1px solid var(--line);font:9px var(--mono);text-transform:uppercase}.power-button{width:36px;height:36px;margin-left:12px;color:var(--orange);border:1px solid rgba(255,140,90,.2);background:rgba(255,140,90,.04);cursor:pointer}.desktop-icons{position:absolute;z-index:3;left:28px;top:112px;display:grid;gap:15px}.desktop-icon{display:grid;justify-items:center;gap:7px;width:88px;padding:9px;color:var(--paper);border:1px solid transparent;background:transparent;cursor:pointer}.desktop-icon:hover,.desktop-icon:focus{border-color:var(--line);background:rgba(110,231,255,.055)}.icon-glyph{display:grid;place-items:center;width:48px;height:48px;color:var(--cyan);border:1px solid rgba(110,231,255,.28);background:linear-gradient(145deg,#0c1c2c,#07111c);font:600 15px var(--mono);box-shadow:6px 7px 0 rgba(110,231,255,.045)}.desktop-icon b{font:500 11px var(--mono)}.os-window{position:absolute;z-index:10;left:50%;top:51%;display:none;width:min(1080px,76vw);height:min(650px,70vh);overflow:hidden;border:1px solid rgba(110,231,255,.25);background:rgba(7,14,23,.93);box-shadow:24px 28px 0 rgba(110,231,255,.04),0 45px 130px rgba(0,0,0,.62);transform:translate(-50%,-50%);backdrop-filter:blur(18px)}.os-window.open{display:block;animation:window-open .28s ease-out}.os-window.active{z-index:20;border-color:rgba(110,231,255,.42)}.os-window.maximized{left:18px!important;right:18px!important;top:86px!important;width:auto!important;height:calc(100vh - 152px)!important;transform:none!important}.window-bar{display:flex;align-items:center;height:44px;border-bottom:1px solid var(--line);background:#0a1622;cursor:move;user-select:none}.window-title{display:flex;align-items:center;gap:10px;padding-left:14px;color:#aebcc5;font:11px var(--mono)}.window-title>span{color:var(--cyan)}.window-controls{display:flex;height:100%;margin-left:auto}.window-controls button{width:46px;color:#8699a5;border:0;border-left:1px solid var(--line);background:transparent;cursor:pointer}.window-controls button:hover{color:var(--paper);background:rgba(110,231,255,.07)}.window-controls button:last-child:hover{background:#c94d54}.window-body{height:calc(100% - 44px);overflow:auto}.welcome-app{display:grid;grid-template-columns:1.15fr .85fr;gap:4vw;padding:60px}.app-label{margin:0 0 24px;color:var(--orange);font:10px var(--mono);letter-spacing:.1em}.welcome-copy h1{margin:0;font-size:clamp(46px,5.6vw,82px);line-height:.9;letter-spacing:-.065em}.welcome-copy h1 em{color:var(--cyan);font-style:normal;font-weight:500}.welcome-copy>p:not(.app-label){max-width:620px;color:var(--muted);font-size:17px;line-height:1.7}.welcome-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.welcome-actions button,.welcome-actions a{padding:14px 16px;font:600 11px var(--mono);text-decoration:none;text-transform:uppercase}.welcome-actions button{color:#061016;border:0;background:var(--green);cursor:pointer}.welcome-actions a{color:#aab9c1;border:1px solid var(--line)}.welcome-panel{align-self:center;padding:18px;border:1px solid var(--line);background:rgba(9,19,30,.72)}.user-card{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line)}.user-card img{width:70px;height:70px;object-fit:cover;border:1px solid rgba(110,231,255,.3)}.user-card small,.user-card strong,.user-card span{display:block}.user-card small{color:var(--green);font:9px var(--mono)}.user-card strong{margin:5px 0;font-size:18px}.user-card span{color:#6f8491;font:10px/1.5 var(--mono)}.system-readout p{display:flex;justify-content:space-between;margin:0;padding:14px 0;border-bottom:1px solid rgba(134,213,234,.09);font:9px var(--mono)}.system-readout span{color:#607482}.system-readout b{color:#a9bbc4}.start-menu{position:absolute;z-index:90;left:18px;bottom:72px;display:none;width:320px;padding:10px;border:1px solid rgba(110,231,255,.27);background:rgba(6,13,21,.97);box-shadow:0 28px 90px rgba(0,0,0,.65);backdrop-filter:blur(22px)}.start-menu.open{display:block;animation:menu-open .2s}.start-user{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;border-bottom:1px solid var(--line)}.start-user img{width:46px;height:46px;object-fit:cover}.start-user b,.start-user span{display:block}.start-user b{font-size:14px}.start-user span{margin-top:3px;color:#718591;font:9px var(--mono)}.start-menu>button{display:block;width:100%;padding:13px;color:#aebcc4;border:0;background:transparent;text-align:left;font:11px var(--mono);cursor:pointer}.start-menu>button:hover{color:var(--paper);background:rgba(110,231,255,.07)}.taskbar{position:absolute;z-index:80;left:18px;right:18px;bottom:16px;display:flex;align-items:center;height:52px;border:1px solid rgba(110,231,255,.22);background:rgba(5,12,19,.82);backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(0,0,0,.45)}.start-button{display:flex;align-items:center;gap:9px;height:100%;padding:0 16px;color:var(--paper);border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer}.start-button:hover,.start-button.active{background:rgba(110,231,255,.08)}.start-button span{display:grid;place-items:center;width:28px;height:28px;color:#061016;background:var(--green);font:600 9px var(--mono)}.start-button b{font:500 11px var(--mono)}.task-apps{display:flex;align-items:center;height:100%;gap:5px;padding:0 8px}.task-apps button{height:36px;padding:0 12px;color:#8397a3;border:1px solid transparent;background:transparent;font:10px var(--mono);cursor:pointer}.task-apps button.active{color:var(--paper);border-color:var(--line);background:rgba(110,231,255,.055)}.task-status{display:flex;align-items:center;gap:8px;margin-left:auto;padding:0 14px;color:#718590;font:9px var(--mono)}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.task-status time{margin-left:8px;color:#abbac2}@keyframes blink{50%{opacity:0}}@keyframes boot-exit{to{opacity:0;visibility:hidden;transform:scale(1.08)}}@keyframes window-open{from{opacity:0;transform:translate(-50%,-47%) scale(.96)}}@keyframes menu-open{from{opacity:0;transform:translateY(10px)}}@media(max-width:850px){.boot-copy{top:auto;bottom:10vh;transform:none}.boot-screen #computer-canvas{transform:translateY(-14%)}.system-pills{display:none}.desktop-header{left:12px;right:12px;top:10px}.desktop-icons{left:12px;top:85px;grid-template-columns:repeat(2,82px)}.os-window{left:10px;right:10px;top:92px;width:auto;height:calc(100vh - 164px);transform:none}.welcome-app{grid-template-columns:1fr;padding:35px 24px}.welcome-panel{display:none}.taskbar{left:10px;right:10px;bottom:8px}.task-apps{overflow-x:auto}.task-status>span:not(.online-dot){display:none}.start-menu{left:10px;bottom:67px;width:min(320px,calc(100vw - 20px))}}@media(max-width:520px){.boot-copy{left:20px}.boot-brand small{font-size:8px}.boot-terminal{font-size:10px}.desktop-header{padding:10px}.os-id small{display:none}.power-button{margin-left:auto}.desktop-icons{top:78px}.os-window{top:82px;height:calc(100vh - 150px)}.window-title b{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome-copy h1{font-size:46px}.welcome-actions{align-items:stretch;flex-direction:column}.welcome-actions>*{text-align:center}.task-apps button{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-status{padding:0 9px}.task-status time{display:none}}