:root{color-scheme:dark;--bg: #0a1220;--panel: rgba(12, 24, 40, .82);--text: #d8f6ff;--muted: #6a9bb0;--accent: #00e5ff;--accent-2: #7c4dff;--warn: #ffd54f;--error: #ff4d6d;--glass: rgba(8, 22, 38, .72);--border: rgba(0, 229, 255, .35);--glow: 0 0 18px rgba(0, 229, 255, .28);font-family:JetBrains Mono,IBM Plex Mono,SF Mono,ui-monospace,monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden}.gate{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 20%,rgba(0,229,255,.14) 0%,transparent 45%),radial-gradient(ellipse at 70% 80%,rgba(124,77,255,.12) 0%,transparent 40%),linear-gradient(160deg,#071018,#0c1a2e,#0a1424);z-index:20}.gate[hidden],.app[hidden]{display:none!important}.gate-card{width:min(360px,92vw);padding:1.6rem;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--glow),0 20px 50px #00000073;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;gap:.75rem}.gate-card h1{margin:0;font-size:1.15rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 12px rgba(0,229,255,.45)}.gate-card p{margin:0;color:var(--muted);font-size:.85rem}.gate-card input{width:100%;padding:.75rem .85rem;border-radius:8px;border:1px solid rgba(0,229,255,.28);background:#040c16d9;color:var(--text);font-size:1rem;font-family:inherit;outline:none}.gate-card input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #00e5ff33}.gate-card button,.bottom-bar button{padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(0,229,255,.55);background:linear-gradient(135deg,#00e5ff40,#7c4dff47);color:#e8ffff;font-weight:650;font-family:inherit;letter-spacing:.04em;cursor:pointer;box-shadow:var(--glow)}.gate-card button:hover,.bottom-bar button:hover{filter:brightness(1.12);box-shadow:0 0 24px #00e5ff66}.error{color:var(--error)!important}.app{position:fixed;top:0;right:0;bottom:0;left:0}#office-canvas{width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.usage-board{position:absolute;top:16px;left:16px;min-width:190px;padding:12px 14px;background:var(--glass);border:1px solid var(--border);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--glow);color:var(--text)}.usage-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.usage-value{font-size:1.35rem;font-weight:700;margin-top:2px;color:var(--accent);text-shadow:0 0 10px rgba(0,229,255,.35)}.usage-sub{font-size:.78rem;color:var(--muted);margin-top:4px}.feed-warn{position:absolute;top:16px;right:16px;padding:8px 12px;border-radius:8px;background:#281e08d9;color:var(--warn);font-size:.82rem;border:1px solid rgba(255,213,79,.45);box-shadow:0 0 14px #ffd54f33}.sim-label{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#7c4dff59;border:1px solid rgba(124,77,255,.7);color:#efe7ff;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 0 16px #7c4dff59}.hover-name{position:absolute;bottom:88px;left:50%;transform:translate(-50%);padding:6px 12px;border-radius:6px;background:var(--glass);border:1px solid var(--border);color:var(--text);font-size:.85rem;max-width:90vw;text-align:center;box-shadow:var(--glow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottom-bar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:10px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#040c18d9);pointer-events:none}.bottom-bar button{pointer-events:auto}.bottom-bar .ghost{background:#081220bf;border:1px solid rgba(106,155,176,.4);color:var(--muted);box-shadow:none}