:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--bg-page:#f7f8fa;--bg-surface:#fff;--bg-muted:#f1f4f8;--fg-default:#172033;--fg-muted:#5d687a;--border:#dce1e8;--border-strong:#b8c0cc;--accent:#1f5ed7;--accent-hover:#184bb0;--danger:#b42318;--danger-soft:#fff4f2;--warning:#9a5b00;--warning-soft:#fff8e6;--success:#157347;--success-soft:#ecf8f1;--radius:10px;background:#f7f8fa;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{min-width:320px;min-height:100vh;color:var(--fg-default);background:var(--bg-page);margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.page-header,.page-shell{width:min(100% - 48px,680px);margin-inline:auto}.page-header{padding:48px 0 20px}h1,h2,p{margin-top:0}h1{letter-spacing:-.03em;margin-bottom:0;font-size:clamp(26px,4vw,32px);line-height:1.2}h2{margin-bottom:24px;font-size:19px;line-height:1.35}.page-shell{padding-bottom:48px}.recorder-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);padding:28px;box-shadow:0 2px 8px #1720330d}.preflight-view,.first-run-form{gap:22px;display:grid}.field-block{gap:8px;display:grid}.field-label{color:var(--fg-default);font-size:14px;font-weight:700}.field-label span{color:var(--fg-muted);font-size:12px;font-weight:500}.text-input{border:1px solid var(--border-strong);width:100%;min-height:48px;color:var(--fg-default);background:var(--bg-surface);border-radius:7px;outline:none;padding:10px 12px;transition:border-color .12s,box-shadow .12s,background .12s}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1f5ed729}.text-input:disabled{color:var(--fg-muted);background:var(--bg-muted)}.token-input{letter-spacing:.04em}.field-error{color:var(--danger);margin:-12px 0 0;font-size:13px;line-height:1.5}.share-reminder{border-left:3px solid var(--accent);color:var(--fg-muted);background:#f5f8ff;margin-bottom:0;padding:12px 14px;font-size:13px;line-height:1.5}.share-reminder strong{color:var(--fg-default)}.button{border:1px solid #0000;border-radius:7px;min-height:48px;padding:11px 18px;font-weight:750;transition:background .12s,border-color .12s,color .12s,opacity .12s}.button-primary{color:#fff;background:var(--accent)}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-danger{width:100%;color:var(--danger);background:var(--bg-surface);border-color:#efb4ad;margin-top:28px}.button-danger:hover:not(:disabled){background:var(--danger-soft)}.button:disabled{opacity:.48}.button:focus-visible,.text-button:focus-visible{outline-offset:2px;outline:3px solid #1f5ed740}.active-view{min-width:0}.active-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.status-panel{gap:11px;min-width:0;display:flex}.status-icon{background:var(--accent);border-radius:50%;flex:none;width:10px;height:10px;margin-top:5px;box-shadow:0 0 0 4px #dfeaff}.status-panel[data-state=recording] .status-icon{background:#d92d20;animation:1.8s ease-out infinite pulse;box-shadow:0 0 0 4px #fee4e2}.status-panel[data-state=waiting-upload] .status-icon{background:var(--warning);box-shadow:0 0 0 4px #ffedb5}.status-panel[data-state=complete] .status-icon{background:var(--success);box-shadow:0 0 0 4px #d9f1e2}.status-title{margin:0;font-size:15px;font-weight:750;line-height:1.4}.status-message{color:var(--fg-muted);margin:5px 0 0;font-size:13px;line-height:1.55}.elapsed-time{color:var(--fg-default);font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:none;font-size:21px;font-weight:750}.recording-details{border-top:1px solid var(--border);margin-top:30px;padding-top:26px}.meter-grid{gap:20px;display:grid}.meter-row{gap:8px;display:grid}.meter-label-row{color:var(--fg-muted);justify-content:space-between;gap:16px;font-size:13px;display:flex}.meter-track{background:var(--bg-muted);border-radius:99px;height:10px;overflow:hidden}.meter-fill{border-radius:inherit;width:0;height:100%;transition:width .12s ease-out;display:block}.local-fill{background:var(--accent)}.remote-fill{background:#137d70}.transfer-status{color:var(--fg-muted);flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:12px;display:flex}.transfer-status strong{color:var(--fg-default);font-variant-numeric:tabular-nums}.warning-area{border-left:4px solid var(--warning);color:#704000;background:var(--warning-soft);border-radius:7px;margin-bottom:22px;padding:14px 16px}.warning-area p{margin-bottom:8px;font-size:13px;line-height:1.55}.warning-title{font-weight:750}.text-button{color:#775000;background:0 0;border:0;padding:0;font-size:12px;font-weight:750;text-decoration:underline}.first-run-form .button{justify-self:start;min-width:120px}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #fee4e2}50%{box-shadow:0 0 0 7px #fee4e28c}}@media (width<=520px){.page-header,.page-shell{width:min(100% - 32px,680px)}.page-header{padding-top:28px}.page-shell{padding-bottom:32px}.recorder-card{padding:22px 20px}.active-heading{gap:14px}.elapsed-time{font-size:18px}}