:root{--bg:#f5f3ef;--fg:#000;--fg-muted:#555;--accent:#ff4a00;--border:#000;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"Space Mono", "JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--fg);background:var(--bg);min-height:100dvh;font-size:15px;font-weight:400;line-height:1.6}::selection{background:var(--fg);color:var(--bg)}.content{max-width:1280px;margin:0 auto;padding:0 32px}.section{border-bottom:1px solid var(--border);padding:96px 0}.section:last-child{border-bottom:none}@media (max-width:768px){.content,.nav-inner{padding:0 20px}.section{padding:64px 0}}h1,h2,h3,h4{font-family:var(--font-body);letter-spacing:-.03em;color:var(--fg);font-weight:700;line-height:.9}.hero{letter-spacing:-.04em;color:var(--fg);font-size:clamp(56px,10vw,120px);font-weight:800;line-height:.85}.hero-light{letter-spacing:-.02em;font-weight:200}.heading-xl{letter-spacing:-.03em;color:var(--fg);font-size:clamp(40px,6vw,72px);font-weight:700;line-height:.88}.heading-lg{letter-spacing:-.02em;color:var(--fg);font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1}.heading{letter-spacing:-.02em;color:var(--fg);font-size:18px;font-weight:600}.body{color:var(--fg-muted);font-size:14px;font-weight:400;line-height:1.65}.body-sm{color:var(--fg-muted);font-size:13px;line-height:1.6}.mono{font-family:var(--font-mono);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.mono-sm{font-family:var(--font-mono);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.index{font-family:var(--font-mono);color:var(--fg);letter-spacing:.02em;opacity:.5;font-size:11px;font-weight:400}.index-accent{font-family:var(--font-mono);color:var(--accent);letter-spacing:.02em;font-size:11px;font-weight:400}.code-block{font-family:var(--font-mono);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.code-block:before{content:"// "}.code-block span{color:var(--accent)}.split{grid-template-columns:7fr 1px 5fr;gap:0;min-height:100%;display:grid}.split-line{background:var(--border);width:100%}.split-left{padding-right:48px}.split-right{padding-left:48px}@media (max-width:768px){.split{grid-template-columns:1fr;gap:24px}.split-line{display:none}.split-left{padding-right:0}.split-right{padding-left:0}}.card,.card-hover{border:1px solid var(--border);padding:32px;transition:background .15s}.card-hover:hover{background:#000}.card-hover:hover .heading,.card-hover:hover .body,.card-hover:hover .body-sm,.card-hover:hover .mono,.card-hover:hover .mono-sm{color:#f5f3ef}.card-hover:hover .code-block{color:#f5f3ef80}.card-hover:hover .code-block span{color:var(--accent)}.card-sm{padding:20px}.btn{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:#fff}.btn-ghost{color:var(--fg);background:0 0}.btn-ghost:hover{background:var(--fg);color:var(--bg)}.btn-danger{color:var(--fg);border-color:var(--fg);background:0 0}.btn-danger:hover{background:var(--fg);color:var(--bg)}.btn:disabled{opacity:.25;cursor:not-allowed}.btn-lg{padding:16px 32px;font-size:13px}.btn-block{width:100%}.link-arrow{font-family:var(--font-body);color:var(--fg);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.link-arrow:hover{opacity:.6}.input{width:100%;font-family:var(--font-body);color:var(--fg);border:1px solid var(--border);background:0 0;outline:none;padding:12px 16px;font-size:14px;font-weight:400;transition:background .15s}.input::placeholder{color:var(--fg-muted)}.input:focus{background:var(--fg);color:var(--bg)}.select{width:100%;font-family:var(--font-body);color:var(--fg);border:1px solid var(--border);appearance:none;cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23000000' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:10px 36px 10px 14px;font-size:13px;font-weight:400;transition:background-color .15s}.select:hover{background-color:var(--fg);color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23F5F3EF' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.select option{font-family:var(--font-body);background:var(--bg);color:var(--fg)}hr{background:var(--border);border:none;width:100%;height:1px;margin:0}.badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);align-items:center;gap:6px;font-size:9px;display:inline-flex}.badge-accent{color:var(--accent)}.badge-dot{background:currentColor;width:5px;height:5px}.badge-dot.pulse{animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.audio-indicator{align-items:flex-end;gap:3px;height:24px;display:flex}.audio-bar{background:var(--fg-muted);width:4px;transition:background .2s,height .2s}.audio-bar:first-child{height:12px}.audio-bar:nth-child(2){height:20px}.audio-bar:nth-child(3){height:16px}.audio-bar:nth-child(4){height:8px}.audio-bar.active{background:var(--fg);animation:.6s ease-in-out infinite alternate equalize}.audio-bar.active:first-child{height:12px;animation-delay:0s}.audio-bar.active:nth-child(2){height:20px;animation-delay:.15s}.audio-bar.active:nth-child(3){height:16px;animation-delay:.3s}.audio-bar.active:nth-child(4){height:8px;animation-delay:.45s}@keyframes equalize{0%{height:4px}to{height:22px}}.link-row{border:1px solid var(--border);align-items:center;gap:8px;padding:4px 4px 4px 14px;display:flex}.link-row-url{font-family:var(--font-mono);word-break:break-all;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-muted);flex:1;font-size:11px;overflow:hidden}.lang-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.lang-row:last-child{border-bottom:none}.lang-row-left{align-items:center;gap:10px;display:flex}.lang-flag{font-size:16px;line-height:1}.lang-name{font-family:var(--font-body);color:var(--fg);font-size:14px;font-weight:600}.lang-count{font-family:var(--font-mono);color:var(--fg-muted);font-size:12px}.qr-wrap{border:1px solid var(--border);background:#fff;padding:12px;display:inline-block}.transcript-entry{border-bottom:1px solid var(--border);padding:12px 0}.transcript-entry:last-child{border-bottom:none}.transcript-text{font-family:var(--font-mono);color:var(--fg);font-size:13px;line-height:1.7}.transcript-text.interim{color:var(--fg-muted)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ccc}::-webkit-scrollbar-thumb:hover{background:#999}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.enter{animation:.4s both fadeUp}.enter-d1{animation:.4s 80ms both fadeUp}.enter-d2{animation:.4s .16s both fadeUp}.enter-d3{animation:.4s .24s both fadeUp}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:1.5px solid #00000026;border-top-color:var(--fg);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.app-shell{min-height:100dvh}.app-content{max-width:1080px;padding:32px 24px 48px}.broadcast-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:20px;display:grid}.broadcast-hero,.player-card,.share-panel,.danger-zone{border:1px solid var(--border);background:var(--bg);padding:24px}.broadcast-hero{flex-direction:column;justify-content:space-between;min-height:320px;display:flex}.session-strip{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-top:16px;display:flex}.session-strip strong{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.player-card,.share-panel,.danger-zone{grid-column:2}.broadcast-hero,.card-sm{grid-column:1}.danger-zone{border-color:var(--accent)}.listener-shell{min-height:100dvh;padding:18px}.lyrics-stage{border:1px solid var(--border);background:var(--bg);grid-template-rows:auto minmax(0,1fr) auto;min-height:calc(100dvh - 36px);display:grid}.listener-topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.badge-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.lyrics-window{scroll-behavior:smooth;min-height:0;padding:clamp(28px,6vw,72px) clamp(20px,8vw,96px) 160px;overflow-y:auto}.lyrics-stack{max-width:840px;margin:0 auto}.lyric-line{letter-spacing:-.045em;color:#00000047;margin:0 0 .55em;font-size:clamp(24px,5vw,58px);font-weight:700;line-height:1.08;transition:color .18s,transform .18s,opacity .18s}.lyric-line.active{color:var(--fg);transform:translate(0)}.lyric-line.interim{color:var(--accent)}.lyrics-empty{text-align:center;place-content:center;gap:14px;height:100%;min-height:360px;display:grid}.lyrics-empty p{letter-spacing:-.04em;max-width:720px;font-size:clamp(24px,5vw,54px);font-weight:700;line-height:1}.bottom-player{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5f3eff5;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);align-items:end;gap:16px;padding:14px 16px;display:grid;position:sticky;bottom:0}.player-main{align-items:center;gap:14px;min-width:0;display:flex}.player-copy{flex-direction:column;flex:1;min-width:0;display:flex}.player-copy strong{letter-spacing:-.02em;font-size:14px}.player-copy span{font-family:var(--font-mono);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.ended-state{text-align:center;place-content:center;gap:18px;min-height:calc(100vh - 96px);display:grid}@media (max-width:520px){.section{padding:32px 0}.card,.card-hover{padding:20px}}@media (max-width:820px){.broadcast-grid{grid-template-columns:1fr}.broadcast-hero,.player-card,.share-panel,.danger-zone,.card-sm{grid-column:auto}.bottom-player{grid-template-columns:1fr}.listener-shell{padding:0}.lyrics-stage{border-left:none;border-right:none;min-height:100dvh}}