@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--base: #0E0B1A;--base-2: #140F26;--surface: #1A1533;--surface-2: #241C47;--line: #322A55;--magenta: #FF3D9A;--cyan: #22E0D6;--amber: #FFC53D;--text: #EDE9FF;--muted: #9B93C4;--good: #35E08A}*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 500px at 80% -10%,rgba(255,61,154,.1),transparent 60%),radial-gradient(800px 500px at -10% 10%,rgba(34,224,214,.08),transparent 55%),var(--base);color:var(--text);font-family:JetBrains Mono,ui-monospace,monospace;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Chakra Petch,sans-serif;letter-spacing:.02em;color:var(--text);margin:0}h1{text-transform:uppercase;font-size:1.8rem}.app-shell{max-width:720px;margin:0 auto;padding:16px 14px calc(80px + env(safe-area-inset-bottom));min-height:100vh}.eyebrow{font-family:Chakra Petch,sans-serif;text-transform:uppercase;letter-spacing:.28em;font-size:.68rem;color:var(--cyan);opacity:.9;margin-bottom:6px}.small-muted{color:var(--muted);font-size:.74rem;line-height:1.5}.hud{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:16px;padding:16px 18px 18px;box-shadow:0 0 0 1px #ff3d9a0f,0 18px 40px -20px #000c;margin-bottom:14px}.hud-row{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-end}.hud-stat{display:flex;flex-direction:column;gap:2px}.hud-stat .num{font-family:Chakra Petch,sans-serif;font-size:1.7rem;font-weight:700;line-height:1}.hud-stat .label{font-size:.58rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.num.level{color:var(--magenta);text-shadow:0 0 18px rgba(255,61,154,.55)}.num.xp{color:var(--amber);text-shadow:0 0 18px rgba(255,197,61,.45)}.num.streak{color:var(--cyan);text-shadow:0 0 18px rgba(34,224,214,.45)}.num.tasks{color:var(--text)}.energy-shell{margin-top:14px;height:22px;border-radius:6px;background:repeating-linear-gradient(90deg,var(--base-2) 0 5.5%,transparent 5.5% 6.5%);border:1px solid var(--line);position:relative;overflow:hidden}.energy-fill{height:100%;background:linear-gradient(90deg,var(--magenta),var(--amber));box-shadow:0 0 22px #ff3d9aa6,inset 0 0 10px #ffffff40;transition:width .5s cubic-bezier(.2,.8,.2,1);-webkit-mask:repeating-linear-gradient(90deg,#000 0 5.5%,transparent 5.5% 6.5%);mask:repeating-linear-gradient(90deg,#000 0 5.5%,transparent 5.5% 6.5%)}.energy-caption{display:flex;justify-content:space-between;font-size:.64rem;color:var(--muted);margin-top:6px;letter-spacing:.08em}.quest{background:linear-gradient(180deg,var(--surface),var(--base-2));border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:14px;padding:14px 16px;margin-bottom:10px}.quest.boss{border-left-color:var(--magenta)}.quest.sprint{border-left-color:var(--cyan)}.quest.loot{border-left-color:var(--amber)}.quest.done{opacity:.5;border-left-color:var(--good)}.quest-title{font-size:.98rem;font-weight:500;color:var(--text)}.quest.done .quest-title{text-decoration:line-through}.quest-meta{font-size:.68rem;color:var(--muted);margin-top:4px;letter-spacing:.05em}.badge{display:inline-block;font-family:Chakra Petch,sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;padding:3px 9px;border-radius:999px;margin-bottom:6px;border:1px solid transparent}.badge.boss{color:var(--magenta);border-color:#ff3d9a80;background:#ff3d9a1a}.badge.sprint{color:var(--cyan);border-color:#22e0d680;background:#22e0d61a}.badge.loot{color:var(--amber);border-color:#ffc53d80;background:#ffc53d1a}.substep{display:flex;align-items:center;gap:8px;padding:4px 0 4px 8px;font-size:.84rem}.substep input{accent-color:var(--magenta);width:16px;height:16px}.substep.done label{text-decoration:line-through;color:var(--muted)}button{font-family:Chakra Petch,sans-serif;font-weight:600;letter-spacing:.04em;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:9px 14px;cursor:pointer;font-size:.82rem;transition:transform .1s ease,box-shadow .1s ease,border-color .1s ease}button:hover{transform:translateY(-1px);border-color:var(--cyan);box-shadow:0 0 18px #22e0d64d}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button.primary{background:linear-gradient(180deg,var(--magenta),#c92a78);border:none;color:#1a0512}button.primary:hover{box-shadow:0 0 26px #ff3d9a8c}.btn-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.btn-row button{flex:1;min-width:90px}input[type=text],input[type=password],input[type=number],textarea,select{width:100%;background:var(--base-2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-family:JetBrains Mono,monospace;font-size:.9rem;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #22e0d633}label.field{display:block;margin-bottom:10px}label.field span{display:block;font-size:.7rem;color:var(--muted);margin-bottom:4px;letter-spacing:.08em;text-transform:uppercase}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;background:#140f26eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:20}.bottom-nav button{background:none;border:none;box-shadow:none;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;padding:4px}.bottom-nav button:hover{transform:none}.bottom-nav button.active{color:var(--magenta)}.bottom-nav .ico{font-size:1.25rem}:root{--nav-h: 64px}.chat-section{display:flex;flex-direction:column;height:calc(100vh - 220px - env(safe-area-inset-bottom));min-height:320px}.chat-log{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;overflow-y:auto;margin:12px 0;padding-right:2px}.msg{padding:11px 14px;border-radius:12px;border:1px solid var(--line);max-width:88%;white-space:pre-wrap;line-height:1.45;font-size:.9rem}.msg.user{align-self:flex-end;background:linear-gradient(180deg,var(--surface-2),var(--surface))}.msg.assistant{align-self:flex-start;background:var(--surface)}.chat-input-bar{flex:0 0 auto;display:flex;gap:8px;padding:10px 0 4px;background:transparent}.chat-input-bar input{flex:1}.chat-input-bar button{flex:0 0 auto}.status-pill{font-size:.66rem;letter-spacing:.1em}.status-pill.on{color:var(--good)}.status-pill.off{color:var(--amber)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:360px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:18px;padding:26px 22px;box-shadow:0 24px 60px -30px #000000e6}.login-card h1{margin-bottom:4px}.error-text{color:var(--magenta);font-size:.78rem;margin:8px 0 0}.section{margin-bottom:18px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(120px + env(safe-area-inset-bottom));background:var(--surface-2);border:1px solid var(--cyan);color:var(--text);padding:10px 16px;border-radius:10px;font-size:.82rem;z-index:40;box-shadow:0 0 24px #22e0d64d}.spinner{color:var(--muted);font-size:.8rem;padding:20px 0;text-align:center}