:root{--v-brand-blue:#0596df;--v-brand-green:#40b56a;--v-font-body:"Segoe UI", system-ui, -apple-system, sans-serif;--v-font-mono:Consolas, "Courier New", monospace;--v-text-xs:.8125rem;--v-text-sm:.875rem;--v-text-base:1rem;--v-text-lg:1.25rem;--v-text-xl:1.75rem;--v-space-1:4px;--v-space-2:8px;--v-space-3:12px;--v-space-4:16px;--v-space-5:24px;--v-space-6:32px;--v-space-7:48px;--v-radius-sm:6px;--v-radius-md:10px;--v-radius-lg:16px;--v-control-height:44px;--v-control-compact:36px;--v-content-width:1200px}:root,[data-theme=light]{--v-page:#f5f8fa;--v-surface:#fff;--v-surface-soft:#edf3f7;--v-text:#182c3b;--v-muted:#536878;--v-line:#d6e1e8;--v-control-border:#738694;--v-primary:#006fa9;--v-primary-hover:#005986;--v-on-primary:#fff;--v-link:#006b9f;--v-selected:#e2f2fb;--v-on-selected:#00547e;--v-focus:#006fa9;--v-success:#146c43;--v-success-bg:#e6f4eb;--v-warning:#825500;--v-warning-bg:#fff3d6;--v-danger:#ab293b;--v-danger-bg:#ffebee;--v-disabled:#e5eaee;--v-on-disabled:#62727e;--v-shadow:0 12px 32px #17354d0d;--v-overlay:#091e32a6}*{box-sizing:border-box}html,body{min-height:100%}body{font:400 var(--v-text-sm) / 1.55 var(--v-font-body);color:var(--v-text);background:var(--v-page);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--v-focus);outline-offset:3px}a{color:var(--v-link);text-underline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:var(--v-text-xl);letter-spacing:-.025em;line-height:1.2}h2{font-size:var(--v-text-lg);letter-spacing:-.015em;line-height:1.3}h3{font-size:var(--v-text-base);line-height:1.4}small,.v-small{font-size:var(--v-text-xs)}.v-muted{color:var(--v-muted)}.v-mono{font-family:var(--v-font-mono);font-variant-numeric:tabular-nums}.v-button{justify-content:center;align-items:center;gap:var(--v-space-2);min-height:var(--v-control-height);border:1px solid var(--v-control-border);border-radius:var(--v-radius-sm);background:var(--v-surface);color:var(--v-text);padding:9px 16px;font-weight:600;line-height:1.3;text-decoration:none;display:inline-flex}.v-button:hover{background:var(--v-surface-soft)}.v-button--primary{background:var(--v-primary);color:var(--v-on-primary);border-color:var(--v-primary)}.v-button--primary:hover{background:var(--v-primary-hover);border-color:var(--v-primary-hover)}.v-button--quiet{background:0 0;border-color:#0000}.v-button--danger{color:var(--v-danger)}.v-button--compact{min-height:var(--v-control-compact);padding:7px 12px}.v-button:disabled{background:var(--v-disabled);color:var(--v-on-disabled);border-color:var(--v-disabled);cursor:not-allowed}.v-field{gap:var(--v-space-2);font-weight:600;display:grid}.v-field small{color:var(--v-muted);font-weight:400}.v-input{width:100%;min-height:var(--v-control-height);color:var(--v-text);background:var(--v-surface);border:1px solid var(--v-control-border);border-radius:var(--v-radius-sm);padding:10px 12px}.v-input::placeholder{color:var(--v-muted);opacity:1}.v-input[aria-invalid=true]{border-color:var(--v-danger)}.v-field .v-error{color:var(--v-danger)}.v-card{background:var(--v-surface);border:1px solid var(--v-line);border-radius:var(--v-radius-md)}.v-card-body{padding:var(--v-space-5)}.v-stack{gap:var(--v-space-4);grid-template-columns:minmax(0,1fr);display:grid}.v-row{align-items:center;gap:var(--v-space-3);flex-wrap:wrap;display:flex}.v-spread{justify-content:space-between;align-items:center;gap:var(--v-space-4);display:flex}.v-badge{border-radius:var(--v-radius-sm);font-size:var(--v-text-xs);white-space:nowrap;align-items:center;gap:5px;padding:4px 8px;font-weight:600;display:inline-flex}.v-badge--success{color:var(--v-success);background:var(--v-success-bg)}.v-badge--warning{color:var(--v-warning);background:var(--v-warning-bg)}.v-badge--danger{color:var(--v-danger);background:var(--v-danger-bg)}.v-badge--neutral{color:var(--v-muted);background:var(--v-surface-soft)}.v-alert{padding:var(--v-space-4);border-radius:var(--v-radius-sm);gap:var(--v-space-3);border-left:3px solid;align-items:flex-start;display:flex}.v-alert p{margin:0}.v-alert--success{color:var(--v-success);background:var(--v-success-bg)}.v-alert--warning{color:var(--v-warning);background:var(--v-warning-bg)}.v-alert--danger{color:var(--v-danger);background:var(--v-danger-bg)}.v-empty{text-align:center;padding:var(--v-space-7) var(--v-space-5);color:var(--v-muted)}.v-empty h3{color:var(--v-text);margin-bottom:var(--v-space-2)}.v-empty p{margin-bottom:0}.v-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:1s linear infinite v-spin}@keyframes v-spin{to{transform:rotate(360deg)}}.v-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-header{border-bottom:1px solid var(--v-line);background:var(--v-surface);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 28px;display:flex}.app-header-brand{align-items:center;gap:16px;display:flex}.app-header-brand img{display:block}.app-header-user{align-items:center;gap:var(--v-space-3);color:var(--v-muted);display:flex}.app-main{width:100%;min-width:0;max-width:1600px;margin-inline:auto;padding:32px clamp(20px,3vw,48px) 48px}.page-header{margin-bottom:28px}.page-header h1{overflow-wrap:anywhere;margin-bottom:8px}.page-header p{color:var(--v-muted);margin-bottom:0}.device-grid{align-items:start;gap:var(--v-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.device-grid>:only-child{grid-column:1/-1}.device-grid--focused{grid-template-columns:minmax(0,1fr)}.recording-workspace,.device-roster{margin-bottom:var(--v-space-6)}.device-count{margin-left:var(--v-space-2);color:var(--v-muted);font-size:var(--v-text-sm);font-weight:400}.device-list{border:1px solid var(--v-line);border-radius:var(--v-radius-md);background:var(--v-surface)}.device-card{min-width:0}.device-card--compact{border-radius:inherit;border:0}.device-card--compact+.device-card--compact{border-top:1px solid var(--v-line);border-top-left-radius:0;border-top-right-radius:0}.device-card--compact .device-card-body{padding:var(--v-space-3) var(--v-space-5)}.device-card-body{padding:var(--v-space-4) var(--v-space-5);gap:var(--v-space-4);display:grid}.device-card-header{justify-content:space-between;align-items:center;gap:var(--v-space-3);flex-wrap:wrap;display:flex}.device-card-name{overflow-wrap:anywhere;flex:1;min-width:min(160px,100%)}.device-card-title{margin:0 0 var(--v-space-1);font-size:var(--v-text-base);font-weight:650}.device-card-meta{color:var(--v-muted);font-size:var(--v-text-xs)}.device-presence{align-items:center;gap:var(--v-space-2);flex-wrap:wrap;display:flex}.device-last-seen{overflow-wrap:anywhere}.device-card-actions{align-items:center;gap:var(--v-space-2);flex-wrap:wrap;display:flex}.device-controls,.device-statuses{align-items:center;gap:var(--v-space-2);flex-wrap:wrap;max-width:100%;display:flex}.device-controls{gap:var(--v-space-3);margin-left:auto}.device-status{min-height:var(--v-control-compact);padding:var(--v-space-2) var(--v-space-3);gap:var(--v-space-2);line-height:1.3}.device-status--connection{background:0 0}.device-record-action{min-width:160px}.device-record-action.v-button--danger:not(:disabled){border-color:var(--v-danger);background:var(--v-danger-bg)}.device-record-action.v-button--danger:not(:disabled):hover{background:var(--v-surface)}.device-unavailable,.device-card-body>.v-alert{margin:0}.transcription-toolbar,.transcription-actions{align-items:center;gap:var(--v-space-2);flex-wrap:wrap;display:flex}.transcription-toolbar{justify-content:space-between}.transcription-panel{border-top:1px solid var(--v-line);padding:var(--v-space-3) var(--v-space-5) var(--v-space-4);gap:var(--v-space-2);display:grid}.transcription-log{overflow-wrap:anywhere;overscroll-behavior:contain;scrollbar-gutter:stable;height:clamp(360px,48vh,480px);padding:var(--v-space-2) var(--v-space-3) var(--v-space-6) 0;font-size:var(--v-text-base);line-height:1.45;overflow-y:auto}.transcription-log>p{max-width:85ch;margin:0 0 var(--v-space-4)}.transcription-log>.transcription-segment{align-items:baseline;column-gap:var(--v-space-3);margin-bottom:var(--v-space-2);grid-template-columns:8ch minmax(0,1fr);display:grid}.transcription-time{font-family:var(--v-font-mono);font-variant-numeric:tabular-nums;font-size:var(--v-text-xs);color:var(--v-muted);white-space:nowrap;font-style:normal}.transcription-text{white-space:pre-wrap;min-width:0}.device-card--focused .transcription-log{height:clamp(400px,65vh,720px)}.transcription-viewport{min-width:0;position:relative}.transcription-follow{bottom:var(--v-space-2);right:var(--v-space-4);position:absolute}.transcription-segment--interim{color:var(--v-muted);font-style:italic}.transcription-error{color:var(--v-danger)}.history-list{gap:var(--v-space-3);display:grid}.history-item{justify-content:space-between;align-items:center;gap:var(--v-space-3);padding:var(--v-space-4) var(--v-space-5);flex-wrap:wrap;display:flex}.login-page{min-height:100dvh;padding:var(--v-space-5);place-items:center;display:grid}.login-scene{grid-template-columns:1fr 1fr;width:min(960px,100%);min-height:610px;display:grid;overflow:hidden}.login-story{background:var(--v-selected);color:var(--v-on-selected);flex-direction:column;justify-content:space-between;padding:48px 40px;display:flex}.login-story .v-mark{display:none}.login-story h2{max-width:390px;font-size:clamp(24px,3vw,40px);line-height:1.2}.login-story p{max-width:340px}.story-graphic{width:100%;height:130px;color:var(--v-on-selected);margin:30px 0}.story-graphic--wave{align-items:center;gap:8px;display:flex}.story-graphic--wave span{opacity:.28;background:currentColor;border-radius:4px;flex:1}.story-graphic--wave span:nth-child(3n){opacity:.65}.story-graphic--dialog{flex-direction:column;justify-content:center;gap:12px;display:flex}.story-graphic--dialog i{opacity:.28;background:currentColor;border-radius:8px;height:16px;display:block}.story-graphic--dialog .dlg-u{align-self:flex-end}.story-graphic--dialog .dlg-a{opacity:.65;align-self:flex-start}.story-graphic--bars{align-items:end;gap:8px;display:flex}.story-graphic--bars span{opacity:.28;background:currentColor;border-radius:4px 4px 0 0;flex:1}.story-graphic--bars span:nth-child(3n){opacity:.65}.login-form{align-self:center;padding:48px 40px}.login-form h2{font-size:var(--v-text-xl);margin-bottom:8px}.login-form>p{color:var(--v-muted);margin-bottom:28px}.login-form .v-button{width:100%}@media (max-width:1000px){.device-grid{grid-template-columns:minmax(0,1fr)}.login-scene{grid-template-columns:1fr}.login-story--compact{align-items:baseline;gap:var(--v-space-3);flex-direction:row;padding:16px 24px}.login-story--compact>.v-wordmark,.login-story--compact>.story-graphic,.login-story--compact>small{display:none}.login-story--compact>.v-mark{flex:none;align-self:center;width:32px;height:32px;display:block}.login-story--compact>div{align-items:baseline;column-gap:var(--v-space-2);flex-flow:wrap;row-gap:2px;min-width:0;display:flex}.login-story--compact h2{font-size:var(--v-text-base);max-width:none;margin:0;line-height:1.3}.login-story--compact p{font-size:var(--v-text-xs);max-width:none;margin:0;line-height:1.4}}@media (max-width:760px){.app-header{flex-wrap:wrap;padding:12px 16px}.app-header-brand,.app-header-user{overflow-wrap:anywhere;flex-wrap:wrap;min-width:0}.app-main{padding:24px 16px}.device-card-body,.device-card--compact .device-card-body,.transcription-panel{padding:var(--v-space-4)}.transcription-log{height:360px}.device-controls{justify-content:space-between;width:100%;margin-left:0}.device-record-action,.device-status{min-height:var(--v-control-height)}.device-card-actions{width:100%}.device-card-actions>.v-button{flex:1}.transcription-log>.transcription-segment{column-gap:var(--v-space-2);grid-template-columns:7ch minmax(0,1fr)}.login-form{padding:32px 24px}.login-scene{min-height:0}.login-story--compact{padding:12px 16px}.login-story--compact>.v-mark{width:28px;height:28px}.v-spread{flex-wrap:wrap}.v-card-body{padding:var(--v-space-4)}}@media (prefers-reduced-motion:reduce){.v-spinner{animation:none}}