*{box-sizing:border-box;margin:0;padding:0}:root{--red:#c00;--red-dark:#a00;--bg:#f6f6f8;--card:#fff;--text:#1a1a1a;--muted:#777;--border:#e0e0e5}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.wrap{max-width:640px;margin:0 auto;padding:16px 16px 48px}.header{display:flex;align-items:center;gap:8px;padding:8px 0 16px}.header h1{font-size:18px;font-weight:700}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:14px}.urlInput{width:100%;font-size:16px;padding:12px;border:1.5px solid var(--border);border-radius:10px;background:#fafafa}.urlInput:focus{outline:none;border-color:var(--red);background:#fff}.btnRow{display:flex;gap:10px;margin-top:12px}.btn{flex:1 1;font-size:16px;font-weight:700;padding:14px 10px;border:none;border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.btnPrimary{background:var(--red);color:#fff}.btnPrimary:active{background:var(--red-dark)}.btnSecondary{background:#eee;color:var(--text)}.btnSecondary:active{background:#ddd}.btn:disabled{opacity:.5;cursor:default}.copyBtn{width:100%;font-size:18px;font-weight:700;padding:16px;border:none;border-radius:12px;background:var(--red);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.copyBtn.copied{background:#0a8a3a}.videoTitle{font-size:15px;font-weight:700;margin-bottom:4px}.meta{font-size:13px;color:var(--muted);margin-bottom:12px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.badge{display:inline-block;background:#f2f2f5;border:1px solid var(--border);border-radius:999px;padding:1px 10px;font-size:12px}.optionRow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0;font-size:14px;color:var(--muted)}.optionRow label{white-space:nowrap;flex-shrink:0}.optionRow input{width:18px;height:18px;flex-shrink:0;accent-color:var(--red)}.langSelect{font-size:14px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:#fff;max-width:100%}.transcriptBox{width:100%;height:260px;line-height:1.7;border:1.5px solid var(--border);border-radius:10px;background:#fafafa;margin-top:12px;resize:vertical}.error,.transcriptBox{font-size:14px;padding:12px}.error{background:#fff3f3;border:1px solid #f0c0c0;color:#a00;border-radius:10px;margin-bottom:14px}.hint{font-size:12.5px;margin-top:10px}.hint,.loading{color:var(--muted)}.loading{text-align:center;padding:12px 0;font-size:14px}