@charset "UTF-8";:root{--bg:#020409;--grid-line:rgba(120, 200, 255, 0.06);--accent:#86d7ff;--accent-soft:rgba(134, 215, 255, 0.16);--accent-strong:#61c3ff;--text-soft:#9fbad0;--text-strong:#e8f5ff;--danger:#ff6b6b;--window-bg:rgba(6, 12, 20, 0.96);--border-soft:rgba(139, 191, 255, 0.35);--shadow-soft:0 18px 45px rgba(0, 0, 0, 0.7);--radius-lg:18px;--radius-md:10px;--font-mono:SFMono-Regular, Menlo, Monaco, "JetBrains Mono", "Fira Code",
    Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:radial-gradient(circle at top,#08121f 0,#020409 45%,#000 100%);color:var(--text-strong);font-family:var(--font-mono);overflow:hidden}body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:40px 40px;opacity:.9;pointer-events:none;z-index:-1}.top-bar{position:relative;z-index:10;height:44px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:var(--accent);background:linear-gradient(to right,rgba(3,20,35,.96),rgba(3,13,24,.96));border-bottom:1px solid rgba(116,177,255,.3);box-shadow:0 6px 25px rgba(0,0,0,.8);backdrop-filter:blur(16px)}.top-bar-left{display:flex;align-items:center;gap:10px;font-size:13px}.top-bar-prompt{color:var(--text-soft)}.top-bar-command{color:var(--accent-strong)}.top-bar-light{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,var(--accent-strong),#0b3a57);box-shadow:0 0 10px var(--accent-strong)}.top-bar-right{font-size:11px;color:var(--text-soft);opacity:.8}.desktop{position:relative;height:calc(100vh - 44px);padding:24px 32px;display:grid;grid-template-columns:220px 1fr;gap:16px}.dock{display:flex;flex-direction:column;gap:20px;align-items:flex-start;padding:14px 12px;border-radius:var(--radius-lg);background:radial-gradient(circle at top left,rgba(97,195,255,.22),rgba(6,13,25,.9));border:1px solid rgba(145,199,255,.4);box-shadow:var(--shadow-soft);backdrop-filter:blur(12px);overflow:hidden}.dock-title{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-soft);opacity:.86;padding-bottom:4px;border-bottom:1px solid rgba(148,204,255,.25);width:100%;margin-bottom:4px}.dock-icons{display:flex;flex-direction:column;gap:10px;margin-top:4px}.desktop-icon{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:999px;background:0 0;cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease;color:var(--text-soft);font-size:12px;border:1px solid transparent;min-width:0}.desktop-icon:hover{background:rgba(7,35,63,.9);border-color:rgba(134,215,255,.65);box-shadow:0 0 16px rgba(97,195,255,.35);transform:translateY(-1px);color:var(--text-strong)}.desktop-icon:active{transform:translateY(0);box-shadow:none}.icon-badge{width:26px;height:26px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#122b3f,#050b13);border:1px solid rgba(164,223,255,.7);box-shadow:0 0 12px rgba(97,195,255,.45);font-size:16px;color:var(--accent-strong);flex-shrink:0}.icon-labels{display:flex;flex-direction:column;min-width:0}.icon-title{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--text-strong)}.icon-subtitle{font-size:11px;opacity:.7;color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.desktop-hint{align-self:flex-end;justify-self:flex-end;font-size:11px;color:var(--text-soft);opacity:.75;padding:8px 10px;border-radius:999px;background:rgba(2,10,18,.86);border:1px solid rgba(99,164,222,.6);box-shadow:0 8px 20px rgba(0,0,0,.75);display:flex;align-items:center;gap:7px}.desktop-hint-dot{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,var(--accent-strong),#0e3a57);box-shadow:0 0 12px var(--accent-strong);flex-shrink:0}.window-layer{position:absolute;inset:24px 32px 24px 260px;pointer-events:none}.window{position:absolute;width:480px;min-height:180px;background:var(--window-bg);border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);color:var(--text-strong);overflow:hidden;display:none;pointer-events:auto}.window.visible{display:flex;flex-direction:column}.window-header{height:32px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to right,rgba(7,27,47,.96),rgba(4,16,30,.96));border-bottom:1px solid rgba(136,197,255,.45);font-size:12px;cursor:default}.window-title{display:flex;align-items:center;gap:8px}.window-title-badge{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,var(--accent-strong),#0b324a);box-shadow:0 0 10px rgba(97,195,255,.8)}.window-controls{display:flex;align-items:center;gap:6px}.window-btn{width:11px;height:11px;border-radius:50%;border:1px solid rgba(181,216,255,.7);background:radial-gradient(circle at 30% 20%,#1b2735,#050a10);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--text-soft);transition:background .15s ease,transform .1s ease}.window-btn.close{border-color:rgba(255,149,149,.9);color:var(--danger)}.window-btn:hover{background:radial-gradient(circle at 30% 20%,#25364a,#060b12);transform:translateY(-.5px)}.window-body{padding:14px 16px 12px;font-size:12px;line-height:1.6}.window-body pre{margin:0;font-family:var(--font-mono);font-size:12px;color:var(--accent);background:rgba(5,15,26,.8);padding:10px 12px;border-radius:var(--radius-md);border:1px solid rgba(97,195,255,.25);overflow-x:auto}.tagline{margin-top:4px;font-size:11px;color:var(--text-soft);opacity:.8}.list-bullet{margin:4px 0;color:var(--accent-strong)}.list-bullet span{color:var(--text-soft)}@media(max-width:800px){.desktop{grid-template-columns:1fr;padding:16px 14px}.dock{flex-direction:row;flex-wrap:wrap;gap:8px}.dock-title{width:100%}.window-layer{inset:110px 12px 12px 12px}.window{max-width:none;width:calc(100% - 12px)}}.dust-layer{position:fixed;inset:0;pointer-events:none;z-index:99999;background:rgba(255,255,255,.15);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);mask-mode:luminance;-webkit-mask-mode:luminance;mask-image:url(/encom-os/mask.png);-webkit-mask-image:url(/encom-os/mask.png);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}