:root{color-scheme:light;--bg: #ECE9D8;--panel: #FFFFFF;--panel-border: #ACA899;--titlebar-from: #0A246A;--titlebar-to: #5078C8;--section-from: #DAE8F7;--section-to: #B2CBE9;--section-border: #7F9DB9;--text: #000000;--muted: #4A4A4A;--danger: #A00000;--button-face: #ECE9D8;--button-light: #FFFFFF;--button-shadow: #ACA899;--button-dark: #717171;--field-bg: #FFFFFF;--notice-bg: #FFFFE1;--notice-border: #D4C77F;--highlight: #316AC5}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Tahoma,맑은 고딕,Malgun Gothic,Dotum,돋움,AppleGothic,sans-serif;font-size:12px;line-height:1.4;min-height:100vh}#app{max-width:720px;margin:20px auto;background:var(--panel);border:1px solid var(--panel-border);box-shadow:1px 1px #0000002e}.hero{background:linear-gradient(to bottom,var(--titlebar-from) 0%,var(--titlebar-to) 100%);color:#fff;padding:5px 10px;border-bottom:1px solid #062466;display:flex;align-items:center;gap:8px}.hero h1{margin:0;font-size:12px;font-weight:700;color:#fff;letter-spacing:0;text-shadow:1px 1px 0 rgba(0,0,0,.4)}.hero .accent{background:none;-webkit-background-clip:initial;background-clip:initial;color:#d4e4f5;font-weight:400;font-size:11px;margin-left:6px}.subtitle{margin:0;padding:8px 12px 6px;font-size:12px;color:var(--text);background:var(--panel);border-bottom:1px solid var(--panel-border)}.status-card,.live-section{margin:10px 10px 0;background:var(--button-face);border:1px solid var(--panel-border)}.section-title{background:linear-gradient(to bottom,var(--section-from) 0%,var(--section-to) 100%);border-bottom:1px solid var(--section-border);padding:3px 8px;font-size:11px;font-weight:700;color:var(--text);display:flex;justify-content:space-between;align-items:center;gap:8px}.section-body{padding:10px}.status-text{margin:0 0 6px;font-size:12px}progress{width:100%;height:14px;appearance:none;border:1px solid var(--button-dark);background:var(--panel);display:block}progress::-webkit-progress-bar{background:var(--panel)}progress::-webkit-progress-value{background:linear-gradient(to bottom,#91c3fa,#316ac5)}progress::-moz-progress-bar{background:linear-gradient(to bottom,#91c3fa,#316ac5)}button{background:var(--button-face);border:1px solid;border-color:var(--button-light) var(--button-dark) var(--button-dark) var(--button-light);outline:1px solid #000000;padding:2px 14px;font:12px Tahoma,맑은 고딕,Dotum,sans-serif;color:var(--text);cursor:pointer;min-width:80px;position:relative}button:not(:disabled):focus{outline:1px solid #000000;box-shadow:inset 0 0 0 1px #000}button:not(:disabled):active,button.recording{border-color:var(--button-dark) var(--button-light) var(--button-light) var(--button-dark);padding:3px 13px 1px 15px;background:linear-gradient(to bottom,#d4d0c8 0%,var(--button-face) 100%)}button:disabled{color:#888;outline-color:#888;border-color:var(--button-light) var(--button-dark) var(--button-dark) var(--button-light);text-shadow:1px 1px 0 var(--button-light);cursor:not-allowed}button.primary{font-weight:700}button.recording .label:before{content:"■ ";color:var(--danger)}.dot{display:none}input[type=text],#live-input{border:1px solid;border-color:var(--button-dark) var(--button-light) var(--button-light) var(--button-dark);background:var(--field-bg);padding:3px 5px;font:12px Tahoma,맑은 고딕,Dotum,sans-serif;color:var(--text)}#live-input{flex:1;min-width:0;outline:1px solid #717171;outline-offset:-2px}#live-input:focus{outline:1px dotted #000;outline-offset:-3px}.live-input-row{display:flex;gap:4px;align-items:stretch}.live-meta{font-size:11px;font-weight:400;color:var(--muted);font-family:Tahoma,Dotum,sans-serif}.live-meta.err{color:var(--danger);font-weight:700}.live-notice{margin:8px 0 0;background:var(--notice-bg);border:1px solid var(--notice-border);padding:5px 8px;font-size:11px;color:var(--text)}.live-notice b{font-weight:700;background:#fff7c4;padding:0 2px}.live-captions{margin:8px 0 0;background:var(--panel);border:1px solid;border-color:var(--button-dark) var(--button-light) var(--button-light) var(--button-dark);padding:8px 10px}.captions{margin:0;font-size:13px;line-height:1.7;min-height:1.7em;font-family:맑은 고딕,Tahoma,Dotum,sans-serif;color:var(--text);word-break:keep-all;overflow-wrap:anywhere}.cap-final,.cap-confirmed{color:var(--text)}.cap-tentative{color:var(--muted);font-style:italic}.footnote{margin:10px 0 0;padding:5px 10px;background:var(--section-from);border-top:1px solid var(--panel-border);font-size:11px;color:var(--muted);text-align:left}