:root{--bg: #ffffff;--surface: #ffffff;--ink: #0a0a0a;--muted: #6b6b6b;--border: #e4e4e4;--accent: #0a0a0a;--accent-soft: rgba(10, 10, 10, .08);--cta-bg: #0a0a0a;--cta-ink: #ffffff;--orb-a: #666666;--orb-b: #000000;--orb-glow: 0 0 0 rgba(0, 0, 0, 0)}[data-theme=dark]{--bg: #0a0a0a;--surface: #141414;--ink: #f2f2f2;--muted: #8f8f8f;--border: #2a2a2a;--accent: #c8ff00;--accent-soft: rgba(200, 255, 0, .14);--cta-bg: #f2f2f2;--cta-ink: #0a0a0a;--orb-a: #e9ff70;--orb-b: #c8ff00;--orb-glow: 0 0 60px rgba(200, 255, 0, .35)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:system-ui,Segoe UI,sans-serif;font-size:15px;line-height:1.5;transition:background .3s ease,color .3s ease}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;min-height:44px;min-width:44px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:16px 20px 32px}.top{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;font-size:16px;letter-spacing:-.2px}.top-right{display:flex;align-items:center;gap:4px;font-size:13px;font-variant-numeric:tabular-nums}.streak{color:var(--muted);padding:4px 8px}.toggle{border:1px solid var(--border);border-radius:999px;padding:4px 14px;font-size:13px;color:var(--muted)}.toggle:hover{color:var(--ink);border-color:var(--ink)}.mid{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;width:100%}.orb{border-radius:50%;background:radial-gradient(circle at 33% 30%,var(--orb-a),var(--orb-b) 48%,var(--bg) 115%);box-shadow:var(--orb-glow);position:relative;flex-shrink:0;transition:width .4s ease,height .4s ease}.orb.idle{width:160px;height:160px;animation:breathe 4s ease-in-out infinite}.orb.drill{width:96px;height:96px}.orb.speaking{animation:pulse .6s ease-in-out infinite}.orb.connecting{animation:breathe 1.6s ease-in-out infinite;opacity:.75}.orb.listening:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:2px solid var(--accent);animation:ripple 1.2s ease-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes ripple{0%{transform:scale(.92);opacity:.9}to{transform:scale(1.25);opacity:0}}@media(prefers-reduced-motion:reduce){.orb,.orb.speaking,.orb.connecting{animation:none}.orb.listening:after{animation:none;opacity:.7}.card.loading .en{animation:none}}.countdown{margin-top:24px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--accent);letter-spacing:.4px}[data-theme=light] .countdown{color:var(--muted)}.promise{margin-top:6px;color:var(--muted);font-size:14px}.cta{margin-top:28px;background:var(--cta-bg);color:var(--cta-ink);border-radius:999px;padding:13px 30px;font-weight:600;font-size:15px}.cta:hover{opacity:.85}.invite-cta{margin-top:14px;border:1px solid var(--border);border-radius:999px;padding:10px 22px;font-size:13.5px;color:var(--muted);max-width:340px}.invite-cta:hover{color:var(--ink);border-color:var(--ink)}.error-banner{margin-top:20px;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px 16px;font-size:13.5px;color:var(--muted);max-width:340px}.progress{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.card{margin-top:28px;width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:26px 24px 24px}.card.loading{text-align:center}.card.loading .en{color:var(--muted);animation:fadepulse 1.4s ease-in-out infinite}@keyframes fadepulse{0%,to{opacity:.45}50%{opacity:1}}.dots:after{content:"…"}.card .de{font-size:28px;font-weight:700;line-height:1.25;letter-spacing:-.3px}.card .en{margin-top:10px;font-size:15px;color:var(--muted)}.card .hint{margin-top:10px;font-size:13px;color:var(--muted);font-family:Consolas,monospace;letter-spacing:.6px}.listen{margin-top:18px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);min-height:18px}[data-theme=light] .listen{color:var(--ink)}.ctrls{display:flex;gap:12px;margin-top:18px}.ctrls button{border:1px solid var(--border);border-radius:999px;padding:8px 20px;font-size:13.5px;color:var(--muted)}.ctrls button:hover{color:var(--ink);border-color:var(--ink)}.scene-card{position:relative}.npc-line{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin-bottom:12px}.scene-card .de{font-size:24px}.outcome-badge{margin-top:26px;font-size:13px;text-transform:uppercase;letter-spacing:1.5px}.outcome-in{color:var(--accent)}[data-theme=light] .outcome-in{color:#1a7f37}.outcome-rejected,.outcome-neutral{color:var(--muted)}.npc-said{margin-top:8px;font-size:18px;font-weight:600}.debrief{margin-top:20px}.debrief-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 2px;border-bottom:1px solid var(--border)}.db-q{display:flex;flex-direction:column;gap:3px;text-align:left}.db-q [lang=de]{font-weight:600;font-size:14px}.db-en{font-size:12.5px;color:var(--muted)}.db-good{font-size:12px;color:var(--muted);margin-top:2px}.db-good b{color:var(--ink);font-weight:600}.sum-counts{margin-top:26px;font-size:17px}.sum-counts b{font-variant-numeric:tabular-nums}.sum-list{margin-top:18px;width:100%;max-width:400px;text-align:left}.sum-row{display:flex;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px solid var(--border);font-size:14px}.sum-row .v{flex-shrink:0}.v-solid{color:var(--ink)}.v-shaky{color:var(--muted)}.again{margin-top:10px}