*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;color:#2d5a4a;background:#f8fdf9;margin:0;font-family:system-ui,-apple-system,sans-serif}.main-content{min-height:100vh;overflow-y:auto}.transcriber{max-width:700px;margin:0 auto;padding:40px 20px}.transcriber h1{color:#2d5a4a;margin-bottom:24px;font-size:28px}.transcriber h2{color:#3a6b5a;margin-bottom:8px;font-size:18px}.config-fieldset{background:#fff;border:1px solid #bcead5;border-radius:10px;margin:0 0 28px;padding:20px 24px 24px}.config-fieldset legend{color:#3a6b5a;padding:0 8px;font-size:14px;font-weight:600}.config-fieldset:disabled{opacity:.55;pointer-events:none}.config-grid{grid-template-columns:1fr 1fr;gap:20px 24px;display:grid}.config-field{flex-direction:column;gap:4px;display:flex}.config-field.full-width{grid-column:1/-1}.config-field label{color:#2d5a4a;font-size:13px;font-weight:600}.config-field input[type=text],.config-field input[type=number]{color:#2d5a4a;background:#f8fdf9;border:1px solid #bcead5;border-radius:6px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.config-field input[type=text]:focus,.config-field input[type=number]:focus{border-color:#8ec3b0;box-shadow:0 0 0 2px #8ec3b04d}.config-field input:disabled{opacity:.5;cursor:not-allowed}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-label input[type=checkbox]{accent-color:#8ec3b0;cursor:pointer;width:16px;height:16px}.hint{color:#9ed5c5;font-size:12px;line-height:1.4}.config-field select{color:#2d5a4a;background:#f8fdf9;border:1px solid #bcead5;border-radius:6px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.config-field select:focus{border-color:#8ec3b0;box-shadow:0 0 0 2px #8ec3b04d}.controls{align-items:center;gap:12px;margin-bottom:28px;display:flex}.controls button{cursor:pointer;color:#fff;background:#8ec3b0;border:none;border-radius:6px;padding:10px 24px;font-size:16px;font-weight:500;transition:background .2s}.controls button:hover{background:#7ab3a0}.controls button:disabled{opacity:.6;cursor:not-allowed}.controls button.stop{background:#e07070}.controls button.stop:hover{background:#d05555}.recording-indicator{color:#e07070;align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.recording-indicator:before{content:"";background:#e07070;border-radius:50%;width:8px;height:8px;animation:1.2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.transcript-section{margin-bottom:24px}.transcript-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.transcript-header h2{margin-bottom:0}.download-btn{cursor:pointer;color:#2d5a4a;background:#fff;border:1px solid #bcead5;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .2s}.download-btn:hover{background:#def5e5}.recording-player{border-radius:8px;width:100%;margin-bottom:12px}.transcript-box{white-space:pre-wrap;color:#2d5a4a;background:#def5e5;border:1px solid #bcead5;border-radius:8px;min-height:120px;padding:16px;font-size:15px;line-height:1.6}.transcript-box .placeholder{color:#9ed5c5;font-style:italic}.diarized-paragraph{margin-bottom:12px;line-height:1.6}.diarized-paragraph:last-child{margin-bottom:0}.speaker-label{color:#3a6b5a;font-weight:600}.error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px}@media (width<=600px){.config-grid{grid-template-columns:1fr}}