:root{--bg: #f4f0e6;--bg2: #FAF8F3;--ink: #2D2A26;--inkSoft: #6B655B;--inkFaint: #ABA396;--warm: #FF7A59;--warmDeep: #E8623E;--cool: #6FCF97;--coolDeep: #4FB57C}@keyframes floatA{0%,to{transform:rotate(3deg) translateY(0)}50%{transform:rotate(2deg) translateY(-6px)}}@keyframes floatB{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-4px)}}@keyframes floatC{0%,to{transform:rotate(2deg) translateY(0)}50%{transform:rotate(3deg) translateY(-3px)}}.sttWrap{display:flex;flex-direction:column;gap:16px;padding:22px}.sttModelBanner{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:#eef2ff;border:1px solid #e0e7ff;border-radius:12px}.sttModelStatus{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#4338ca}.sttModelHint{font-size:12px;color:#6b655b;margin-left:24px}.sttProgressBar{height:4px;border-radius:2px;background:#e0e7ff;overflow:hidden}.sttProgressBar__fill{height:100%;border-radius:2px;background:#4f46e5;transition:width .2s ease}.sttSpinner{width:16px;height:16px;border:2px solid #e0e7ff;border-top-color:#4f46e5;border-radius:50%;animation:sttSpin .7s linear infinite;flex-shrink:0}@keyframes sttSpin{to{transform:rotate(360deg)}}.sttGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}@media(max-width:540px){.sttGrid{grid-template-columns:1fr}}.sttRightCol{display:flex;flex-direction:column;gap:10px}.sttUrlPanel{display:flex;flex-direction:column;gap:6px;flex:1}.sttMicBtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:140px;flex:1;padding:24px;border:none;background:transparent;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none}.sttMicBtn:disabled{cursor:not-allowed}@keyframes sttPulse{0%,to{box-shadow:0 0 0 4px #c7503e1f}50%{box-shadow:0 0 0 8px #c7503e0f}}.sttMicIcon{font-size:40px;line-height:1;transition:transform .15s}.sttMicStack.isRecording .sttMicIcon{transform:scale(1.15)}.sttMicLabel{font-size:14px;font-weight:600;color:#6b655b}.sttMicStack.isRecording .sttMicLabel{color:#c7503e}.sttResult{display:flex;flex-direction:column;gap:8px}.sttResultHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}.sttResultActions{display:flex;gap:6px}.sttResultText{min-height:100px;max-height:80dvh;overflow-y:auto;resize:none;padding:12px 14px;background:#fff;border:1px solid rgba(45,42,38,.1);border-radius:12px;font-size:15px;line-height:1.65;color:#2d2a26;white-space:pre-wrap;word-break:break-word;font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.sttResultText.hasTimes{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.8}.sttStatus{font-size:12px;color:#6b655b;display:flex;align-items:center;gap:6px;min-height:18px}.sttStatusDot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.sttStatusDot.isActive{background:#4f46e5;animation:sttBlink 1s ease-in-out infinite}.sttStatusDot.isError{background:#c7503e}@keyframes sttBlink{0%,to{opacity:1}50%{opacity:.3}}.sttDropZone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:100px;padding:20px;border:2px dashed rgba(45,42,38,.18);border-radius:16px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s;text-align:center}.sttDropZone:hover,.sttDropZone.isDragOver{border-color:#4f46e5;background:#eef2ff}.sttDropZone.isDisabled{opacity:.45;pointer-events:none;cursor:default}.sttDropIcon{font-size:28px;line-height:1}.sttDropText{font-size:13px;color:#6b655b}.sttFileChosen{font-size:13px;color:#2d2a26;font-weight:500}.sttTranscribingBar{display:flex;align-items:center;gap:10px}.sttTranscribingBar__track{flex:1;height:6px;border-radius:3px;background:#e0e7ff;overflow:hidden}.sttTranscribingBar__fill{height:100%;border-radius:3px;background:#4f46e5;transition:width .3s ease;min-width:4px}.sttTranscribingBar__pct{font-size:12px;font-weight:600;color:#4338ca;min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.sttInterim{color:#aba396;font-style:italic}.sttNotSupported{padding:16px;border-radius:12px;background:#fbe9e3;color:#c7503e;font-size:13.5px;text-align:center}.sttCheckbox{display:inline-flex;align-items:center;gap:8px;padding:10px 6px;font-size:13px;font-weight:500;color:#6b655b;cursor:pointer;user-select:none}.sttCheckbox input[type=checkbox]{width:15px;height:15px;accent-color:#4f46e5;cursor:pointer;flex-shrink:0}.sttCheckbox:hover{color:#2d2a26}.sttSettingsRow{display:flex;gap:12px}.sttSettingsRow>*{flex:1;min-width:0}@media(max-width:480px){.sttSettingsRow{flex-direction:column}}.sttOptionsRow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sttMicStack{display:flex;flex-direction:column;min-height:200px;border:2px dashed rgba(45,42,38,.18);border-radius:16px;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s}.sttMicStack:hover:not(.isDisabled){border-color:#4f46e5;background:#eef2ff}.sttMicStack{cursor:pointer}.sttMicStack.isDisabled{opacity:.5;cursor:not-allowed}.sttMicStack.isRecording{border-color:#c7503e;border-style:solid;background:#fbe9e3;box-shadow:0 0 0 4px #c7503e1f;animation:sttPulse 1.4s ease-in-out infinite}.sttMicBar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:0 12px 10px}.sttVolumeBar{width:100%;height:4px;border-radius:2px;background:#c7503e33;overflow:hidden}.sttVolumeBar__fill{height:100%;border-radius:2px;background:#c7503e;transition:width .08s linear;min-width:2px}.sttLangRow{display:flex;align-items:center;gap:10px}.sttLangLabel{font-size:13px;font-weight:600;color:#2d2a26;flex-shrink:0}.sttLangSelect{flex:1;font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13.5px;color:#2d2a26;background:#fff;border:1px solid rgba(45,42,38,.1);border-radius:8px;padding:7px 10px;outline:none;cursor:pointer;transition:border-color .15s}.sttLangSelect:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e524}