:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#08111f;color:#e5eefc}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top,rgba(14,165,233,.16),transparent 32%),linear-gradient(180deg,#08111f,#0f172a)}button{font:inherit}h1,h2,h3,p{margin:0}.app{max-width:820px;margin:0 auto;padding:16px}.header,.panel,.module-card,.lesson-card,.quiz-card,.progress-card{background:#0f172aeb;border:1px solid rgba(148,163,184,.14);border-radius:20px;padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header{margin-bottom:16px}.eyebrow{color:#67e8f9;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.subtitle{color:#94a3b8;margin-top:8px}.onboarding-panel{margin-bottom:16px}.onboarding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:16px}.progress-card{margin-bottom:0}.progress-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.progress-bar{margin-top:12px;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#22d3ee,#3b82f6)}.layout{display:grid;gap:16px}.module-grid{display:grid;gap:12px}.module-card{cursor:pointer}.module-card.active{border-color:#22c55e66;box-shadow:inset 0 0 0 1px #22c55e14}.module-card.locked{opacity:.6}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.badge{display:inline-flex;padding:7px 12px;border-radius:999px;background:#22c55e1f;border:1px solid rgba(34,197,94,.25);color:#dcfce7;font-size:13px}.module-top{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}.module-emoji{font-size:28px}.module-goal{color:#94a3b8;margin-top:8px}.tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:#3b82f626;color:#bfdbfe;font-size:13px;margin-top:8px}.lesson-stack,.quiz-stack,.story-grid{display:grid;gap:12px}.scenario-grid{display:grid;gap:12px;margin-top:12px}.scenario-card{padding:14px;border-radius:16px;background:#3b82f614;border:1px solid rgba(96,165,250,.16)}.scheme{margin-top:12px;padding:14px;border-radius:16px;line-height:1.5}.scheme-inline{margin-top:12px}.schematic-svg{width:100%;height:auto;display:block;border-radius:16px;background:#02061773}.good-scheme{background:#22c55e1a;border:1px solid rgba(34,197,94,.25)}.bad-scheme{background:#ef44441a;border:1px solid rgba(239,68,68,.25)}.chain-stack{display:grid;gap:10px;margin-top:12px}.chain-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#ffffff0a}.chain-actions{display:flex;gap:8px}.mini{padding:8px 12px}.options.compact{margin-top:12px}.article-panel{display:grid;gap:14px}.article-stack{display:grid;gap:12px}.story-intro{margin-top:4px}.lesson-card p,.quiz-card p,.panel p{color:#cbd5e1;line-height:1.65}.visual-box{margin-top:12px;border-radius:16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);padding:14px}.options{display:grid;gap:10px;margin-top:14px}.option{text-align:left;border:1px solid rgba(148,163,184,.18);background:#ffffff08;color:#e5eefc;border-radius:14px;padding:12px 14px;cursor:pointer}.option.correct{border-color:#22c55e73;background:#22c55e1f}.option.wrong{border-color:#ef444473;background:#ef44441a}.explanation{margin-top:12px;padding:12px;border-radius:14px;background:#0ea5e91a;border:1px solid rgba(103,232,249,.2)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.compact-actions{margin-top:12px}.hotspot-board{display:grid;gap:10px;margin-top:12px}.hotspot{border:0;border-radius:14px;padding:14px;color:#fff;cursor:pointer}.hotspot.phase{background:linear-gradient(135deg,#ef4444,#dc2626)}.hotspot.neutral{background:linear-gradient(135deg,#3b82f6,#2563eb)}.hotspot.ground{background:linear-gradient(135deg,#22c55e,#16a34a)}.lamp-sim{display:grid;gap:14px;margin-top:12px;justify-items:center;padding:18px;border-radius:18px;background:#ffffff08}.sim-switch{border:0;border-radius:14px;padding:12px 16px;background:#334155;color:#fff;cursor:pointer}.sim-switch.active{background:linear-gradient(135deg,#22c55e,#16a34a)}.sim-bulb{font-size:56px;filter:grayscale(1) brightness(.6);transition:.2s ease}.sim-line{width:80%;height:6px;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#3b82f6);opacity:.55}.sim-bulb.on{filter:none;transform:scale(1.06)}.level-note{margin-top:12px;padding:12px;border-radius:14px;background:#facc1514;border:1px solid rgba(250,204,21,.18);color:#fde68a}.profile-panel{margin-bottom:16px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:14px}.profile-card{padding:14px;border-radius:16px;background:#ffffff0a}.profile-card p{margin-top:8px;color:#f8fafc;font-size:18px;font-weight:700}.final-panel{margin-bottom:24px}.primary,.secondary{border:0;border-radius:14px;padding:12px 16px;cursor:pointer}.primary{background:linear-gradient(135deg,#22d3ee,#2563eb);color:#fff}.secondary{background:#ffffff0f;color:#e5eefc}@media(max-width:720px){.app{padding:14px}}