:root{font-family:Segoe UI,Arial,sans-serif;color:#172b4d;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:280px}button,select,input{font:inherit}.app-shell{padding:18px}header{border-left:4px solid #16725a;padding-left:12px;margin-bottom:18px}.brand{color:#075f4c;font-size:24px;font-weight:800;letter-spacing:.8px}header p{margin:2px 0 0;color:#536579;font-size:12px}.card{background:#fff;border:1px solid #e3e8ef;box-shadow:0 2px 8px #172b4d0b;border-radius:10px;margin-bottom:14px;padding:15px}h2{font-size:16px;margin:0 0 14px}.recording-status{align-items:center;display:flex;font-size:13px;gap:7px;min-height:22px}.recording-status strong{margin-left:auto;font-variant-numeric:tabular-nums}.mic{color:#9aa8b5;font-size:18px}.mic.active{color:#d13438;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35}}.level{background:#e8edf2;border-radius:99px;height:5px;margin:10px 0;overflow:hidden}.level span{background:linear-gradient(90deg,#0d7b63,#53ba8c);display:block;height:100%;transition:width .08s}.interim{background:#f0f8f5;border-radius:6px;color:#356454;font-size:12px;margin:8px 0;padding:8px}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}button,.upload-button{background:#fff;border:1px solid #bec9d4;border-radius:6px;color:#1c3954;cursor:pointer;font-weight:600;font-size:13px;padding:9px 11px}button:hover,.upload-button:hover{background:#f3f7fa}button:disabled{cursor:wait;opacity:.7}button.primary{background:#087760;border-color:#087760;color:#fff}button.primary:hover{background:#05634f}button.danger{color:#ba2227;border-color:#e6b6b8}.upload-button{display:block;margin-top:10px;text-align:center}.upload-button input{display:none}.test-button{border-style:dashed;font-size:12px;margin-top:10px;width:100%}.selected{background:#f7f9fb;border-radius:6px;color:#526578;font-size:12px;line-height:1.45;margin:0 0 12px;max-height:76px;overflow:auto;padding:9px}.selected span{color:#334e68;display:block;font-weight:700;margin-bottom:3px}label{color:#42566b;display:grid;font-size:12px;font-weight:600;gap:4px;margin-top:9px}select{background:#fff;border:1px solid #c8d2dc;border-radius:5px;color:#263e55;padding:7px}.read{margin-top:14px;width:100%}.audio-player{margin-top:12px}.player-controls{align-items:center;display:flex;gap:8px}.icon-button{height:34px;padding:0;width:34px}input[type=range]{accent-color:#087760;flex:1}.time{color:#627387;font-size:11px;margin-top:5px;text-align:right}.error{background:#fff1f1;border:1px solid #f0c5c5;border-radius:7px;color:#a61b1f;font-size:13px;padding:10px}.instruction{color:#536579;font-size:13px;line-height:1.45;margin:0 0 12px}