:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#14231e;background:#f4f7f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{border:0;border-radius:.75rem;padding:.8rem 1rem;background:#12372a;color:#fff;font-weight:700;cursor:pointer;min-height:48px}button:focus-visible,input:focus-visible{outline:3px solid #e3a628;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}.app-shell,.auth-shell{width:min(100% - 2rem,72rem);margin:0 auto;padding:1.5rem 0 3rem}.auth-shell{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(100%,31rem)}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}h1,h2,p{margin-top:0}h1{font-size:clamp(1.65rem,5vw,2.4rem);margin-bottom:.2rem}h2{font-size:1.2rem;margin-bottom:.55rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#466157;font-size:.75rem;font-weight:800;margin-bottom:.35rem}.card{background:#fff;border:1px solid #d9e3dc;border-radius:1rem;padding:1.25rem;box-shadow:0 3px 12px #12372a0d}.safety-banner{background:#e2eee4;border-left:4px solid #27623e;padding:.85rem 1rem;border-radius:.5rem;line-height:1.45}.section-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.badge,.connection{font-weight:800;padding:.4rem .65rem;border-radius:999px;font-size:.85rem;white-space:nowrap}.connection.online,.mode-armed{background:#dff3e4;color:#174f29}.connection.offline,.mode-unavailable{background:#fce3df;color:#8b1e1e}.mode-recording{background:#fde9c4;color:#6e4600}.mode-disarmed,.mode-unpaired{background:#e8ece9;color:#36423c}.command-state{font-weight:750;font-size:1.05rem}.consent{display:flex;gap:.7rem;padding:.9rem;border:1px solid #d9e3dc;border-radius:.7rem;line-height:1.4}.consent input{width:1.2rem;height:1.2rem;flex:0 0 auto}.controls{display:grid;grid-template-columns:1fr;gap:.7rem;margin-top:1rem}.start-button{background:#155c38}.start-button.holding{background:#8d6511;box-shadow:inset 0 -4px #f5d583}.stop-button,.danger{background:#9a2a26}.secondary{color:#12372a;background:#edf2ee;border:1px solid #cad7ce}.danger.secondary{color:#8b1e1e;background:#fff4f2;border-color:#d79088}.muted{color:#59675f;font-size:.92rem;line-height:1.4}.error{color:#8b1e1e;font-weight:650}.notice{background:#edf4ee;padding:.75rem;border-radius:.5rem;line-height:1.4}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:1rem 0}.qr-wrap{display:grid;justify-items:center;margin-top:1rem}.history{margin:0;padding:0;list-style:none}.history li{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid #d9e3dc}.auth-card form{display:grid;gap:1rem;margin:1.25rem 0 .75rem}.auth-card label{font-weight:700;display:grid;gap:.4rem}.auth-card input{border:1px solid #aabcb0;border-radius:.6rem;padding:.75rem;min-height:48px;background:#fff;color:#14231e}@media(min-width:700px){.app-shell{padding-top:2.5rem}.controls{grid-template-columns:2fr 1fr}.dashboard-grid{grid-template-columns:1fr 1fr}.card{padding:1.5rem}}.pairing-code-device{display:grid;justify-items:center;margin-top:1rem}.pairing-qr{display:block;width:min(300px,100%);height:auto;aspect-ratio:1;background:#fff}.shell{width:min(100% - 2rem,48rem);margin:0 auto;padding:1.25rem 0 3rem}.panel{background:#fff;border:1px solid #d9e3dc;border-radius:1rem;padding:1.25rem;box-shadow:0 3px 12px #12372a0d;margin-top:1rem}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.header-actions{display:flex;align-items:center;gap:.6rem}.online,.offline{font-weight:800;padding:.4rem .65rem;border-radius:999px;font-size:.85rem;white-space:nowrap}.online{background:#dff3e4;color:#174f29}.offline{background:#fce3df;color:#8b1e1e}.session-user,.normal-help{color:#59675f;line-height:1.45}.command-buttons{display:grid;gap:.7rem;margin-top:1rem}.command-buttons-simple{grid-template-columns:1fr 1fr}.hold-start{background:#155c38}.stop{background:#9a2a26}.timer{font-weight:800;color:#6e4600}.save-result{background:#fff5dd;border-left:4px solid #c58a1a;padding:.75rem 1rem;border-radius:.5rem;font-weight:700}.save-result.confirmed{background:#e2eee4;border-color:#27623e;color:#174f29}.settings-panel{background:#fff;border:1px solid #d9e3dc;border-radius:1rem;margin-top:1rem}.settings-panel summary{padding:1rem 1.25rem;font-weight:800;cursor:pointer}.settings-content{display:grid;gap:1.5rem;padding:0 1.25rem 1.25rem}.settings-content section{display:grid;gap:.75rem}.settings-content label{display:grid;gap:.4rem;font-weight:700}.settings-content input,.settings-content select{border:1px solid #aabcb0;border-radius:.6rem;padding:.75rem;min-height:48px;background:#fff;color:#14231e}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0}.facts div{padding:.7rem;background:#f4f7f3;border-radius:.6rem}.facts dt{font-size:.8rem;color:#59675f}.facts dd{margin:.2rem 0 0;font-weight:700}.inline-options{display:flex;gap:.5rem;flex-wrap:wrap}.auth-shell .panel{width:min(100%,31rem)}.auth-panel{display:grid;gap:.8rem}.auth-panel label{display:grid;gap:.4rem;font-weight:700}.auth-panel input{border:1px solid #aabcb0;border-radius:.6rem;padding:.75rem;min-height:48px;background:#fff;color:#14231e}@media(max-width:420px){.shell{width:min(100% - 1rem,48rem);padding-top:.75rem}.app-header{align-items:flex-start}.header-actions{flex-direction:column;align-items:flex-end}.command-buttons-simple,.facts{grid-template-columns:1fr}}