@layer reset,base,components,responsive;
@layer reset{*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button,select{touch-action:manipulation}[hidden]{display:none!important}svg{flex-shrink:0}button svg{pointer-events:none}}
@layer base{
:root{--bg:#faf9fc;--surface:#fff;--soft:#f4f2f7;--text:#25212c;--muted:#706879;--line:#e8e4ed;--accent:#7055a5;--accent-soft:#f1ecfa;--on-accent:#fff;--live:#438469;--warning:#956c25;--warning-soft:#fff7e9;--shadow:0 12px 50px #21153112;--reading-size:22px;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px}
:root[data-theme=dark]{--bg:#151319;--surface:#1c1921;--soft:#25212c;--text:#efeaf5;--muted:#b1a7bc;--line:#342d3e;--accent:#c4a9f1;--accent-soft:#31243f;--on-accent:#20172c;--live:#7cc4a5;--warning:#dfbb76;--warning-soft:#352c1e;--shadow:0 12px 50px #0003;color-scheme:dark}
body{background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}button{border:0;background:transparent;color:inherit}input,textarea,select{color:var(--text);background:var(--surface)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3{font-weight:600;letter-spacing:-.035em}::selection{background:var(--accent-soft)}.icon{width:20px;height:20px}.muted{color:var(--muted)}.small{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.loading-screen{min-height:100dvh;display:grid;align-content:center;justify-content:center;gap:14px;text-align:center;color:var(--muted)}.loader{width:25px;height:25px;justify-self:center;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
}
@layer components{
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brandmark{width:34px;height:34px;border-radius:11px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center}.brandmark .icon{width:21px;height:21px}.brand-name{font-weight:650;font-size:17px;letter-spacing:-.035em}.brand-sep{width:1px;height:17px;background:var(--line);margin:0 1px}.brand-product{font-size:15px;font-weight:400;letter-spacing:-.01em;color:var(--muted)}.app-header{height:76px;flex:none;background:var(--surface);border-bottom:1px solid var(--line);padding:0 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.header-actions{display:flex;align-items:center;gap:7px;min-width:0}.icon-button{height:38px;min-width:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.icon-button:hover,.icon-button[aria-pressed=true]{background:var(--soft)}.control-sep{height:22px;width:1px;background:var(--line);margin:0 8px}.size-controls{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden}.size-controls button{width:36px;height:35px;font-size:13px;font-weight:600}.size-controls button:hover{background:var(--soft)}.size-controls button+button{border-left:1px solid var(--line);font-size:17px}.lang-select{display:flex;align-items:center;gap:7px;padding-left:7px;color:var(--muted)}.lang-select select{border:none;background:transparent;font-size:13px;font-weight:550;padding:8px 4px;max-width:128px;color:var(--text)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:40px;border-radius:10px;padding:10px 15px;border:1px solid var(--line);font-weight:550;font-size:13px;background:var(--surface)}.btn:hover{background:var(--soft)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover{filter:brightness(.95)}.btn.danger{color:#be565e}.btn.small{min-height:32px;padding:6px 10px;font-size:12px}.btn .icon{width:17px;height:17px}.text-button{font-size:12px;color:var(--muted);padding:5px 0;display:inline-flex;align-items:center;gap:5px}.text-button:hover{color:var(--accent)}.text-button .icon{width:14px;height:14px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.15em;font-weight:650;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:550;padding:5px 9px;border:1px solid var(--line);border-radius:20px;white-space:nowrap}.dot{width:6px;height:6px;background:var(--muted);border-radius:50%;display:inline-block}.pill.live{color:var(--live)}.pill.live .dot{background:var(--live)}.pill.live.is-connected .dot{animation:live-pulse 2.4s ease-in-out infinite}@keyframes live-pulse{0%,100%{opacity:1}50%{opacity:.45}}.pill.demo{color:var(--accent);background:var(--accent-soft);border-color:transparent}.room-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.meeting-strip{padding:26px 36px 21px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;max-width:1536px;width:100%;margin:auto}.meeting-title{font-size:25px;line-height:1.25;overflow-wrap:anywhere;margin-bottom:0}.room-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.room-toolbar .text-button{font-size:12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;min-height:0;flex:1;width:100%;max-width:1536px;margin:0 auto;padding:0 36px 20px}.workspace.no-notes{grid-template-columns:1fr;max-width:1160px}.conversation{min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.conversation-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 24px;border-bottom:1px solid var(--line);flex:none}.conversation-top h2{font-size:14px;letter-spacing:-.015em;font-weight:550}.conversation-tools{display:flex;align-items:center;gap:12px}.current-topic{flex:none;padding:12px 24px;border-bottom:1px solid var(--line);color:var(--muted)}.topic-label{display:block;font-size:10px;font-weight:550;letter-spacing:.025em;margin-bottom:4px}.current-topic p{font-size:13px;line-height:1.5;overflow-wrap:anywhere;max-height:3em;overflow-y:auto;scrollbar-width:thin}.timeline{padding:12px 28px 28px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;min-height:0}.segment{padding:23px 0 19px;position:relative;border-bottom:1px solid var(--line);scroll-margin-top:16px}.segment:last-of-type{border-bottom:none}.segment-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;margin-bottom:11px;color:var(--muted)}.avatar{width:27px;height:27px;background:var(--soft);border-radius:8px;display:grid;place-items:center;font-size:10px;color:var(--accent);font-weight:650}.speaker{font-weight:600;color:var(--text)}.speaker-basis{color:var(--muted);font-size:10px;font-weight:400;margin-left:3px}.direction{font-size:10px;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px}.direction .icon{width:12px;height:12px}.segment-head time{margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums}.translation{font-size:var(--reading-size);line-height:1.58;letter-spacing:-.022em;white-space:pre-wrap;overflow-wrap:anywhere;font-weight:400}.translation.secondary{padding-top:12px;margin-top:12px;border-top:1px dashed var(--line);color:var(--muted)}.segment-foot{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:9px;min-height:23px}.original-text{font-size:15px;line-height:1.65;color:var(--muted);margin-top:9px;white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 13px;border-left:2px solid var(--line);background:var(--soft);border-radius:0 6px 6px 0}.caution{display:flex;align-items:flex-start;gap:7px;margin-top:10px;font-size:12px;color:var(--warning);line-height:1.5}.caution .icon{width:14px;height:14px;margin-top:2px}.segment.highlight{animation:highlight 2s ease-out}@keyframes highlight{from{background:var(--accent-soft)}to{background:transparent}}.segment.pending .translation{font-size:16px;color:var(--muted)}.live-activity{display:flex;align-items:center;gap:8px;flex:none;padding:10px 24px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.live-activity .dot{background:var(--accent);animation:live-pulse 2.4s ease-in-out infinite}.capture-issue{display:flex;gap:10px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.capture-issue>.icon{flex:none;color:var(--warning)}.capture-issue summary{cursor:pointer;font-size:12px;margin-top:8px}.conversation-footer{display:flex;align-items:center;gap:8px;padding:12px 23px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);background:var(--surface);flex:none}.conversation-footer .icon{width:13px;height:13px}.jump-live{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--on-accent);border:0;box-shadow:var(--shadow);z-index:2;border-radius:30px}.empty-state{height:100%;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;padding:32px;color:var(--muted)}.empty-state h3{font-size:20px;color:var(--text)}.empty-state p{font-size:13px;max-width:320px;line-height:1.75}.empty-symbol{width:64px;height:64px;background:var(--accent-soft);color:var(--accent);border-radius:22px;display:grid;place-items:center;margin-bottom:6px}.empty-symbol .icon{width:30px;height:30px}.insights{min-width:0;min-height:0;overflow-y:auto;scrollbar-width:thin;padding:2px 2px 16px}.insights-heading{display:flex;align-items:center;justify-content:space-between;margin:4px 0 18px}.insights-heading h2{display:flex;align-items:center;gap:8px;font-size:15px;letter-spacing:-.015em;font-weight:550}.insights-heading h2 .icon{color:var(--accent);width:17px;height:17px}.notes-group{margin-bottom:24px}.notes-group-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin-bottom:12px}.notes-group-title .icon{width:15px;height:15px;color:var(--muted)}.note{padding:0 0 14px;margin-bottom:13px;border-bottom:1px solid var(--line)}.note:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.note p{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.note-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:7px;flex-wrap:wrap}.note-state{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:4px}.note-state.confirmed{color:var(--live)}.note-state .icon{width:11px;height:11px}.evidence-links{margin-left:auto;display:flex;gap:6px}.evidence-link{font-size:10px;color:var(--accent);border-bottom:1px solid var(--line)}.note-review{display:flex;gap:8px;margin-top:9px}.note-review button{font-size:10px;color:var(--accent);padding:2px 0}.notes-updated{font-size:10px;color:var(--muted);margin-top:18px}.banner{background:var(--warning-soft);color:var(--warning);font-size:12px;padding:10px 36px;display:flex;align-items:center;gap:8px;flex:none}.banner .icon{width:15px;height:15px}.banner.demo-banner{background:var(--accent-soft);color:var(--accent);padding-top:7px;padding-bottom:7px;justify-content:center;font-size:11px}.mobile-tabs{display:none}.host-usage{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.landing{max-width:1100px;margin:0 auto;padding:11vh 32px 50px}.landing h1{font-size:clamp(42px,6vw,70px);line-height:1.08;max-width:730px;margin:21px 0;letter-spacing:-.065em}.landing h1 span{color:var(--accent)}.landing>p{font-size:17px;max-width:520px;line-height:1.8;color:var(--muted)}.landing-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.landing .footer-note{margin-top:70px;font-size:12px;display:flex;gap:7px;align-items:center}.login-wrap{max-width:400px;margin:10vh auto;padding:24px}.login-wrap h1{font-size:30px;margin:22px 0 8px}.login-wrap>p{color:var(--muted);font-size:13px;margin-bottom:24px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field label{font-size:12px;font-weight:550}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;outline-offset:3px;font-size:13px}.field textarea{resize:vertical;line-height:1.65;min-height:100px}.field .hint{font-size:11px;color:var(--muted);line-height:1.6}.checkbox-row{display:flex;gap:9px;font-size:13px;align-items:center;margin-bottom:22px}.checkbox-row input{accent-color:var(--accent)}.form-error{color:var(--warning);font-size:12px;min-height:18px;margin-bottom:8px}.full{width:100%}.host-dashboard{max-width:1120px;margin:auto;padding:36px}.dashboard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.dashboard-head h1{font-size:30px;margin-bottom:6px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:32px}.host-card{background:var(--surface);border:1px solid var(--line);padding:26px;border-radius:15px}.host-card h2{font-size:18px;margin-bottom:22px}.room-list{display:flex;flex-direction:column;gap:12px}.room-list-item{padding:18px;border:1px solid var(--line);background:var(--surface);border-radius:12px;display:block;transition:background .15s}.room-list-item:hover{background:var(--soft)}.room-list-item h3{font-size:15px;margin-bottom:6px}.room-list-item .small{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.setup-note{padding:16px;border-radius:10px;background:var(--soft);font-size:12px;color:var(--muted);line-height:1.75;margin-top:20px}.host-card details>summary{font-size:12px;color:var(--muted);cursor:pointer;margin-bottom:16px}.host-card details .field{margin-top:15px}.modal{width:min(580px,calc(100vw - 32px));border:none;background:var(--surface);color:var(--text);border-radius:18px;padding:28px;box-shadow:var(--shadow);max-height:90dvh;overflow:auto}.modal::backdrop{background:#14101e80;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.modal h2{font-size:24px}.modal>p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:18px}.modal-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}.copy-field{display:flex;gap:8px}.copy-field input{flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:11px}.capture-code{font-family:ui-monospace,monospace;letter-spacing:.12em;font-size:19px;padding:16px;background:var(--soft);border-radius:9px;overflow-wrap:anywhere;user-select:all;margin-bottom:12px}.subheading{font-size:15px;margin:26px 0 10px;font-weight:600}.divider{border:0;border-top:1px solid var(--line);margin:25px 0}.modal .danger-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.download-row{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.price-note{font-size:12px;color:var(--muted);line-height:1.7}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);max-width:calc(100vw - 32px);padding:12px 20px;border-radius:12px;background:var(--text);color:var(--surface);font-size:12px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:20;box-shadow:var(--shadow)}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.error-panel{max-width:500px;margin:10vh auto;padding:32px;text-align:center}.error-panel h1{font-size:26px;margin:20px 0 12px}.error-panel p{color:var(--muted);line-height:1.8;margin-bottom:24px}.show-older{margin:8px auto;display:flex}.status-reading{display:inline-flex;gap:3px;align-items:center;height:14px}.status-reading i{width:2px;height:5px;border-radius:2px;background:var(--accent);animation:wave 1s ease-in-out infinite}.status-reading i:nth-child(2){animation-delay:.2s}.status-reading i:nth-child(3){animation-delay:.4s}@keyframes wave{50%{height:13px}}.review-original{padding:12px;background:var(--soft);border-radius:8px;font-size:13px;color:var(--muted);white-space:pre-wrap;margin-bottom:18px}.note-empty{border:1px dashed var(--line);border-radius:12px;padding:24px 18px;color:var(--muted);font-size:12px;line-height:1.8}.host-tools{display:flex;gap:8px;align-items:center}.button-label{font-size:12px}.skeleton-line{height:14px;background:var(--soft);border-radius:4px;width:65%;margin-top:10px}
}
@layer responsive{
@media(min-width:1600px){.meeting-strip{padding-top:30px}.workspace{padding-bottom:30px}}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 285px;padding-inline:22px;gap:18px}.meeting-strip{padding-inline:22px}.app-header{padding-inline:22px}.timeline{padding-inline:23px}.brand-product{display:none}.brand-sep{display:none}.conversation-top{padding-inline:20px}.current-topic{padding-inline:20px}}
@media(max-width:880px){.workspace{grid-template-columns:1fr;padding-bottom:15px}.insights{display:none;padding:10px 18px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.workspace.mobile-notes .conversation{display:none}.workspace.mobile-notes .insights{display:block!important}.mobile-tabs{display:flex;gap:4px;margin:0 22px 14px;align-self:flex-start;background:var(--soft);border-radius:10px;padding:3px;flex:none}.mobile-tabs button{font-size:12px;padding:7px 13px;border-radius:8px;display:flex;align-items:center;gap:6px;color:var(--muted)}.mobile-tabs button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #00000007}.mobile-tabs .icon{width:14px;height:14px}.meeting-strip{padding-block:20px 15px}.meeting-title{font-size:23px}.desktop-notes-toggle{display:none}.insights-heading{margin-top:10px}.host-dashboard{padding:26px}.dashboard-grid{grid-template-columns:1fr}.room-toolbar{max-width:220px}}
@media(max-width:600px){.app-header{height:auto;min-height:70px;padding:14px 16px;gap:12px;flex-wrap:wrap}.brand-name{font-size:16px}.brandmark{width:30px;height:30px;border-radius:10px}.header-actions{gap:2px}.control-sep{margin-inline:4px}.lang-select{padding:0;gap:4px}.lang-select .icon{width:16px;height:16px}.lang-select select{font-size:12px;max-width:105px;padding:8px 2px}.icon-button{min-width:33px;height:35px}.icon-button .icon{width:18px;height:18px}.size-controls button{width:29px;height:32px}.popout-button{display:none}.meeting-strip{padding:20px 18px 14px;align-items:flex-start}.meeting-title{font-size:21px;margin-bottom:0}.room-toolbar .host-usage{display:none}.room-toolbar{max-width:90px}.room-toolbar .pill{font-size:10px}.room-toolbar .btn{padding:6px 9px;font-size:11px;min-height:32px}.workspace,.workspace.no-notes{padding:0 12px 12px;gap:0}.conversation{border-radius:13px}.conversation-top{padding:13px 17px}.current-topic{padding:10px 17px}.conversation-top h2{font-size:13px}.timeline{padding:7px 19px 23px}.segment{padding:21px 0 17px}.translation{font-size:calc(var(--reading-size) - 2px);line-height:1.62}.segment-head{gap:8px;margin-bottom:9px}.speaker-basis{display:none}.direction{font-size:9px}.segment-head time{font-size:9px}.avatar{width:25px;height:25px}.original-text{font-size:13px}.conversation-footer{font-size:9px;padding:11px 16px}.mobile-tabs{margin:0 18px 13px}.banner{padding:10px 18px;font-size:11px}.insights{padding:14px 20px}.landing{padding:9vh 24px 35px}.landing h1{font-size:43px}.landing>p{font-size:15px}.landing-actions .btn{font-size:12px}.login-wrap{margin-top:5vh}.host-dashboard{padding:22px 16px}.host-card{padding:21px}.dashboard-head h1{font-size:25px}.dashboard-head{align-items:flex-start}.modal{padding:22px}.modal h2{font-size:21px}.meeting-strip .host-tools{flex-direction:column}.note p{font-size:14px}.brand-product{display:none}}
@media(max-width:390px){.app-header{gap:10px;padding:11px 14px}.header-actions{width:100%;justify-content:flex-end;border-top:1px solid var(--line);padding-top:8px}.brand-product{display:inline}.brand-sep{display:inline}.meeting-title{font-size:20px}.meeting-strip{padding-top:16px}.room-toolbar{max-width:82px}.conversation-tools{gap:5px}.timeline{padding-inline:16px}.lang-select select{max-width:120px}.speaker{max-width:150px;overflow-wrap:anywhere}.direction{margin-left:auto}.segment-head time{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}