:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5e7eb;background:#0f172a}*{box-sizing:border-box}body{margin:0;min-width:320px}.app{min-height:100vh;padding:24px 16px}.card{width:min(720px,100%);margin:0 auto;padding:24px;border:1px solid #334155;border-radius:16px;background:#111827}h1{margin-top:0}.baseline{margin:24px 0;padding:16px;border-radius:12px;background:#1e293b}.field{display:grid;gap:8px;margin:16px 0}input[type=file]{width:100%}.audio-section,.srt-section,.refine-section{margin:16px 0;padding:16px;border:1px solid #334155;border-radius:12px}.section-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.refine-section button{width:100%;padding:12px 16px;border:0;border-radius:10px;background:#e5e7eb;color:#111827;font:inherit;font-weight:700;cursor:pointer}.muted{color:#94a3b8}audio{width:100%}pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}li{margin:10px 0}.player{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem}.player input[type=range]{flex:1 1 10rem;min-width:8rem}.player-time{font-variant-numeric:tabular-nums}.sync-section{margin-top:1rem}.active-subtitle{min-height:3.5rem;padding:.75rem;border-radius:8px;border:2px solid #2b6cb0;font-size:1.25rem;line-height:1.6;display:flex;align-items:center}.cue-list{position:relative;max-height:16rem;overflow-y:auto;list-style:none;margin:0;padding:0;border:1px solid #cbd5e0;border-radius:8px}.cue{display:flex;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid #edf2f7}.cue.active{background:#bee3f8;font-weight:600;border-left:4px solid #2b6cb0}.cue-time{font-variant-numeric:tabular-nums;color:#4a5568;flex:0 0 auto}