.sbm{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#3b82f6;--accent-hover:#2f6fd8;--accent-soft:#3b82f61a;--success:#22a06b;--danger:#e5484d;--bg:#f4f5f7;--surface:#fff;--surface-alt:#f8f9fb;--border:#e3e5e9;--border-strong:#d3d6dc;--text:#17181c;--muted:#4b5563;--faint:#6b7280;--shadow-sm:0 1px 2px #1018280f;--radius-md:10px;--radius-lg:14px;background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-geist-sans), Inter, "Segoe UI", system-ui, -apple-system, sans-serif;-webkit-font-smoothing:antialiased;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;font-size:15px;line-height:1.5}.sbm,.sbm *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.sbm h1,.sbm h2,.sbm p{margin:0}.sbm .title{letter-spacing:-.01em;font-size:24px;font-weight:700;line-height:1.2}.sbm h2{font-size:22px;font-weight:700;line-height:1.3}.sbm .lede{color:var(--muted)}.sbm .center{text-align:center}.sbm .page{max-width:520px;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex}.sbm .nav-row{justify-content:space-between;align-items:center;min-height:40px;display:flex}.sbm .back{color:var(--accent);align-items:center;gap:4px;padding:8px 0;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.sbm .back.linklike,.sbm .textbtn{cursor:pointer;background:0 0;border:0;font-family:inherit}.sbm .back.linklike{font-size:14px}.sbm .back:disabled{opacity:.5}.sbm .textbtn{color:var(--faint);padding:8px 0;font-size:14px;font-weight:500}.sbm .brand-row{align-items:center;gap:10px;display:flex}.sbm .brand-row.center{justify-content:center}.sbm .logo{object-fit:contain;width:28px;height:28px}.sbm .wordmark{font-family:var(--font-playfair-display), Georgia, serif;letter-spacing:.01em;font-size:22px;font-weight:700}.sbm .account{color:var(--faint);margin-top:-6px;font-size:13px}.sbm .account strong{color:var(--text)}.sbm .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:16px;display:flex}.sbm .field{flex-direction:column;gap:6px;display:flex}.sbm .field>span{color:var(--faint);font-size:12.5px;font-weight:600}.sbm input,.sbm textarea{background:var(--surface);width:100%;color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);font:inherit;padding:12px 13px;font-size:16px}.sbm input:focus,.sbm textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.sbm .actions-col{flex-direction:column;align-items:stretch;gap:10px;display:flex}.sbm .btn{min-height:46px;color:var(--text);font:inherit;letter-spacing:.01em;cursor:pointer;background:linear-gradient(#fffffff2 0%,#ffffffb3 55%,#d3d6dcb3 100%);border:1px solid #ffffffe6;border-radius:999px;padding:0 22px;font-weight:600;transition:transform .1s,opacity .15s,box-shadow .15s;box-shadow:0 2px 8px #10182824,inset 0 1px #fffffff2,inset 0 -1px 1px #0000000d}.sbm .btn:active:not(:disabled){transform:translateY(1px)}.sbm .btn:disabled{opacity:.5;cursor:not-allowed}.sbm .btn.primary{color:#fff;background:linear-gradient(#5b9cf8 0%,#3b82f6 55%,#2f6fd8 100%);border-color:#ffffff59;box-shadow:0 4px 14px #3b82f659,inset 0 1px #fff6}.sbm .btn.big{min-height:54px;font-size:17px}.sbm .btn.small{align-self:center;min-height:38px;padding:0 16px;font-size:14px}.sbm .optional{color:var(--faint);font-weight:500}.sbm .upload{min-height:56px;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-md);text-align:center;cursor:pointer;border:1.5px dashed #3b82f680;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;display:flex;position:relative}.sbm .upload.busy{opacity:.7;cursor:progress}.sbm .upload input{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.sbm .upload-icon{flex:none;width:18px;height:18px}.sbm .doc-chip{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 12px;display:flex}.sbm .doc-icon{width:20px;height:20px;color:var(--accent);flex:none}.sbm .doc-meta{flex-direction:column;flex:1;min-width:0;display:flex}.sbm .doc-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.sbm .doc-meta small{color:var(--faint);font-size:12px}.sbm .callout{background:var(--accent-soft);border-color:#3b82f659}.sbm .callout-title{color:var(--success);font-size:17px;font-weight:700}.sbm .callout-title.saving{color:var(--accent)}.sbm a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.sbm .notice{border-radius:var(--radius-md);padding:10px 12px;font-size:14px}.sbm .notice.error{color:#b4232a;background:#e5484d1a;border:1px solid #e5484d40}.sbm .fineprint{color:var(--faint);font-size:12.5px}.sbm .eyebrow{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.sbm .q-text{font-weight:600}.sbm .gate-body{flex-direction:column;flex:1;justify-content:center;gap:14px;padding-bottom:40px;display:flex}.sbm .test-head{align-items:center;gap:8px;display:flex}.sbm .test-icon{width:20px;height:20px;color:var(--accent)}.sbm .test-status{font-weight:600}.sbm .test-status[data-heard=true]{color:var(--success)}.sbm .meter{background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;height:8px;overflow:hidden}.sbm .meter-fill{background:var(--faint);height:100%;transition:width 90ms linear;display:block}.sbm .meter-fill[data-heard=true]{background:var(--success)}.sbm .transcript-box{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:6px;min-height:130px;padding:12px;font-size:17px;line-height:1.4;display:flex}.sbm .transcript-box .partial{color:var(--faint);font-style:italic}.sbm .transcript-box .placeholder{color:var(--faint)}.sbm .md{font-size:15px;line-height:1.55}.sbm .md p{margin:0 0 .6em}.sbm .md ul,.sbm .md ol{margin:0 0 .6em;padding-left:1.3em}.sbm .md ul{list-style:outside}.sbm .md ol{list-style:decimal}.sbm .md li{margin-bottom:.35em}.sbm .md pre{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:10px;font-size:13px;overflow-x:auto}.sbm:has(.live){background:#0e0e10}html:has(.sbm .live){background:#0e0e10}.sbm .live{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0e10;--panel-header:#3c3c3c;--panel-strip:#2d2d2d;--panel:#141414;--text:#f4f4f5;--muted:#fff9;--faint:#ffffff80;--border:#ffffff1a;--accent:#6aa8ff;--danger:#f0303a;max-width:640px;height:100dvh;padding:max(6px, env(safe-area-inset-top)) 6px 0;background:var(--bg);color:var(--text);font-family:Inter, var(--font-geist-sans), "Segoe UI", system-ui, sans-serif;flex-direction:column;gap:4px;margin:0 auto;display:flex}.sbm .live.center-screen{text-align:center;justify-content:center;align-items:center;gap:14px;padding:24px}.sbm .island{border:1px solid #ffffff0f;border-radius:14px;box-shadow:0 2px 10px #00000059}.sbm .island.bar{background:var(--panel-header);align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:flex}.sbm .island.bar.problem{background:#4a2226;border-color:#f0303a80}.sbm .bar .meter{background:#ffffff1f;border:0;flex:1;min-width:40px;height:6px}.sbm .bar .meter-fill{background:var(--accent)}.sbm .dot{background:var(--faint);border-radius:50%;flex:none;width:10px;height:10px}.sbm .dot[data-status=listening]{background:#4cc38a;animation:1.6s ease-in-out infinite sbm-pulse}.sbm .dot[data-status=reconnecting],.sbm .dot[data-status=paused]{background:var(--danger)}@keyframes sbm-pulse{50%{opacity:.35}}.sbm .clock{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.sbm .clock.low{color:#fbbf24;font-weight:700}.sbm .banner{color:#fbbf24;font:inherit;text-align:left;background:#d9770638;border:1px solid #fbbf2466;border-radius:12px;padding:8px 12px;font-size:13px}.sbm .island.strip{background:var(--panel-strip);align-items:center;gap:10px;padding:10px 12px;display:flex}.sbm .strip-icon{color:#4cc38a;flex:none;width:20px;height:20px}.sbm .strip-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.sbm .strip-text.hearing{color:var(--muted);font-style:italic}.sbm .island.panel{background:var(--panel);flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px;display:flex;overflow-y:auto}.sbm .qa-line{align-items:flex-start;gap:8px;font-size:17px;line-height:1.4;display:flex}.sbm .qa-icon{width:18px;height:18px;color:var(--accent);flex:none;margin-top:3px}.sbm .qa-icon.star{color:#f5c542}.sbm .qa-answer{flex-direction:column;gap:6px;display:flex}.sbm .live .md{font-size:19px;line-height:1.5}.sbm .live .md strong{color:#fff}.sbm .live .md pre{border-color:var(--border);background:#0d1017}.sbm .dim{color:var(--muted)}.sbm .error-text{color:#ff8a8f}.sbm .actions{padding:6px 0 max(10px, env(safe-area-inset-bottom));grid-template-columns:1.15fr 1.25fr 1fr auto;gap:6px;display:grid}.sbm .chip{min-height:40px;color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:0 10px;font-size:13px;font-weight:600}.sbm .chip.toggle{flex-direction:column;justify-content:center;align-items:center;gap:1px;line-height:1.1;display:flex}.sbm .chip-state{letter-spacing:.08em;opacity:.8;font-size:9.5px;font-weight:700}.sbm .chip:active{opacity:.8}.sbm .chip.toggle.on{color:var(--accent);background:#6aa8ff24;border-color:#6aa8ff8c}.sbm .chip.accent{color:#08101f;background:linear-gradient(#86b9ff 0%,#5b98f5 100%);border-color:#0000}.sbm .chip.end{color:#fff;background:var(--danger);border-color:#0000}.sbm .chip.inline{align-self:flex-start;min-height:30px;padding:0 12px;font-size:12px}.sbm .chip.big{min-height:46px;padding:0 22px;font-size:15px}.sbm .overlay{z-index:20;background:#0000009e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sbm .dialog{background:var(--panel-strip);border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:10px;width:100%;max-width:340px;padding:18px;display:flex;box-shadow:0 10px 40px #00000080}.sbm .dialog-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;display:grid}