:root{color-scheme:light;--bg: #f5f8fd;--bg-glow-1: rgba(37, 99, 235, .08);--bg-glow-2: rgba(252, 211, 77, .16);--surface: #ffffff;--surface-2: #f1f5fb;--surface-3: #e7edf6;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-soft: #334155;--muted: #64748b;--primary: #2563eb;--primary-strong: #1d4ed8;--primary-soft: #e6eeff;--on-primary: #ffffff;--accent: #fcd34d;--accent-strong: #b45309;--accent-soft: #fff7db;--success: #059669;--success-strong: #047857;--success-soft: #dcfce7;--danger: #dc2626;--danger-soft: #fee2e2;--warning: #d97706;--star: #f59e0b;--terminal: #0f172a;--terminal-text: #e2e8f0;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 2px 8px rgba(15, 23, 42, .04);--shadow: 0 10px 30px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 60px rgba(15, 23, 42, .18);--radius: 18px;--radius-sm: 12px;--coach-accent: #2563eb;--chapter-accent: #2563eb;--hud-height: 64px}:root[data-theme=theme-mint]{--bg: #f1faf7;--bg-glow-1: rgba(13, 148, 136, .1);--bg-glow-2: rgba(252, 211, 77, .14);--surface-2: #eef8f5;--surface-3: #ddf1eb;--border: #d5ebe4;--primary: #0d9488;--primary-strong: #0f766e;--primary-soft: #d9f5f0}:root[data-theme=theme-peach]{--bg: #fff8f2;--bg-glow-1: rgba(234, 88, 12, .08);--bg-glow-2: rgba(251, 113, 133, .12);--surface-2: #fff3ea;--surface-3: #fde6d5;--border: #f6e0d0;--primary: #c2410c;--primary-strong: #9a3412;--primary-soft: #ffe8da;--accent: #fda4af;--accent-soft: #fff1f2}:root[data-theme=theme-lilac]{--bg: #f8f6ff;--bg-glow-1: rgba(124, 58, 237, .09);--bg-glow-2: rgba(244, 114, 182, .1);--surface-2: #f4f0ff;--surface-3: #e9e2ff;--border: #e6defa;--primary: #7c3aed;--primary-strong: #6d28d9;--primary-soft: #efe7ff}:root[data-theme=theme-sunrise],:root[data-theme=theme-lagoon],:root[data-theme=theme-night-grid],:root[data-theme=theme-ember],:root[data-theme=theme-forest]{color-scheme:dark;--bg: #0b1120;--bg-glow-1: rgba(99, 102, 241, .16);--bg-glow-2: rgba(14, 165, 233, .1);--surface: #131c31;--surface-2: #1a2540;--surface-3: #24304f;--border: #26324d;--border-strong: #34446a;--text: #f1f5f9;--text-soft: #cbd5e1;--muted: #94a3b8;--primary: #6366f1;--primary-strong: #4f46e5;--primary-soft: rgba(99, 102, 241, .18);--accent-soft: rgba(252, 211, 77, .12);--accent-strong: #fcd34d;--success: #34d399;--success-strong: #10b981;--success-soft: rgba(16, 185, 129, .16);--danger: #f87171;--danger-soft: rgba(239, 68, 68, .16);--terminal: #060a16;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 12px 32px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .5)}:root[data-theme=theme-lagoon]{--bg: #07111f;--primary: #0ea5e9;--primary-strong: #0284c7;--primary-soft: rgba(14, 165, 233, .18)}:root[data-theme=theme-night-grid]{--bg: #030712;--surface: #0d1426;--primary: #22d3ee;--primary-strong: #06b6d4;--primary-soft: rgba(34, 211, 238, .15);--on-primary: #03141a}:root[data-theme=theme-ember]{--bg: #130a02;--surface: #1e1206;--surface-2: #2a190a;--surface-3: #3a2410;--border: #3b2712;--primary: #f59e0b;--primary-strong: #d97706;--primary-soft: rgba(245, 158, 11, .16);--on-primary: #1c0e00}:root[data-theme=theme-forest]{--bg: #04110a;--surface: #0a1d12;--surface-2: #10291a;--surface-3: #173823;--border: #1b3a26;--primary: #10b981;--primary-strong: #059669;--primary-soft: rgba(16, 185, 129, .16);--on-primary: #022c1b}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.55;color:var(--text);background:radial-gradient(1000px 500px at 10% -10%,var(--bg-glow-1),transparent 60%),radial-gradient(900px 500px at 100% 0%,var(--bg-glow-2),transparent 60%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-family:Space Grotesk,system-ui,sans-serif;line-height:1.2;letter-spacing:-.01em}h1{font-size:clamp(1.5rem,2.6vw,2.1rem)}h2{font-size:clamp(1.25rem,2vw,1.6rem)}h3{font-size:1.1rem}p{margin:0}a{color:var(--primary)}code,pre{font-family:JetBrains Mono,IBM Plex Mono,monospace}code{padding:.1em .4em;border-radius:6px;background:var(--surface-3);color:var(--text);font-size:.88em}pre{margin:0;white-space:pre-wrap;word-break:break-word}button{font:inherit;color:inherit}img{max-width:100%}:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:2px}.muted{color:var(--muted)}.eyebrow{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:700;font-size:.95rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .12s ease,background-color .16s ease,box-shadow .16s ease,border-color .16s ease;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 30%,transparent)}.button-primary:hover:not(:disabled){background:var(--primary-strong)}.button-secondary{background:var(--primary-soft);color:var(--primary-strong)}:root[data-theme^=theme-sunrise] .button-secondary,:root[data-theme=theme-lagoon] .button-secondary,:root[data-theme=theme-night-grid] .button-secondary,:root[data-theme=theme-ember] .button-secondary,:root[data-theme=theme-forest] .button-secondary{color:var(--text)}.button-ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text-soft)}.button-ghost:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.button-run{min-width:150px;min-height:52px;background:var(--success);color:#fff;font-size:1.05rem;box-shadow:0 8px 20px color-mix(in srgb,var(--success) 32%,transparent)}.button-run:hover:not(:disabled){background:var(--success-strong)}.button-hint{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 70%,transparent);color:var(--accent-strong)}.button-coin{background:var(--accent);color:#3b2a00}.button-danger{background:var(--danger);color:#fff}.button-danger-ghost{background:transparent;border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger)}.button-large{min-height:52px;padding:14px 22px;font-size:1.05rem}.button-block{width:100%}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text-soft);cursor:pointer}.icon-button:hover{border-color:var(--primary);color:var(--primary)}.link-button{min-height:32px;padding:0 4px;border:0;background:none;color:var(--primary);text-decoration:underline;cursor:pointer}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);font-size:.8rem;font-weight:700}.chip.tiny{margin-left:6px;padding:1px 7px;font-size:.68rem;background:var(--accent-soft);color:var(--accent-strong)}.tone-indigo{background:#eef0ff;border-color:#dfe3ff;color:#4338ca}.tone-sky{background:#e7f6ff;border-color:#cdeafc;color:#0369a1}.tone-emerald{background:#e3f8ee;border-color:#c6eedb;color:#047857}.tone-amber{background:#fff4dc;border-color:#fde7b0;color:#92400e}.tone-rose{background:#ffebef;border-color:#fdd2db;color:#be123c}:root[data-theme=theme-sunrise] .chip[class*=tone-],:root[data-theme=theme-lagoon] .chip[class*=tone-],:root[data-theme=theme-night-grid] .chip[class*=tone-],:root[data-theme=theme-ember] .chip[class*=tone-],:root[data-theme=theme-forest] .chip[class*=tone-]{background:var(--surface-2);border-color:var(--border);color:var(--text-soft)}.stars{display:inline-flex;gap:1px;color:var(--border-strong);letter-spacing:1px}.stars .on{color:var(--star)}.progress-track{position:relative;height:10px;border-radius:999px;background:var(--surface-3);overflow:hidden}.progress-track.small{height:6px;margin-top:6px}.progress-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 50%,var(--accent)));transition:width .5s ease}.status-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:800}.status-chip.success{background:var(--success-soft);color:var(--success-strong)}.status-chip.next{background:var(--accent-soft);color:var(--accent-strong)}.field{display:grid;gap:6px;font-size:.9rem;font-weight:700;color:var(--text-soft)}.field input[type=text],.field textarea{width:100%;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-weight:600}.field textarea{font-family:JetBrains Mono,monospace;font-size:.9rem;resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.field input[type=range]{accent-color:var(--primary)}.toggle{display:flex;align-items:center;gap:10px;padding:8px 0;font-weight:700;cursor:pointer}.toggle input{width:18px;height:18px;accent-color:var(--primary)}.app{display:flex;flex-direction:column;min-height:100vh}.hud{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;min-height:var(--hud-height);padding:10px max(16px,env(safe-area-inset-left));background:color-mix(in srgb,var(--surface) 88%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-brand{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;cursor:pointer}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--primary),#38bdf8 55%,var(--accent));font-size:1.25rem}.hud-nav{display:flex;gap:4px}.hud-nav button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:0;border-radius:10px;background:transparent;color:var(--text-soft);font-weight:700;cursor:pointer}.hud-nav button:hover{background:var(--surface-2)}.hud-nav button.active{background:var(--primary-soft);color:var(--primary-strong)}:root[data-theme=theme-sunrise] .hud-nav button.active,:root[data-theme=theme-lagoon] .hud-nav button.active,:root[data-theme=theme-night-grid] .hud-nav button.active,:root[data-theme=theme-ember] .hud-nav button.active,:root[data-theme=theme-forest] .hud-nav button.active{color:var(--text)}.hud-stats{display:flex;align-items:center;gap:8px;margin-left:auto}.hud-chip{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.86rem;font-weight:800;color:var(--text-soft)}button.hud-chip{cursor:pointer}.hud-chip svg{color:var(--star)}.hud-chip.coins svg{color:#d97706}.python-status{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--muted)}.python-status .dot{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}.python-status.loading .dot{background:var(--accent);animation:pulse 1s ease-in-out infinite}.python-status.ready .dot{background:var(--success)}.python-status.error .dot{background:var(--danger)}@keyframes pulse{50%{opacity:.35}}.hud-coach{width:42px;height:42px;padding:2px;border:2px solid var(--coach-accent);border-radius:50%;background:var(--surface);cursor:pointer}.hud-coach img{width:100%;height:100%;border-radius:50%;object-fit:cover}.app-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:24px 16px 40px}.app-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;padding:18px 16px 24px;border-top:1px solid var(--border);font-size:.85rem;color:var(--muted)}.app-footer a{color:var(--muted)}.panel-fallback{min-height:200px}.coach-bubble{display:flex;align-items:flex-start;gap:14px}.coach-bubble-portrait{position:relative;flex:none;width:72px;height:72px;padding:3px;border-radius:50%;background:conic-gradient(from 200deg,var(--coach-accent),color-mix(in srgb,var(--coach-accent) 30%,white),var(--coach-accent))}.coach-bubble-portrait img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--surface)}.coach-bubble-wave{position:absolute;right:-4px;bottom:2px;display:none;gap:2px;align-items:flex-end;padding:4px 5px;border-radius:999px;background:var(--coach-accent)}.coach-bubble-wave i{display:block;width:3px;height:10px;border-radius:2px;background:#fff;animation:wave .8s ease-in-out infinite}.coach-bubble-wave i:nth-child(2){animation-delay:.15s}.coach-bubble-wave i:nth-child(3){animation-delay:.3s}.coach-bubble.speaking .coach-bubble-wave{display:flex}@keyframes wave{50%{transform:scaleY(.35)}}.coach-bubble-body{position:relative;flex:1;padding:12px 16px;border:1px solid color-mix(in srgb,var(--coach-accent) 30%,var(--border));border-radius:4px 18px 18px;background:color-mix(in srgb,var(--coach-accent) 9%,var(--surface))}.coach-bubble-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:4px}.coach-bubble-head strong{font-family:Space Grotesk,sans-serif}.coach-role-chip,.coach-bond-chip{padding:1px 8px;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.coach-role-chip{background:var(--coach-accent);color:#fff}.coach-bond-chip{background:var(--surface);border:1px solid var(--border);color:var(--muted)}.coach-replay{width:30px;height:30px;margin-left:auto}.coach-bubble-body p{color:var(--text);font-weight:600;animation:fade-in .28s ease}.coach-bubble.compact .coach-bubble-portrait{width:56px;height:56px}.coach-bubble.compact .coach-bubble-body{padding:10px 14px;font-size:.95rem}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}.welcome-shell{display:grid;place-items:center;min-height:100vh;padding:24px 16px}.welcome-card{display:grid;gap:22px;width:min(1040px,100%);padding:clamp(20px,4vw,36px);box-shadow:var(--shadow)}.welcome-brand{display:flex;align-items:center;gap:16px}.welcome-brand .brand-mark{width:56px;height:56px;font-size:1.8rem;border-radius:16px}.welcome-step{margin-left:auto;padding:4px 12px;border-radius:999px;background:var(--surface-2);font-size:.8rem;font-weight:800;color:var(--muted);white-space:nowrap}.welcome-lead{color:var(--text-soft)}.welcome-lead svg{vertical-align:-2px}.welcome-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.howto{display:grid;gap:18px}.howto-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:0;padding:0;list-style:none}.howto-steps li{display:flex;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.howto-steps p{font-size:.9rem;color:var(--muted)}.howto-step-icon{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--primary-soft);color:var(--primary)}.howto-demo{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:12px;padding:14px;border-radius:var(--radius-sm);background:var(--terminal);color:var(--terminal-text)}.howto-demo .label{display:block;margin-bottom:4px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.howto-demo code{background:#ffffff14;color:#fde68a}.howto-demo .typing{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;color:#93c5fd;animation:typing 3.5s steps(24) infinite}@keyframes typing{0%{max-width:0}55%,to{max-width:24ch}}.howto-demo-result{display:inline-flex;align-items:center;gap:6px;color:#4ade80;font-weight:800;animation:appear 3.5s infinite}@keyframes appear{0%,55%{opacity:0}65%,to{opacity:1}}.howto-rules{display:grid;gap:8px}.howto-rules>div{display:flex;gap:10px;align-items:flex-start;color:var(--text-soft);font-size:.92rem}.howto-rules svg{flex:none;margin-top:3px;color:var(--primary)}.coach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.coach-card{display:grid;align-content:start;gap:10px;padding:16px;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.coach-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.coach-card.selected{border-color:var(--coach-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--coach-accent) 18%,transparent)}.coach-card-top{display:flex;align-items:center;gap:10px}.coach-card-top>div{display:grid;justify-items:start;gap:2px}.coach-card-portrait{width:56px;height:56px;border:3px solid var(--coach-accent);border-radius:50%;background:var(--surface-2)}.coach-sample{margin-left:auto}.coach-card-summary{font-size:.9rem;color:var(--text-soft)}.coach-perk{display:flex;gap:8px;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--coach-accent) 9%,var(--surface));font-size:.83rem}.coach-perk svg{flex:none;margin-top:2px;color:var(--coach-accent)}.coach-perk>div{display:grid}.coach-perk span{color:var(--text-soft)}.coach-perk.challenge{background:var(--surface-2)}.coach-pick-state{font-size:.8rem;font-weight:800;color:var(--coach-accent)}.home{display:grid;gap:18px}.home-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;padding:clamp(18px,3vw,28px);box-shadow:var(--shadow)}.home-hero-copy{display:grid;align-content:start;gap:14px}.home-mission-card{display:grid;gap:10px;padding:20px;border:1px solid var(--border);border-top:6px solid var(--chapter-accent);border-radius:var(--radius);background:var(--surface-2)}.home-mission-kicker{font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.home-mission-card p{color:var(--text-soft)}.home-progress{display:grid;gap:6px;font-size:.85rem;font-weight:700;color:var(--muted)}.home-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stat-card{display:flex;align-items:center;gap:12px;padding:14px 16px}.stat-card>div{display:grid;min-width:0;flex:1}.stat-card strong{font-family:Space Grotesk,sans-serif;font-size:1.15rem}.stat-card span{font-size:.8rem;color:var(--muted)}.stat-icon{display:grid;flex:none;place-items:center;width:42px;height:42px;border-radius:12px;font-size:1.3rem}.stat-icon.rank{background:var(--primary-soft)}.stat-icon.star{background:var(--accent-soft);color:var(--star)}.stat-icon.coin{background:#fff1d6;color:#d97706}.stat-icon.flame{background:#ffe9e2;color:#ea580c}.stat-icon.badge{background:var(--success-soft);color:var(--success)}.home-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-action{display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.home-action:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.home-action>svg{flex:none;color:var(--primary)}.home-action div{display:grid}.home-action span{font-size:.85rem;color:var(--muted)}.journey{display:grid;gap:18px}.chapter-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.chapter-tab{position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);text-align:left;cursor:pointer}.chapter-tab.selected{border-color:var(--chapter-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--chapter-accent) 20%,transparent)}.chapter-tab.locked{opacity:.6}.chapter-tab-number{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--chapter-accent);color:#fff;font-weight:800}.chapter-tab-copy{display:grid;min-width:0}.chapter-tab-copy span{font-size:.8rem;color:var(--muted)}.chapter-tab-bar{position:absolute;right:14px;bottom:7px;left:14px;height:4px;border-radius:999px;background:var(--surface-3);overflow:hidden}.chapter-tab-bar span{display:block;height:100%;background:var(--chapter-accent)}.chapter-intro{display:grid;gap:12px;border-left:6px solid var(--chapter-accent)}.chapter-intro p{color:var(--text-soft)}.mission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.mission-card{display:grid;align-content:start;gap:10px}.mission-card p{font-size:.9rem;color:var(--text-soft)}.mission-card.next{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft),var(--shadow)}.mission-card.locked{opacity:.6}.mission-card.completed{background:color-mix(in srgb,var(--success-soft) 35%,var(--surface))}.mission-card-head,.mission-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.mission-card-foot{margin-top:4px}.mission-card .stars{font-size:1.25rem}.mission-number{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.mission{display:grid;gap:16px}.mission-topbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.mission-topbar-title{flex:1;min-width:200px}.mission-topbar-meta{display:flex;flex-wrap:wrap;gap:8px}.meta-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.82rem;font-weight:700;color:var(--muted)}.meta-pill .stars{font-size:1rem}.mission-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);align-items:start;gap:18px}.mission-brief,.mission-work{display:grid;gap:14px;min-width:0}.brief-card{display:grid;gap:16px}.scenario{color:var(--text-soft)}.goal-box{display:grid;gap:10px;padding:14px;border:2px solid color-mix(in srgb,var(--accent) 80%,transparent);border-radius:var(--radius-sm);background:var(--accent-soft)}.goal-head{display:flex;align-items:center;gap:8px;color:var(--accent-strong)}.goal-head strong{color:var(--text)}.goal-console{padding:12px 14px;border-radius:10px;background:var(--terminal);color:#a7f3d0;font-size:.95rem;line-height:1.6}.goal-table{width:100%;border-collapse:collapse;font-size:.9rem}.goal-table th{padding:4px 8px;text-align:left;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.goal-table td{padding:6px 8px;border-top:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}.goal-table code{background:var(--surface)}.goal-table td,.objectives li,.hint-drawer li,.coach-bubble-body p,.scenario,code{overflow-wrap:anywhere}code,pre,kbd,.cm-editor,.cm-content,.snippet-bar button{font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0}.goal-note{display:flex;align-items:flex-start;gap:6px;font-size:.83rem;color:var(--text-soft)}.goal-note svg{flex:none;margin-top:3px}.objectives{display:grid;gap:8px;margin:0;padding:0;list-style:none}.objectives li{display:flex;gap:10px;align-items:flex-start;font-size:.93rem}.objective-index{display:grid;flex:none;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--primary-soft);color:var(--primary-strong);font-size:.78rem;font-weight:800}.objectives li.pattern{color:var(--muted)}.objectives li.pattern .objective-index{background:var(--surface-3);color:var(--muted)}.objectives li.pattern.met{color:var(--success-strong)}.objectives li.pattern.met .objective-index{background:var(--success);color:#fff}.challenge-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--coach-accent) 60%,var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--coach-accent) 7%,var(--surface));font-size:.86rem}.challenge-chip img{width:34px;height:34px;border-radius:50%}.challenge-chip>div{display:grid}.challenge-chip span{color:var(--muted)}.challenge-chip.done,.challenge-chip.on-track{border-style:solid;border-color:var(--success);background:var(--success-soft)}.challenge-chip.done span,.challenge-chip.on-track span{color:var(--success-strong)}.challenge-chip.missed{opacity:.7}.key-idea{padding:0}.key-idea summary{display:flex;align-items:center;gap:8px;padding:14px 18px;font-weight:800;cursor:pointer;list-style:none}.key-idea summary::-webkit-details-marker,.check-list summary::-webkit-details-marker,.console-details summary::-webkit-details-marker{display:none}.key-idea summary svg:first-child{color:var(--accent-strong)}.chevron{margin-left:auto;transition:transform .16s ease}details[open]>summary .chevron{transform:rotate(180deg)}.key-idea>*:not(summary){margin:0 18px 12px}.key-idea pre{padding:12px;border-radius:10px;background:var(--terminal);color:var(--terminal-text);font-size:.88rem}.editor-card{padding:0;overflow:hidden}.editor-titlebar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface-2);font-size:.85rem}.editor-titlebar .muted{margin-left:auto;font-size:.78rem}.dots{display:inline-flex;gap:5px}.dots i{width:10px;height:10px;border-radius:50%;background:#f87171}.dots i:nth-child(2){background:#fbbf24}.dots i:nth-child(3){background:#34d399}.editor-shell{min-height:280px}.editor-shell .cm-editor{min-height:280px;max-height:440px}.editor-shell .cm-editor.cm-focused{outline:none}.snippet-bar{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-top:1px solid var(--border);background:var(--surface-2)}.snippet{padding:6px 10px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--primary-strong);font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:600;cursor:pointer}.snippet:hover{border-color:var(--primary);background:var(--primary-soft)}.action-row{display:flex;flex-wrap:wrap;gap:10px}.star-rule{margin-top:-6px;font-size:.78rem;color:var(--muted)}.hint-drawer{display:grid;gap:10px;border-color:color-mix(in srgb,var(--accent) 70%,var(--border));background:color-mix(in srgb,var(--accent-soft) 60%,var(--surface))}.hint-drawer-head{display:flex;align-items:center;gap:10px}.hint-drawer-head img{width:32px;height:32px;border-radius:50%}.hint-drawer-head .muted{margin-left:auto;font-size:.82rem}.hint-drawer ol{display:grid;gap:6px;margin:0;padding-left:20px}.hint-drawer li{animation:fade-in .28s ease}.results{display:grid;gap:12px}.results.passed{border-color:var(--success);background:color-mix(in srgb,var(--success-soft) 45%,var(--surface))}.results.failed{border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.result-banner{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.result-banner>svg{flex:none}.result-banner>div{flex:1 1 180px;min-width:0}.result-banner p{font-size:.9rem;color:var(--text-soft)}.result-banner.idle>svg,.result-banner.waiting>svg{color:var(--primary)}.result-banner.success>svg{color:var(--success)}.result-banner.success strong{color:var(--success-strong);font-size:1.1rem}.result-banner.failed>svg,.result-banner.error>svg{color:var(--danger)}.error-explainer{display:grid;gap:6px;padding:14px;border-left:4px solid var(--danger);border-radius:10px;background:var(--danger-soft)}.error-explainer .tip{display:flex;gap:6px;font-weight:700}.error-explainer .tip svg{flex:none;margin-top:3px}.error-explainer details summary{cursor:pointer;font-size:.85rem;color:var(--muted)}.error-example pre,.raw-error{margin-top:6px;padding:10px 12px;border-radius:8px;background:var(--terminal);color:var(--terminal-text);font-size:.82rem}.compare{display:grid;gap:8px}.compare-input{font-size:.88rem;color:var(--text-soft)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare-grid pre{min-height:52px;padding:10px 12px;border-radius:10px;background:var(--terminal);color:var(--terminal-text);font-size:.9rem}.compare-label{display:inline-block;margin-bottom:4px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.compare-label.expected{color:var(--success-strong)}.compare-label.yours{color:var(--danger)}.check-list summary,.console-details summary{display:flex;align-items:center;gap:6px;font-size:.88rem;font-weight:800;color:var(--text-soft);cursor:pointer;list-style:none}.check-list ul{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none}.check-list li{display:flex;gap:8px;align-items:flex-start;font-size:.88rem}.check-list li svg{flex:none;margin-top:2px}.check-list li.pass svg{color:var(--success)}.check-list li.fail svg{color:var(--danger)}.console-output{margin-top:8px;padding:12px 14px;border-radius:10px;background:var(--terminal);color:var(--terminal-text);font-size:.9rem;min-height:48px}.lab{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start;gap:18px}.lab-side,.lab-main{display:grid;gap:14px;min-width:0}.lab-info{display:grid;gap:12px}.lab-reward-note{font-size:.85rem;font-weight:700;color:var(--success-strong)}.lab-brief{display:grid;gap:8px}.lab-brief p,.lab-brief li{color:var(--text-soft)}.lab-brief ul{margin:0;padding-left:20px}.picker-list{display:grid;gap:8px}.picker{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);text-align:left;cursor:pointer}.picker span{font-size:.83rem;color:var(--muted)}.picker.selected{border-color:var(--primary);background:var(--primary-soft)}.input-field textarea{min-height:56px}.segmented{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.segmented button{flex:1;min-height:38px;padding:6px 12px;border:0;border-radius:10px;background:transparent;font-weight:800;color:var(--muted);cursor:pointer}.segmented button.active{background:var(--primary);color:var(--on-primary)}.rewards{display:grid;gap:16px}.rewards-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:start}.profile-card,.settings-card{display:grid;gap:14px}.settings-card h3+.toggle{margin-top:-6px}.settings-actions{display:flex;flex-wrap:wrap;gap:10px}.avatar-frame{justify-self:center;width:112px;height:112px;padding:6px;border-radius:32px;background:linear-gradient(135deg,var(--primary),#38bdf8)}.avatar-frame img{width:100%;height:100%;border-radius:26px;background:var(--surface)}.avatar-frame.frame-builder{background:linear-gradient(135deg,#f97316,#fb7185)}.avatar-frame.frame-captain{background:linear-gradient(135deg,#14b8a6,#fcd34d)}.avatar-frame.frame-sunburst{background:conic-gradient(#fcd34d,#f59e0b,#fde68a,#fcd34d)}.avatar-frame.frame-elite{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.avatar-frame.frame-ghost{background:linear-gradient(135deg,#f8fafc,#cbd5e1)}.profile-title{text-align:center;font-weight:800;color:var(--primary)}.rank-block{display:flex;gap:12px;align-items:center}.rank-block>div{display:grid;flex:1;gap:4px}.rank-icon{font-size:2rem}.rank-ladder{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:0;padding:0;list-style:none}.rank-ladder li{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:10px;font-size:.83rem;opacity:.55}.rank-ladder li.reached{border-color:var(--primary);background:var(--primary-soft);opacity:1}.rank-ladder .muted{margin-left:auto;font-size:.75rem}.coach-bond-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.coach-bond-card{display:grid;align-content:start;gap:12px}.coach-bond-card.active{border-color:var(--coach-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--coach-accent) 20%,transparent)}.coach-bond-head{display:flex;align-items:center;gap:10px}.coach-bond-head img{width:52px;height:52px;border:3px solid var(--coach-accent);border-radius:50%}.coach-bond-head>div{display:grid;flex:1;justify-items:start;gap:2px}.bond-meter{display:grid;gap:4px;font-size:.85rem;font-weight:700}.bond-meter .progress-fill{background:var(--coach-accent)}.bond-track{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:.82rem}.bond-track li{display:grid;grid-template-columns:40px 1fr auto;gap:8px;padding:5px 8px;border-radius:8px;opacity:.55}.bond-track li.reached{background:color-mix(in srgb,var(--coach-accent) 10%,var(--surface));opacity:1}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:12px}.badge{display:grid;justify-items:center;gap:4px;padding:14px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);text-align:center;font-size:.82rem;color:var(--muted);filter:grayscale(1);opacity:.7}.badge strong{color:var(--text);font-size:.92rem}.badge.earned{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));background:var(--accent-soft);filter:none;opacity:1}.badge-icon{font-size:2rem}.badge-reward{font-weight:700;color:var(--primary)}.shop{display:grid;gap:14px}.shop-wallet{display:flex;align-items:center;gap:14px}.shop-wallet>svg{color:#d97706}.shop-wallet>div{display:grid}.shop-wallet strong{font-family:Space Grotesk,sans-serif;font-size:1.3rem}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:12px}.shop-item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.shop-item.equipped{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.shop-item-copy{display:grid;gap:2px;min-width:0}.shop-item-copy>span{font-size:.8rem;color:var(--muted)}.tone-tag{justify-self:start;padding:0 7px;border-radius:999px;font-size:.68rem!important;font-weight:800;text-transform:uppercase}.tone-tag.light{background:#fff7db;color:#92400e!important}.tone-tag.dark{background:#1e293b;color:#e2e8f0!important}.shop-earn{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:800;color:var(--muted)}.shop-swatch{width:48px;height:48px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent))}.swatch-theme-daylight{background:linear-gradient(135deg,#fff 40%,#2563eb 40% 70%,#fcd34d 70%)}.swatch-theme-mint{background:linear-gradient(135deg,#f1faf7 40%,#0d9488 40% 70%,#fcd34d 70%)}.swatch-theme-peach{background:linear-gradient(135deg,#fff8f2 40%,#c2410c 40% 70%,#fda4af 70%)}.swatch-theme-lilac{background:linear-gradient(135deg,#f8f6ff 40%,#7c3aed 40% 70%,#f9a8d4 70%)}.swatch-theme-sunrise{background:linear-gradient(135deg,#0b1120 40%,#6366f1 40% 70%,#38bdf8 70%)}.swatch-theme-lagoon{background:linear-gradient(135deg,#07111f 40%,#0ea5e9 40% 70%,#22d3ee 70%)}.swatch-theme-night-grid{background:linear-gradient(135deg,#030712 40%,#22d3ee 40% 70%,#6366f1 70%)}.swatch-theme-ember{background:linear-gradient(135deg,#130a02 40%,#f59e0b 40% 70%,#fb923c 70%)}.swatch-theme-forest{background:linear-gradient(135deg,#04110a 40%,#10b981 40% 70%,#6ee7b7 70%)}.swatch-editor-paper{background:repeating-linear-gradient(#fff 0 8px,#dbeafe 8px 9px)}.swatch-editor-solar{background:repeating-linear-gradient(#fffaf0 0 8px,#fde68a 8px 9px)}.swatch-editor-graph{background:repeating-linear-gradient(#111827 0 8px,#312e81 8px 9px)}.swatch-editor-arcade{background:repeating-linear-gradient(#0b1120 0 8px,#065f46 8px 9px)}.swatch-editor-neon{background:linear-gradient(135deg,#09040f 50%,#ec4899 50% 75%,#a855f7 75%)}.swatch-editor-matrix{background:repeating-linear-gradient(90deg,#000 0 6px,#16a34a 6px 8px)}.swatch-frame-starter{background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:50%}.swatch-frame-builder{background:linear-gradient(135deg,#f97316,#fb7185);border-radius:50%}.swatch-frame-captain{background:linear-gradient(135deg,#14b8a6,#fcd34d);border-radius:50%}.swatch-frame-sunburst{background:conic-gradient(#fcd34d,#f59e0b,#fde68a,#fcd34d);border-radius:50%}.swatch-frame-elite{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:50%}.swatch-frame-ghost{background:linear-gradient(135deg,#f8fafc,#cbd5e1);border-radius:50%}[class*=swatch-title-]{display:grid;place-items:center;background:var(--primary-soft)}[class*=swatch-title-]:after{content:"Aa";font-family:Space Grotesk,sans-serif;font-weight:700;color:var(--primary)}.certificate-list{display:grid;gap:12px}.certificate-card{display:flex;align-items:center;gap:14px}.certificate-card>svg{flex:none;color:var(--star)}.certificate-card>div{display:grid;flex:1}.certificate-card.locked>svg{color:var(--muted)}.portfolio-list{display:grid;gap:10px;margin:12px 0 0;padding:0;list-style:none}.portfolio-list li{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:var(--surface-2)}.portfolio-list span,.portfolio-list em{font-size:.85rem;color:var(--muted)}.mastery-list{display:grid;gap:10px;margin-top:12px}.mastery-row{display:grid;grid-template-columns:minmax(160px,1.2fr) 2fr 50px;align-items:center;gap:14px}.mastery-row>div:first-child{display:grid}.mastery-row .muted{font-size:.8rem}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .18s ease}.modal-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;max-height:calc(100vh - 32px);overflow-y:auto;padding:clamp(18px,3vw,28px);border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-lg);animation:pop-in .22s ease}.modal-card:focus{outline:none}.modal-small{max-width:440px}.modal-medium{max-width:600px}.modal-large{max-width:980px}@keyframes pop-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.modal-close{position:absolute;top:14px;right:14px}.modal-title{padding-right:40px}.modal-copy{color:var(--text-soft)}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.reward{display:grid;gap:16px}.reward-head{display:grid;justify-items:center;gap:6px;text-align:center}.reward-stars{display:flex;gap:8px;font-size:3rem;line-height:1;color:var(--border-strong)}.reward-stars span{animation:star-pop .5s cubic-bezier(.3,1.6,.6,1) both}.reward-stars .on{color:var(--star);text-shadow:0 6px 18px rgba(245,158,11,.35)}@keyframes star-pop{0%{opacity:0;transform:scale(.3) rotate(-30deg)}}.reward-reason{max-width:440px;font-size:.9rem;color:var(--muted)}.reward-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reward-total{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:var(--radius-sm);font-weight:800}.reward-total strong{font-family:Space Grotesk,sans-serif;font-size:1.6rem}.reward-total.coins{background:#fff4dc;color:#92400e}.reward-total.xp{background:var(--primary-soft);color:var(--primary-strong)}:root[data-theme=theme-sunrise] .reward-total,:root[data-theme=theme-lagoon] .reward-total,:root[data-theme=theme-night-grid] .reward-total,:root[data-theme=theme-ember] .reward-total,:root[data-theme=theme-forest] .reward-total{background:var(--surface-2);color:var(--text)}.xp-lines{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:.88rem}.xp-lines li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dashed var(--border)}.xp-lines strong{color:var(--primary);white-space:nowrap}.reward-rank{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface-2)}.reward-rank>div{display:grid;flex:1;gap:4px}.reward-rank.ranked-up{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.reward-rank-icon{font-size:2rem}.reward-extras{display:grid;gap:8px}.reward-extra{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--surface-2);font-size:.9rem}.reward-extra>svg{flex:none;color:var(--primary)}.reward-extra img{width:28px;height:28px;border-radius:50%}.reward-extra.challenge,.reward-extra.unlock{background:var(--success-soft)}.reward-extra.chest{background:var(--accent-soft)}.chest-icon{font-size:1.6rem;animation:chest-bounce .9s ease 2}@keyframes chest-bounce{30%{transform:translateY(-8px) rotate(-6deg)}60%{transform:translateY(0) rotate(4deg)}}.reward-actions .button-large{flex:1 1 200px}.game-complete{display:grid;gap:18px}.game-complete-head{display:grid;justify-items:center;gap:8px;padding:20px;border-radius:var(--radius);background:linear-gradient(135deg,var(--primary-soft),var(--accent-soft));text-align:center}.trophy{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--accent);color:#7c4a03;animation:chest-bounce 1.2s ease 2}.game-complete-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.game-complete-stats>div{display:grid;min-width:120px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--surface)}.game-complete-stats strong{font-family:Space Grotesk,sans-serif;font-size:1.15rem}.game-complete-stats span{font-size:.8rem;color:var(--muted)}.certificate{display:grid;gap:14px}.certificate-preview{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);aspect-ratio:2480 / 1754}.certificate-preview img{display:block;width:100%;height:100%;object-fit:contain}.certificate-placeholder{display:grid;place-items:center;height:100%;color:var(--muted)}.certificate-actions{display:flex;flex-wrap:wrap;gap:10px}.certificate-status{font-size:.9rem;font-weight:700;color:var(--success-strong)}.credits-list{display:grid;gap:6px;margin:0;padding-left:20px}.toast-stack{position:fixed;top:calc(var(--hud-height) + 12px);right:16px;z-index:60;display:grid;gap:8px;width:min(360px,calc(100vw - 32px))}.toast{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-lg);text-align:left;cursor:pointer;animation:toast-in .26s ease}.toast-badge{border-color:var(--accent);background:var(--accent-soft)}.toast-rank{border-color:var(--primary)}.toast-icon{font-size:1.6rem}.toast-copy{display:grid}.toast-copy span{font-size:.83rem;color:var(--muted)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}}@media(max-width:1100px){.home-stats{grid-template-columns:repeat(3,1fr)}.home-stats .stat-card:first-child{grid-column:span 2}.hud-chip-label,.python-status-label,.hud-brand span:last-child{display:none}}@media(max-width:960px){.mission-layout,.lab,.home-hero,.rewards-grid{grid-template-columns:minmax(0,1fr)}.chapter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.home-actions{grid-template-columns:1fr}}@media(max-width:900px){.hud{gap:8px;padding-block:8px;background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.hud-nav{position:fixed;right:0;bottom:0;left:0;z-index:30;justify-content:space-around;padding:6px 8px max(6px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);box-shadow:0 -6px 20px #0f172a14}.hud-nav button{flex:1;flex-direction:column;gap:2px;padding:6px 4px;font-size:.72rem}.app-footer{padding-bottom:90px}}@media(max-width:760px){:root{--hud-height: 56px}.hud-stats{gap:6px}.hud-chip{min-height:30px;padding:3px 8px;font-size:.8rem}.hud-chip.rank,.python-status{display:none}.app-main{padding:16px 12px 24px}.toast-stack{right:12px;left:12px;width:auto;pointer-events:none}.toast{pointer-events:none;padding:8px 12px}.home-stats{grid-template-columns:repeat(2,1fr)}.home-stats .stat-card:first-child{grid-column:1 / -1}.chapter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-grid,.howto-demo{grid-template-columns:1fr}.mastery-row{grid-template-columns:1fr 60px}.mastery-row .progress-track{grid-column:1 / -1;grid-row:2}.button-run{flex:1 1 100%}.action-row .button{flex:1}.welcome-brand{flex-wrap:wrap}.welcome-step{margin-left:0}.welcome-actions .button{flex:1 1 auto}.editor-shell,.editor-shell .cm-editor{min-height:220px}}@media(max-width:420px){.chapter-tab{gap:8px;padding:10px 10px 14px;font-size:.88rem}.chapter-tab-number{width:26px;height:26px}.reward-total strong{font-size:1.3rem}.modal-backdrop{padding:10px}.hud-chip:not(.coins){display:none}.shop-item{grid-template-columns:40px 1fr}.shop-item>.button,.shop-item>.shop-earn{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}