:root{--bg:#f5f6f8;--surface:#fff;--text:#1c1f24;--muted:#5d6470;--border:#d8dce3;--primary:#2a5bd7;--primary-text:#fff;--error:#b42318;--warning-bg:#fff6e0;--warning-border:#e9b949;--done:#1f7a4d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121418;--surface:#1c1f25;--text:#e8eaee;--muted:#a1a8b3;--border:#343944;--primary:#6b8ff0;--primary-text:#0d1020;--error:#ff8a80;--warning-bg:#3a3017;--warning-border:#a8822a;--done:#5fd39a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.app{max-width:820px;margin:0 auto;padding:16px}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.header h1{margin:8px 0;font-size:1.5rem}.subtitle{color:var(--muted);font-size:.95rem;font-weight:400;display:block}.mock-banner{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:8px;margin:8px 0 16px;padding:10px 14px}.main{gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.card.narrow{max-width:420px}.card h2{margin-top:0;font-size:1.2rem}.stack{gap:12px;display:grid}.row{flex-wrap:wrap;gap:12px;display:flex}.row>.field{flex:200px}.field{border:0;gap:4px;margin:0;padding:0;display:grid}label,legend{font-weight:600}input,textarea,button,.button{font:inherit}input:not([type=radio]),textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:10px}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--error)}textarea{resize:vertical;min-height:160px}.choice{border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-weight:400;display:inline-flex}button,.button{text-align:center;background:var(--primary);color:var(--primary-text);cursor:pointer;border:0;border-radius:8px;min-height:44px;padding:10px 18px;text-decoration:none;display:inline-block}button:disabled{opacity:.6;cursor:progress}button.secondary{color:var(--text);border:1px solid var(--border);background:0 0}.muted{color:var(--muted)}.error{color:var(--error);margin:0}.provider-list{margin:6px 0 0;padding-left:20px}.privacy-notice{color:var(--muted);margin:0;font-size:.9rem}.warning{background:var(--warning-bg);border-left:4px solid var(--warning-border);margin:0;padding:8px 12px}.notice{background:var(--warning-bg);border-radius:8px;margin:0;padding:10px 14px 10px 28px}.notice.expired{padding-left:14px}.stages{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stage{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 10px}.stage.active{border-color:var(--primary);color:var(--primary);font-weight:600}.stage.done{border-color:var(--done);color:var(--done)}.stage.failed{border-color:var(--error);color:var(--error);font-weight:600}.badge{background:var(--warning-bg);border:1px solid var(--warning-border);vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.75rem;font-weight:600}.translation{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--border);border-radius:8px;max-height:320px;padding:12px;overflow-y:auto}.player{width:100%}h3{margin:8px 0 0;font-size:1.05rem}.footer{text-align:center;margin-top:24px}