@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--bg-1: #f4ede2;--bg-2: #f8f2ea;--ink: #1d1b1a;--muted: #665f58;--card: rgba(255, 255, 255, .82);--line: rgba(29, 27, 26, .12);--accent: #cf5332;--accent-2: #0f7e7e}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,Noto Sans JP,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 10%,rgba(207,83,50,.25),transparent 42%),radial-gradient(circle at 82% 20%,rgba(15,126,126,.18),transparent 38%),linear-gradient(160deg,var(--bg-1),var(--bg-2))}.page{width:min(1024px,92vw);margin:32px auto;display:grid;gap:18px;grid-template-columns:1fr}.hero-card,.captions-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 20px 40px #00000014}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--muted)}h1{margin:8px 0;font-size:clamp(2rem,5vw,3.2rem);line-height:1}.lead{margin:0 0 16px;color:var(--muted);max-width:70ch}.setup-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.picker{display:grid;gap:6px}label{font-weight:600}select,button{min-height:42px;border-radius:10px;border:1px solid var(--line);font:inherit;padding:0 12px}button{background:linear-gradient(120deg,var(--accent),#e17830);color:#fff;border:none;font-weight:700;cursor:pointer;transition:transform .15s ease}button:disabled{opacity:.7;cursor:not-allowed}button:not(:disabled):hover{transform:translateY(-1px)}.status-row{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 16px;color:var(--muted);font-size:14px}.captions-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}h2{margin:0}.live-caption{margin-top:14px;border-radius:12px;padding:14px;min-height:86px;background:linear-gradient(145deg,#cf533214,#0f7e7e14);border:1px solid rgba(15,126,126,.18);font-size:1.08rem;line-height:1.4}.history{display:grid;gap:10px;margin-top:14px;max-height:280px;overflow-y:auto}.history article{border:1px solid var(--line);border-left:4px solid var(--accent-2);border-radius:10px;padding:10px;background:#ffffff94}.history p{margin:0}.history small{color:var(--muted)}@media(max-width:700px){.page{width:94vw;margin:18px auto}.hero-card,.captions-card{border-radius:14px;padding:14px}}