:root{--bg:#101318;--panel:#181d24;--text:#edf2f7;--muted:#9ca8b7;--line:#3a4553;--accent:#76b5ff;--green:#9bdb8f;--mono:"Cascadia Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:var(--sans);overflow:hidden}button,input{font:inherit}a,button{color:inherit}a{text-decoration:none}.desktop{min-height:100vh;background:radial-gradient(circle at 75% 20%,rgba(76,110,150,.18),transparent 28%),linear-gradient(135deg,#0e1217,#151a21 55%,#0e1217);position:relative;overflow:hidden}.desktop-grid{position:absolute;inset:42px 0 62px;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:32px 32px;pointer-events:none}.topbar{height:42px;background:rgba(13,16,21,.94);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 14px;position:relative;z-index:20;font:13px var(--mono)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px}.brand{font-weight:700}.status{color:var(--muted)}.workspace{position:relative;z-index:2;height:calc(100vh - 104px);padding:22px}.desktop-icons{display:grid;grid-template-columns:repeat(2,92px);grid-gap:18px 10px;gap:18px 10px;width:200px}.icon-button{width:92px;min-height:84px;border:0;background:transparent;cursor:pointer;border-radius:10px;padding:8px;text-align:center}.icon-button:hover{background:rgba(255,255,255,.07)}.icon-glyph{width:48px;height:48px;margin:0 auto 7px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#2b3541,#171d25);border:1px solid #465362;box-shadow:0 8px 20px rgba(0,0,0,.25);font:19px var(--mono)}.icon-label{display:block;font:12px var(--mono);overflow-wrap:anywhere}.window{position:absolute;left:250px;top:58px;width:min(820px,calc(100vw - 290px));height:min(590px,calc(100vh - 145px));min-width:320px;min-height:260px;background:rgba(21,26,33,.97);border:1px solid #45515f;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.42);overflow:hidden;display:flex;flex-direction:column}.window-header{height:40px;background:linear-gradient(#2a333e,#222a34);border-bottom:1px solid #414c58;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 13px}.window-title{font:12px var(--mono)}.window-controls{display:flex;gap:6px}.window-control{width:12px;height:12px;border-radius:50%;border:0;padding:0;background:#697583;cursor:pointer}.window-body{flex:1 1;overflow:auto;padding:24px;line-height:1.7}.eyebrow{color:var(--green);font:12px var(--mono);text-transform:uppercase;letter-spacing:.08em}h1,h2,h3{line-height:1.25}h1{font-size:clamp(28px,4vw,48px);margin:8px 0 14px}h2{font-size:22px;margin:0 0 12px}p{color:#cbd4df}.code{font:12px/1.6 var(--mono);color:#d8e2ec;background:#0c1015;border:1px solid #303b47;border-radius:8px;padding:14px;white-space:pre-wrap}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag{border:1px solid #40505f;background:#202a34;border-radius:999px;padding:5px 9px;font:12px var(--mono)}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:12px;gap:12px}.folder-item{border:1px solid #35414e;border-radius:9px;padding:14px;background:rgba(255,255,255,.025)}.folder-item:hover{background:rgba(255,255,255,.06)}.terminal{position:absolute;right:24px;bottom:18px;width:min(520px,calc(100vw - 48px));height:260px;background:rgba(7,10,13,.96);border:1px solid #384451;border-radius:9px;box-shadow:0 20px 60px rgba(0,0,0,.42);overflow:hidden;display:flex;flex-direction:column}.terminal-header{height:34px;background:#171d24;border-bottom:1px solid #303944;display:flex;align-items:center;padding:0 10px;font:11px var(--mono);color:var(--muted)}.terminal-output{flex:1 1;overflow:auto;padding:12px;font:12px/1.55 var(--mono);color:#cbd8e5;white-space:pre-wrap}.terminal-form{display:flex;border-top:1px solid #29333e}.terminal-prompt{padding:9px 0 9px 11px;color:var(--green);font:12px var(--mono)}.terminal-input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;color:#eef4fa;padding:9px 10px;font:12px var(--mono)}.dock{position:absolute;z-index:30;left:50%;bottom:10px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:6px;background:rgba(11,14,18,.9);border:1px solid #3b4652;border-radius:11px;box-shadow:0 10px 35px rgba(0,0,0,.35)}.dock a,.dock button{width:38px;height:38px;border:0;background:transparent;border-radius:8px;cursor:pointer;display:grid;place-items:center;font:15px var(--mono)}.dock a:hover,.dock button:hover{background:rgba(255,255,255,.09)}@media(max-width:800px){body{overflow:auto}.desktop{min-height:100dvh}.workspace{height:calc(100dvh - 104px);padding:14px}.desktop-icons{grid-template-columns:repeat(4,82px);width:100%}.icon-button{width:82px}.window{left:10px;top:130px;width:calc(100vw - 20px);height:calc(100dvh - 190px)}.terminal{left:10px;right:10px;bottom:64px;width:auto;height:210px}}