:root{--iocus-blue: #0057b8;--discovery-green: #1f9d45;--quest-orange: #f28c00;--marker-red: #e9424a;--ink-black: #111111;--paper-white: #ffffff;--soft-sand: #f7f3ea;--deep-night: #152033;--bg: var(--deep-night);--surface: #1c2840;--surface-2: #2a3a55;--border: #2d3c57;--text: #f3f5fa;--muted: #9fb0cc;--radius: 14px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1,h2,h3{font-family:Nunito Sans,Inter,system-ui,sans-serif}.app{max-width:480px;margin:0 auto;min-height:100vh;padding:16px}.topbar{display:flex;align-items:center;gap:10px;padding:8px 0 16px}.topbar h1{font-size:18px;letter-spacing:1px;margin:0}.topbar .brand-logo{height:30px;display:block}.exp-card{background:var(--surface);border-radius:16px;padding:16px;margin-bottom:14px;cursor:pointer;border:1px solid var(--border)}.exp-card h3{margin:0 0 6px}.exp-card .meta{font-size:12px;color:var(--muted)}.btn{background:var(--iocus-blue);color:#fff;border:none;padding:13px 16px;border-radius:12px;font-size:15px;cursor:pointer;width:100%;margin:6px 0;min-height:44px;font-weight:600}.btn.secondary{background:var(--surface-2)}.btn:disabled{opacity:.5}.answer{display:block;width:100%;text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--border);padding:14px;border-radius:12px;margin:8px 0;cursor:pointer;font-size:15px;min-height:44px}.answer.correct{border-color:var(--discovery-green);background:#133a22}.answer.wrong{border-color:var(--marker-red);background:#3a1417}.tts{display:flex;gap:8px;align-items:center;margin:8px 0}.tts button{background:var(--surface-2);color:#fff;border:none;border-radius:999px;padding:8px 14px;cursor:pointer}.clue{background:var(--surface);border-radius:var(--radius);padding:14px;margin:10px 0;border:1px solid var(--border)}.err{background:#3a1417;color:#ffb4b8;padding:10px 12px;border-radius:10px;margin:8px 0;font-size:14px}.ok{background:#133a22;color:#9ff0b8;padding:10px 12px;border-radius:10px;margin:8px 0}.score{font-weight:700;color:var(--quest-orange)}video,.preview{width:100%;border-radius:var(--radius);background:#000}.progress{font-size:13px;color:var(--muted);margin:6px 0}.footer-iocus{display:flex;align-items:center;justify-content:center;gap:8px;padding:26px 0 14px}.footer-iocus span:first-child{font-size:11px;color:var(--muted)}.footer-iocus .badge-iocus{display:inline-flex;align-items:center;background:#152033;border:1px solid #2d3c57;border-radius:999px;padding:6px 12px}.footer-iocus .badge-iocus img{height:18px;display:block}