:root{--bg: #0b0d10;--surface: #14181d;--text: #f3f4f6;--muted: #9ca3af;--accent: #60a5fa;--en: #fbbf24;--border: #1f242b;--w-bg: #f5efe6;--w-surface: #ffffff;--w-ink: #1a1a1a;--w-ink-muted: #6b6b6b;--w-accent: #2a3142;--w-line: #e6dfd1;--w-card-shadow: 0 1px 2px rgba(20, 20, 20, .04), 0 8px 24px rgba(20, 20, 20, .06)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.app{display:flex;flex-direction:column;min-height:100%;max-width:900px;margin:0 auto;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}.header{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:10}.header .status{font-size:12px;color:var(--muted);padding:0 6px;white-space:nowrap}.header .status.live{color:#4ade80}select,button{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:14px;font-family:inherit;cursor:pointer}select.compact,button.compact{padding:4px 8px;font-size:13px}.brand-btn{background:transparent;border:1px solid var(--border);color:var(--muted);padding:4px 10px;font-size:16px;line-height:1}.brand-btn:hover{color:var(--text);border-color:var(--accent)}select:focus,button:focus{outline:2px solid var(--accent)}button.toggle.active{border-color:var(--accent);color:var(--accent)}button.toggle:disabled{opacity:.4;cursor:not-allowed}.voice-pref{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:14px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.voice-pref input[type=checkbox]{margin:0;cursor:pointer}.voice-pref:has(input:disabled){opacity:.5;cursor:not-allowed}.captions{flex:1;padding:16px 0 80px;display:flex;flex-direction:column;gap:16px}.empty{color:var(--muted);text-align:center;padding:64px 16px;font-size:16px}.segment{display:flex;flex-direction:column;gap:4px}.segment .translation{font-size:var(--font-size, 22px);line-height:1.4;font-weight:500}.segment .original{font-size:calc(var(--font-size, 22px) * .65);line-height:1.4;color:var(--en);opacity:.85;font-weight:400}.bottom-anchor{height:1px}.disclosure{position:sticky;bottom:0;padding:6px 0 calc(env(safe-area-inset-bottom,0) + 6px);font-size:11px;color:var(--muted);text-align:center;background:linear-gradient(transparent,var(--bg) 30%)}.welcome{min-height:100%;background:radial-gradient(120% 60% at 50% -10%,#fbf6ed 0%,var(--w-bg) 60%),var(--w-bg);color:var(--w-ink);padding:env(safe-area-inset-top) 20px calc(env(safe-area-inset-bottom) + 32px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.welcome-inner{max-width:720px;margin:0 auto;padding:56px 4px 24px}.welcome-logo{display:block;max-height:64px;max-width:240px;margin-bottom:24px;object-fit:contain}.welcome-eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--w-ink-muted);margin-bottom:18px}.welcome-title{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(40px,8vw,64px);line-height:1.05;font-weight:600;letter-spacing:-.02em;margin:0 0 12px;color:var(--w-ink)}.welcome-tagline{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(18px,3.2vw,22px);line-height:1.4;color:var(--w-accent);margin:0 0 28px;font-style:italic}.welcome-copy{font-size:16px;line-height:1.6;color:var(--w-ink);max-width:56ch;margin:0 0 36px}.welcome-section-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--w-ink-muted);margin:8px 0 14px}.welcome-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:36px}.lang-card{background:var(--w-surface);border:1px solid var(--w-line);border-radius:12px;padding:18px 14px;text-align:left;cursor:pointer;transition:transform .08s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:var(--w-card-shadow);color:var(--w-ink)}.lang-card:hover,.lang-card:focus-visible{transform:translateY(-1px);border-color:var(--w-accent);outline:none}.lang-card:active{transform:translateY(0)}.lang-card-native{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:22px;font-weight:600;letter-spacing:-.005em;margin-bottom:4px;color:var(--w-ink)}.lang-card-en{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--w-ink-muted)}.welcome-fineprint{border-top:1px solid var(--w-line);padding-top:18px;font-size:13px;line-height:1.55;color:var(--w-ink-muted)}.welcome-fineprint p{margin:0 0 10px}.welcome-fineprint p:last-child{margin-bottom:0}