@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#101d2b;--panel:#172638;--line:#304153;--text:#f3f6f8;--muted:#a9b9c8;--green:#b8efaa;--cue:#c6f2b7;--ink:#142c25;font-family:'DM Sans',sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,textarea,select{font:inherit}button,select{cursor:pointer}button:disabled{opacity:.4;cursor:default}button,a,textarea,select{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b8efaa;outline-offset:4px}button{border:0}a{color:inherit}.shell{max-width:1320px;margin:auto;padding:0 52px}header{display:flex;align-items:center;gap:20px;min-height:100px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;text-decoration:none;font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-1.1px;font-weight:750}.brand-mark{position:relative;border:1px solid #6d897d;width:37px;height:39px;display:grid;place-items:center;font-size:25px;margin-right:12px;border-radius:9px;color:var(--green);font-weight:500}.brand-mark span{position:absolute;right:4px;bottom:1px;font-size:23px}.brand-cue{font-weight:400;color:var(--green)}.byline,.silent-label{font-size:12px;letter-spacing:1.4px;color:var(--muted)}.byline{border-left:1px solid var(--line);padding-left:20px}.silent-label{margin-left:auto;letter-spacing:.3px}.intro{margin:48px 0 32px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.9px}.intro .eyebrow{color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font:600 clamp(1.8rem,3.3vw,2.65rem)/1.2 Manrope,sans-serif;letter-spacing:-1.4px;margin:14px 0 12px}.intro p{color:var(--muted);margin:0}.workspace{display:grid;grid-template-columns:minmax(290px,.75fr) minmax(0,1.5fr);gap:22px;align-items:stretch}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px}.setup>.eyebrow{color:var(--muted)}.setup h2{font:600 1.3rem Manrope,sans-serif;margin:26px 0}.setup label{display:block;font-size:14px;color:var(--muted);margin:22px 0 9px}select,textarea{width:100%;background:#101d2b;border:1px solid #405165;border-radius:9px;color:var(--text);padding:14px}select{min-height:52px}textarea{resize:vertical;min-height:94px;line-height:1.5}.muted{color:var(--muted);font-size:14px;line-height:1.6}.setup .muted{margin:18px 0 26px}.primary,.secondary,.danger,.ghost{min-height:48px;border-radius:9px;padding:12px 18px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:12px}.primary{background:var(--green);color:var(--ink)}.primary:hover{background:#d0ffc4}.setup .primary{width:100%;justify-content:space-between}.primary span{font-size:22px}.secondary{background:#26394b;color:var(--text);border:1px solid #41576a}.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.danger{background:#362933;color:#ffb8b2;border:1px solid #65444b}.cue{position:relative;display:flex;flex-direction:column;min-height:450px;background:var(--cue);color:var(--ink);border-radius:18px;padding:35px 40px;overflow:hidden}.cue-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.cue-status{font-size:11px;letter-spacing:1px;border:1px solid #8bbb85;border-radius:30px;padding:8px 11px}.cue h2{font:650 clamp(2.2rem,4vw,3.65rem)/1.12 Manrope,sans-serif;letter-spacing:-1.8px;max-width:720px;margin:48px 0 22px}.cue p{font-size:17px;line-height:1.65;max-width:500px;color:#355341}.cue-bottom{margin-top:auto;padding-top:28px;display:flex;justify-content:space-between;border-top:1px solid #a1cb96;font-size:12px;letter-spacing:1.4px}.method{padding:30px 0 24px;color:var(--muted)}.method>span{font-size:11px;letter-spacing:1.5px}.method p{font-size:14px;margin:12px 0}.method b{font-weight:400;color:#718b9e;margin:0 11px}footer{border-top:1px solid var(--line);margin:20px 0 0;padding:24px 0 30px;display:flex;justify-content:space-between;color:#91a5b6;font-size:12px}footer span:last-child{letter-spacing:1.5px}.callbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:30px 0 22px}.callbar h1{font-size:24px;letter-spacing:-.6px;margin:0 0 5px}.call-meta{color:var(--muted);font-size:14px}.call-meta strong{color:var(--green);font-weight:500}.call-actions{display:flex;gap:10px;align-items:center}.timer{font-variant-numeric:tabular-nums;color:var(--muted);margin-right:8px}.active-workspace{grid-template-columns:minmax(0,1.5fr) minmax(310px,.8fr)}.active-workspace .cue{min-height:470px}.transcript{display:flex;flex-direction:column;min-width:0;padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-head h2{font-size:17px;font-weight:600;margin:0}.panel-head span{font-size:12px;color:var(--muted)}.entries{height:210px;overflow-y:auto;margin:20px 0;scrollbar-width:thin}.empty{color:var(--muted);font-size:15px;line-height:1.65;margin-top:40px}.entry{border-left:2px solid #456452;padding-left:13px;margin:0 0 20px}.entry.joseph{border-color:#586e85}.entry>span{display:block;font-size:11px;letter-spacing:1px;color:var(--muted);margin-bottom:5px}.entry p{font-size:15px;line-height:1.55;margin:0;overflow-wrap:anywhere}.interim{font-style:italic;opacity:.65}.input-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px}.input-row label{font-size:13px;color:var(--muted)}.input-row select{width:auto;padding:6px 10px;min-height:36px;font-size:14px}.transcript .primary{width:100%;margin-top:10px}.samples{margin-top:23px}.samples .eyebrow{font-size:11px;color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}.chip{padding:10px 13px;font-size:13px;border-radius:8px;background:transparent;color:#d3dfe9;border:1px solid #3b5063;min-height:40px}.chip:hover{background:#253b48;border-color:#8fb88f}.notice{font-size:14px;line-height:1.55;color:#dfcda1;background:#2b2c29;border:1px solid #585443;border-radius:9px;padding:12px 15px;margin-bottom:18px}.mic-note{font-size:13px;color:var(--muted);line-height:1.5;margin:12px 0}.listening{display:inline-flex;align-items:center;gap:7px}.listening::before{content:'';width:6px;height:6px;background:var(--green);border-radius:50%}.summary-wrap{max-width:860px;margin:44px auto}.summary-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.summary-head h1{margin-top:12px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.summary-item{padding:24px}.summary-item h2{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--green);margin-bottom:14px}.summary-item p{font-size:17px;line-height:1.6;margin:0;overflow-wrap:anywhere;white-space:pre-line}.topics{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.topic{padding:8px 13px;border:1px solid var(--line);border-radius:30px;font-size:13px;color:var(--muted)}.topic.yes{color:var(--green);border-color:#4d7456;background:#21352f}.summary-actions{display:flex;gap:12px;margin-top:24px}.summary-foot{color:var(--muted);font-size:13px;line-height:1.6}.cue[data-kind="stop"]{background:#ebdcc0}.cue[data-kind="quiet"]{background:#b9d6e3}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
@media(min-width:1500px){.shell{padding-top:12px}.intro{margin-top:65px}.cue{min-height:500px}}
@media(max-width:850px){.shell{padding:0 24px}.workspace{grid-template-columns:1fr 1.25fr;gap:16px}.panel{padding:23px}.cue{padding:28px;min-height:430px}.cue h2{font-size:2.65rem}.cue-status{display:none}.active-workspace{grid-template-columns:1fr}.active-workspace .cue{min-height:320px}.active-workspace .cue h2{margin:30px 0 20px}.entries{height:180px}.transcript{display:block}.method b{margin:0 5px}}
@media(max-width:580px){.shell{padding:0 18px}header{min-height:77px;gap:12px}.brand{font-size:24px}.brand-mark{height:33px;width:32px}.byline{font-size:10px;padding-left:12px;letter-spacing:1px}.silent-label{display:none}.intro{margin:29px 0 24px}h1{letter-spacing:-.8px;font-size:1.9rem}.intro p{font-size:15px}.workspace{grid-template-columns:1fr}.setup{padding:24px}.setup h2{margin:18px 0}.setup label{margin-top:18px}.setup .muted{margin:14px 0 20px}.workspace:not(.active-workspace) .cue{min-height:315px}.cue{padding:25px}.cue h2{font-size:2.5rem;letter-spacing:-1.2px;margin-top:28px}.cue p{font-size:16px}.cue-bottom{padding-top:20px}.method p{line-height:2}.method b{margin:0 6px}footer{gap:20px;font-size:11px;line-height:1.6}footer span:first-child{max-width:210px}.callbar{margin:22px 0 18px;align-items:flex-start;flex-wrap:wrap}.callbar h1{font-size:21px}.call-actions{width:100%;justify-content:flex-end}.call-actions .timer{margin-right:auto}.active-workspace .cue{min-height:340px}.active-workspace .cue h2{font-size:2.45rem}.summary-wrap{margin-top:28px}.summary-head{align-items:flex-start}.summary-grid{grid-template-columns:1fr}.summary-actions{flex-wrap:wrap}.summary-actions button{flex:1}.summary-head .eyebrow{font-size:11px}}
.saved-transcript{margin:20px 0;border:1px solid var(--line);border-radius:12px;padding:16px}.saved-transcript summary{cursor:pointer;font-size:16px}.saved-transcript>div{max-height:360px;overflow:auto;margin-top:20px;line-height:1.6}.saved-transcript strong{font-size:14px;color:var(--muted)}#save-status{margin:0 0 12px}#speaker-status{font-size:13px;line-height:1.5}.signout{font-size:14px;padding:8px 12px;min-height:44px;white-space:nowrap}@media(max-width:580px){header .byline{display:none}header .signout{margin-left:auto}}
.active-workspace .cue[data-kind="opening"] h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.3;letter-spacing:-.5px;margin:24px 0 16px}.cue[data-kind="opening"] p{font-size:clamp(1.25rem,2.5vw,1.65rem);line-height:1.45;max-width:38ch;color:var(--ink)}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease,border-color .15s ease}.cue h2{animation:arrive .25s ease}@keyframes arrive{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}}