:root{--ui-canvas: oklch(.975 .008 85);--ui-surface: oklch(.995 .003 85);--ui-ink: oklch(.24 .025 255);--ui-muted: oklch(.53 .025 255);--ui-border: oklch(.89 .018 85);--ui-action: oklch(.48 .13 190);--ui-danger: oklch(.55 .2 28);--ui-radius-sm: .5rem;--ui-radius-md: .75rem;--ui-radius-lg: 1.125rem;--ui-shadow-float: 0 1px 2px rgb(26 35 45 / 6%), 0 12px 32px rgb(26 35 45 / 8%);--ui-page-gutter: clamp(1rem, 3vw, 2.5rem)}*,*:before,*:after{box-sizing:border-box}html{overflow-wrap:break-word}body{margin:0;background:var(--ui-canvas);color:var(--ui-ink)}.ui-shell{width:min(100%,90rem);margin-inline:auto;padding-inline:var(--ui-page-gutter)}.ui-shrink{min-width:0}.ui-fluid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.ui-break-anywhere{overflow-wrap:anywhere}@media(pointer:coarse){button,[role=button],input,select,textarea{min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#21352f;background:#f5f6f2;font-synthesis:none;font-size:16px;line-height:1.5;--accent:#185d58;--border:#dfe5dd;--muted:#67756e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #559dce;outline-offset:4px}svg{width:20px;height:20px;flex-shrink:0}a,button{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.85rem,3vw,2.6rem);letter-spacing:-.045em;line-height:1.15;margin-bottom:12px;font-weight:600}h2{font-size:1.35rem;letter-spacing:-.025em;margin-bottom:0}h3{font-size:1rem;margin-bottom:0}.topbar{height:82px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1320px)/2));background:#fafbf8;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:650;font-size:1.15rem;letter-spacing:-.025em;text-decoration:none;white-space:nowrap}.brand-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;width:34px;height:34px;border-radius:10px}.brand-icon svg{width:23px;height:23px}.pilot{font-size:.61rem;letter-spacing:.1em;font-weight:600;border:1px solid #d1dbd3;border-radius:5px;padding:3px 5px;color:var(--muted);margin-left:3px}.top-actions{display:flex;align-items:center;gap:20px}.local-label{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:7px}.local-label svg{width:15px}.icon-button{background:none;border:1px solid transparent;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}.icon-button:hover{background:#e9eee7}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 15px;border-radius:9px;font-weight:550;font-size:.88rem;white-space:nowrap}.secondary{background:#fff;border:1px solid var(--border)}.secondary:hover{border-color:#a6bab0;background:#fafcf9}.primary{background:var(--accent);border:1px solid var(--accent);color:#fff}.primary:hover{background:#134943}.danger{background:#a32d32;color:#fff;border:1px solid #a32d32}main{max-width:1320px;padding:52px 24px 24px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:35px}.eyebrow{font-size:.66rem;font-weight:650;letter-spacing:.14em;color:var(--muted);margin-bottom:12px}.intro{color:var(--muted);font-size:.95rem;margin:0}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}.recorder-panel,.transcript-panel{background:#fff;border:1px solid var(--border);border-radius:16px;min-width:0}.recorder-panel{padding:24px;position:sticky;top:20px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.panel-title .eyebrow{margin:0}.state{font-size:.7rem;color:var(--muted);display:inline-flex;gap:6px;align-items:center}.state:before{content:"";width:6px;height:6px;border-radius:50%;background:#91a291}.state.live{color:#a32d32}.state.live:before{background:#ce474c}.field-label{font-size:.77rem;display:block;font-weight:550;margin:16px 0 7px}.muted{color:var(--muted);font-weight:400}input,select{border:1px solid #d9e1d9;border-radius:8px;background:#fafbf9;color:#21352f;font-size:1rem;min-height:44px;max-width:100%}input{width:100%;padding:10px 12px}input::placeholder{color:#8a958e;font-size:.86rem}.record-stage{text-align:center;padding-top:32px}.record-button{width:118px;height:118px;border-radius:50%;background:var(--accent);color:#fff;border:8px solid #eef3ed;box-shadow:0 0 0 1px #dce6dc;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;transition:background .15s,transform .15s}.record-button:hover{background:#124b46;transform:scale(1.025)}.record-button svg{width:38px;height:38px;stroke-width:1.5}.record-button.is-recording{background:#b43840;border-color:#faeeee;box-shadow:0 0 0 1px #eed4d5}.record-button.is-recording svg{width:30px;height:30px;fill:#fff}#record-label{font-size:.82rem;margin-bottom:9px;color:#52655c}.timer{font-size:2rem;letter-spacing:-.03em;font-weight:500;font-variant-numeric:tabular-nums}.meter{height:4px;border-radius:6px;width:132px;margin:14px auto 10px;background:#edf0ea;overflow:hidden}.meter div{height:100%;width:0;background:#4b9380;transition:width .18s}#bytes{font-size:.67rem;min-height:34px;margin-bottom:16px}.caption{font-size:.72rem;line-height:1.6;color:var(--muted);margin-bottom:0}.chunk-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8rem}.chunk-row select{font-size:.86rem;padding:6px 9px}.foreground-note{margin-top:12px}.divider{height:1px;background:var(--border);margin:22px 0 18px}.pipeline{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:.72rem;color:var(--muted)}.pipeline strong{font-weight:500;color:#3c5147}.privacy{margin-top:15px;font-size:.67rem}.transcript-panel{padding:28px;min-height:700px}.feed-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.feed-heading .eyebrow{margin-bottom:7px}.feed-actions{display:flex;align-items:center;gap:6px}.legend{display:flex;flex-wrap:wrap;gap:8px 22px;padding-top:23px;font-size:.7rem;color:var(--muted)}.legend>span{display:flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.blue{background:#c4dffa}.red{background:#f4cdd0}.legend-note{margin-top:8px;font-size:.67rem}.queue{margin:22px 0 0;padding:10px 0;border-top:1px solid var(--border);font-size:.72rem;color:var(--muted)}.empty{text-align:center;margin:92px auto;max-width:320px;padding:0 8px}.empty-icon{width:60px;height:60px;border-radius:18px;background:#f0f4ed;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;color:#7e9b87}.empty-icon svg{width:30px;height:30px}.empty h3{font-size:1.1rem;letter-spacing:-.02em;font-weight:550;margin-bottom:10px}.empty p{font-size:.84rem;color:var(--muted);line-height:1.7;margin-bottom:22px}.empty span{font-size:.65rem;color:#829088}.clip{border-top:1px solid var(--border);padding:22px 0;overflow-wrap:anywhere}.clip:last-child{padding-bottom:0}.clip-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.clip-number{border:1px solid var(--border);color:#698071;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:.75rem;font-variant-numeric:tabular-nums;flex-shrink:0}.clip h3{font-size:.83rem;font-weight:600}.clip h3 span{font-size:.7rem;font-weight:400;color:var(--muted);margin-left:8px}.clip-status{font-size:.66rem;color:var(--muted);margin:3px 0 0}.clip-duration{margin-left:auto;font-size:.7rem;color:var(--muted)}audio{width:100%;height:38px;margin-bottom:14px}.transcript{font-size:.97rem;line-height:1.9;margin-bottom:10px;white-space:pre-wrap}.annotation{display:inline;font:inherit;border:0;padding:1px 3px;margin:0 -1px;border-radius:4px;text-align:left;white-space:pre-wrap}.annotation.correction{background:#e0efff;color:#204f80;text-decoration:underline;text-decoration-color:#9fc8f0;text-underline-offset:4px}.annotation.context{background:#fde8ea;color:#8e343a;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.clip-summary{font-size:.78rem;color:#54685b;margin-top:12px}.clip-summary summary{display:flex;align-items:center;gap:6px;min-height:44px;cursor:pointer;font-weight:550}.clip-summary svg{width:14px}.clip-summary p{background:#f6f8f3;padding:12px;border-radius:8px;font-size:.82rem;font-weight:400}.timing{font-size:.62rem;color:#849189;margin:13px 0 0}.device-history{margin-top:22px;border-top:1px solid var(--border);padding-top:8px}.device-history>summary{font-size:.72rem;min-height:44px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.device-history svg{width:14px}.session-item{display:flex;flex-direction:column;gap:3px;text-align:left;min-height:55px;width:100%;border:0;background:none;border-radius:8px;padding:9px}.session-item strong{font-size:.75rem;font-weight:500;overflow-wrap:anywhere}.session-item span{font-size:.65rem;color:var(--muted)}.session-item:hover,.session-item.selected{background:#eff4ed}.text-button{border:0;background:none;color:var(--accent);display:inline-flex;align-items:center;gap:6px;font-size:.76rem;min-height:44px;padding:6px 0}.text-button svg{width:15px}.notice{border:1px solid #e2c07c;background:#fff6e4;border-radius:10px;font-size:.85rem;padding:15px 18px;margin-bottom:22px;overflow-wrap:anywhere}.notice[hidden]{display:none}.error-text{color:#a2333c}.clip-error{background:#fff4ee;border-radius:8px;padding:10px 12px;font-size:.76rem;margin-top:12px}.clip-error p{margin-bottom:0}footer{display:flex;justify-content:space-between;gap:16px;color:#849087;font-size:.66rem;margin-top:25px}dialog{border:1px solid var(--border);border-radius:18px;padding:32px;max-width:440px;width:calc(100% - 32px);color:inherit;box-shadow:0 20px 80px #172d2333}dialog::backdrop{background:#213a2f55;backdrop-filter:blur(4px)}dialog .brand-icon{margin-bottom:26px;width:44px;height:44px}dialog h2{font-size:1.6rem;line-height:1.25;margin-bottom:16px}dialog p{font-size:.88rem;color:var(--muted)}dialog .eyebrow{font-size:.66rem;margin-bottom:8px}dialog .primary{width:100%;margin:10px 0 16px}dialog input{background:#fff}dialog .caption{font-size:.7rem}#login-error{font-size:.8rem;margin:10px 0 0;min-height:8px;color:#a2333c}blockquote{font-size:1rem;line-height:1.7;margin:20px 0;padding:14px;border-left:3px solid #abc4b7;background:#f3f6ef;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.detail-content p{overflow-wrap:anywhere}@media(max-width:1000px){.workspace{grid-template-columns:300px minmax(0,1fr);gap:18px}.recorder-panel{padding:20px}.transcript-panel{padding:22px}.topbar{padding:0 24px}.feed-actions .button{font-size:0;gap:0;padding:9px 12px}.feed-actions .button svg{width:19px}.clip h3 span{display:block;margin-left:0}}@media(max-width:720px){.topbar{height:68px;padding:0 18px}.local-label{display:none}.top-actions{gap:0}main{padding:32px 16px 20px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:24px}.page-heading>.button{font-size:0;padding:10px;gap:0}.page-heading>.button svg{width:20px}.page-heading .eyebrow{font-size:.58rem;letter-spacing:.11em}.intro{font-size:.86rem}.workspace{grid-template-columns:1fr;gap:18px}.recorder-panel{position:static;padding:22px}.record-stage{padding-top:26px}.recorder-panel .record-button{width:126px;height:126px}.transcript-panel{padding:22px 18px;min-height:440px}.record-stage #bytes{min-height:0;margin-bottom:24px}.pipeline{grid-template-columns:auto 1fr auto 1fr;gap:8px}.pipeline strong{text-align:right}.privacy{font-size:.68rem}.empty{margin:58px auto}.legend{gap:8px 15px}.legend-note{font-size:.68rem}footer{flex-direction:column;gap:7px;margin-top:20px}.feed-heading h2{font-size:1.2rem}dialog{padding:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.session-settings>summary,.privacy-details>summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--muted);cursor:pointer}.session-settings svg,.privacy-details svg{width:14px}.session-settings[open]{padding-bottom:12px}.privacy-details{border-top:1px solid var(--border);margin-top:20px;padding-top:5px}.privacy-details .pipeline,.device-history{margin-top:8px}.record-stage{padding-top:20px}.panel-title{margin-bottom:5px}.page-heading{margin-bottom:30px}.page-heading h1{margin-bottom:9px}.chunk-row select{font-size:1rem}