:root{--bg:#170c27;--panel:#241336;--panel2:#311c49;--edge:#664285;--text:#f5edff;--muted:#bba8d0;--accent:#ad65f7;--task:#130b20;--shadow:0 20px 55px #090311b8}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Segoe UI,Arial,sans-serif;color:var(--text)}button,input{font:inherit}button{cursor:pointer}.desktop{height:calc(100dvh - 48px);position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,#522774 0,transparent 38%),linear-gradient(145deg,#120a20,#241139 65%,#160c27)}.desktop:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 59px,#ffffff04 60px),repeating-linear-gradient(90deg,transparent 0 59px,#ffffff04 60px)}.brand{position:absolute;right:5%;top:9%;text-align:right;opacity:.38;user-select:none}.brand strong{display:block;font-size:clamp(52px,10vw,150px);letter-spacing:-.07em}.brand strong span{color:#ba75ff}.brand small{letter-spacing:.45em}.desktop-icons{position:absolute;z-index:1;left:14px;top:20px;display:grid;grid-template-columns:repeat(2,94px);gap:16px 10px}.desktop-icon{border:1px solid transparent;background:transparent;color:#fff;border-radius:9px;width:94px;min-height:85px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-shadow:0 1px 3px #000;font-size:12px}.desktop-icon:hover,.desktop-icon:focus-visible{background:#b477ee30;border-color:#bb7dff77}.desktop-icon .glyph{font-size:34px;filter:drop-shadow(0 4px 7px #0008)}.window-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.window{position:absolute;display:flex;flex-direction:column;width:min(680px,calc(100vw - 24px));height:min(470px,calc(100dvh - 85px));background:var(--panel);border:1px solid var(--edge);border-radius:11px;overflow:hidden;box-shadow:var(--shadow);pointer-events:auto;min-width:280px;min-height:180px}.window.active{border-color:#b779fc}.titlebar{height:43px;background:linear-gradient(90deg,#673391,#3b2059);display:flex;align-items:center;gap:9px;padding:0 10px;cursor:move;user-select:none;flex-shrink:0}.titlebar strong{font-size:13px;flex:1}.window-control{border:0;background:#ffffff20;color:white;border-radius:5px;width:27px;height:26px}.window-control:hover{background:#ffffff3c}.window-control.close:hover{background:#b73b69}.window-body{padding:22px;overflow:auto;flex:1;line-height:1.55}.window-body h2{margin:0 0 10px;font-size:23px}.window-body p{color:var(--muted)}.window-body a{color:#d3a3ff}.button{border:1px solid #a56bdb;background:#703ca0;color:#fff;padding:10px 15px;border-radius:8px;display:inline-block;text-decoration:none;margin:4px 5px 4px 0}.button:hover{background:#8950bc}.button.secondary{background:#342146}.notice{background:#3a274f;border-left:3px solid #bd83ff;padding:12px 14px;border-radius:5px;margin:14px 0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px}.mini-card{border:1px solid #5e4178;background:#302043;padding:14px;border-radius:9px}.mini-card b{display:block}.mini-card small{color:var(--muted)}.start-menu{position:fixed;z-index:9999;bottom:48px;left:8px;width:300px;max-width:calc(100vw - 16px);background:#231332;border:1px solid #7a509b;border-radius:12px 12px 0 0;box-shadow:var(--shadow);overflow:hidden}.hidden{display:none!important}.start-menu header{background:linear-gradient(110deg,#673495,#3a1e5c);padding:20px}.start-menu header strong{display:block;font-size:24px}.start-menu header span,.start-menu footer{font-size:12px;color:#c7b0dc}.start-menu #start-items{padding:8px}.start-menu #start-items button{display:block;width:100%;background:transparent;border:0;color:white;text-align:left;padding:12px;border-radius:7px}.start-menu #start-items button:hover{background:#7644a2}.start-menu footer{padding:12px;border-top:1px solid #4b3260}.taskbar{height:48px;position:fixed;inset:auto 0 0;z-index:9998;background:#130b20ee;border-top:1px solid #704391;display:flex;align-items:center;padding:5px 9px;gap:8px;backdrop-filter:blur(12px)}.start-button{background:#6e369e;color:#fff;border:1px solid #9b5acb;padding:9px 14px;border-radius:7px;font-weight:700}.tasks{display:flex;gap:6px;flex:1;overflow:auto}.task{border:1px solid #674881;background:#312042;color:white;padding:8px 11px;border-radius:6px;white-space:nowrap;font-size:12px;max-width:175px;overflow:hidden;text-overflow:ellipsis}.task.active{background:#7746a1}.tray{font-size:12px;display:flex;gap:9px;align-items:center;white-space:nowrap}.online-dot{width:8px;height:8px;background:#52d899;border-radius:50%}input[type=text]{padding:10px;background:#1a1128;border:1px solid #765294;border-radius:7px;color:white;width:100%;max-width:330px}label{display:block;margin:12px 0 4px;color:var(--muted);font-size:13px}.footer-note{margin-top:25px;font-size:12px;color:var(--muted)}@media(max-width:650px){.desktop-icons{grid-template-columns:repeat(2,76px);gap:8px}.desktop-icon{width:76px;font-size:11px}.brand{top:60%;right:5%}.window{left:6px!important;top:7px!important;width:calc(100vw - 12px)!important;height:calc(100dvh - 65px)!important}.titlebar{cursor:default}.taskbar .start-button span{display:none}}