:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}html,body,#root{height:100%;margin:0}body{background:transparent}.app{display:flex;flex-direction:column;height:100%;background:#0f0f148c;color:#fff}.toolbar{-webkit-app-region:drag;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#00000059}.toolbar select,.toolbar button{-webkit-app-region:no-drag}.toolbar select{padding:6px 10px;border-radius:6px;border:none;background:#222;color:#fff}.phrase-input{flex:1;min-width:120px;padding:6px 10px;border-radius:6px;border:1px solid #444;background:#1a1a1a;color:#fff}.phrase-input:disabled{opacity:.5}.btn{padding:6px 14px;border-radius:6px;border:none;font-weight:600;cursor:pointer}.btn-start{background:#2ecc71;color:#06210f}.btn-stop{background:#e74c3c;color:#2a0a06}.btn-ghost{background:transparent;color:#ccc;border:1px solid #444}.status{margin-left:auto;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#999}.status-listening{color:#2ecc71}.status-error{color:#e74c3c}.error-banner{padding:8px 14px;background:#4a1414;color:#ffb3b3;font-size:13px}.overlay{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:120px;padding:20px;text-align:center}.caption-live{font-size:clamp(22px,4vw,40px);font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.8);max-width:90%}.history{flex:1;overflow-y:auto;padding:0 14px 14px;display:flex;flex-direction:column-reverse;gap:6px}.history-line{font-size:14px;color:#bbb;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px}