@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--brand:#3370a6;--brand-hover:#2b5d8b;--brand-press:#234d73;--brand-accent:#3d85c6;--brand-light:#81b0da;--brand-soft:#e8f1f9;--brand-ink:#2b5d8b;--accent:#f0a500;--bg:#f7f9fc;--surface:#fff;--surface-2:#eef2f7;--border:#dde4ee;--border-strong:#c3cedd;--ink:#16202e;--ink-2:#4a5768;--ink-3:#7d8a9c;--success:#10b981;--error:#ef4444;--warning:#f0a500;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--shadow-xs:0 1px 3px #0b1d360f;--shadow-sm:0 2px 8px #0b1d3612;--shadow-md:0 8px 24px #0b1d361f;--shadow-brand:0 8px 24px #3d85c638;--focus-ring:#3d85c64d;--pulse-from:#3d85c680;--pulse-to:#3d85c600;--max:1040px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--t-press:.14s;--t:.2s;--t-slow:.3s}@media (prefers-color-scheme:dark){:root{--bg:#08101d;--surface:#101b2b;--surface-2:#17243a;--border:#243449;--border-strong:#32455e;--ink:#eef3f9;--ink-2:#aebccd;--ink-3:#7e8da1;--brand-accent:#609bd0;--brand-light:#81b0da;--brand-ink:#81b0da;--brand-soft:#15293f;--focus-ring:#609bd052;--pulse-from:#609bd080;--pulse-to:#609bd000;--shadow-xs:0 1px 3px #0006;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #00000080}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.2}h1{font-size:32px}h2{font-size:24px}h3{letter-spacing:-.01em;font-size:20px}p{margin:0 0 12px}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.shell{max-width:var(--max);margin:0 auto;padding:0 24px}.hdr{border-bottom:1px solid var(--border);background:var(--surface);z-index:20;align-items:center;gap:12px;padding:20px 24px;display:flex;position:sticky;top:0}.hdr-inner{max-width:var(--max);align-items:center;gap:12px;width:100%;margin:0 auto;display:flex}.org-mark{pointer-events:none;flex:none;max-width:180px;height:42px}.org-mark-fallback{letter-spacing:.04em;color:var(--brand-ink);white-space:nowrap;font-size:19px;font-weight:800}.lockup{flex-direction:column;line-height:1.15;display:flex}.wordmark{letter-spacing:.08em;font-size:17px;font-weight:800}.expansion{letter-spacing:.02em;color:var(--ink-3);white-space:nowrap;font-size:10.5px;font-weight:500}.hdr-sep{background:var(--border-strong);flex:none;width:1px;height:26px;margin:0 4px}@media (max-width:560px){.expansion{display:none}.org-mark{height:34px}}.hdr-right{align-items:center;gap:12px;margin-left:auto;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);padding:24px}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.pick{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;font:inherit;color:inherit;transition:transform var(--t) var(--ease-out), box-shadow var(--t) var(--ease-out), border-color var(--t) var(--ease-out);flex-direction:column;padding:20px;display:flex}@media (hover:hover) and (pointer:fine){.pick:hover{box-shadow:var(--shadow-brand);border-color:var(--brand-light);transform:translateY(-2px)}}.pick:active{box-shadow:none;transform:scale(.985)}.pick h3{margin-bottom:6px}.pick p{color:var(--ink-2);margin:0;font-size:14px}.pick .mins{color:var(--ink-3);margin-top:auto;padding-top:14px;font-size:12px}.field{margin-bottom:18px}.field label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}input[type=text],input[type=password],textarea,select{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);width:100%;color:var(--ink);font:inherit;padding:11px 13px;font-size:15px;transition:border-color .14s,box-shadow .14s}textarea{resize:vertical;min-height:96px;line-height:1.5}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.btn{border-radius:var(--r-md);background:var(--brand);color:#fff;font:inherit;cursor:pointer;transition:background var(--t-press) var(--ease-out), transform var(--t-press) var(--ease-out), box-shadow var(--t-press) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:600;display:inline-flex}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){background:var(--brand-hover);box-shadow:var(--shadow-brand);transform:translateY(-1px)}}.btn:active:not(:disabled){background:var(--brand-press);box-shadow:none;transform:scale(.975)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{color:var(--ink);border-color:var(--border-strong);background:0 0}@media (hover:hover) and (pointer:fine){.btn.ghost:hover:not(:disabled){background:var(--brand-soft);border-color:var(--brand-light);box-shadow:none}}.btn.danger{color:var(--error);border-color:var(--border-strong);background:0 0}@media (hover:hover) and (pointer:fine){.btn.danger:hover:not(:disabled){border-color:var(--error);box-shadow:none;background:#ef444414}}.btn.sm{padding:7px 14px;font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.voices{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (max-width:720px){.voices{grid-template-columns:repeat(2,1fr)}}.voice{text-align:left;cursor:pointer;font:inherit;color:inherit;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);transition:border-color var(--t-press) var(--ease-out), background var(--t-press) var(--ease-out), transform var(--t-press) var(--ease-out);padding:12px 14px}.voice:active{transform:scale(.98)}.voice[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.voice strong{font-size:14px;display:block}.voice span{color:var(--ink-2);margin-top:2px;font-size:12px;line-height:1.4;display:block}.voice em{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-style:normal}.turns{flex-direction:column;gap:18px;padding:4px 0 12px;display:flex}.turn{max-width:78%}.turn.me{align-self:flex-end}.turn .who{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin-bottom:5px;font-size:11px;font-weight:600}.turn.me .who{text-align:right}.bubble{border-radius:var(--r-lg);white-space:pre-wrap;padding:13px 16px;font-size:16px;line-height:1.55}.turn.them .bubble{background:var(--surface-2);border:1px solid var(--border);border-bottom-left-radius:4px}.turn.me .bubble{background:var(--brand);color:#fff;border-bottom-right-radius:4px}.mic-bar{z-index:15;background:var(--surface);border-top:1px solid var(--border);padding:12px 24px 16px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000d}.mic-bar>*{max-width:760px;margin-left:auto;margin-right:auto}.mic{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;width:64px;height:64px;color:var(--ink);border-radius:999px;place-items:center;transition:transform .14s,box-shadow .14s,background .14s,border-color .14s;display:grid}.mic:hover:not(:disabled){border-color:var(--brand)}.mic:disabled{opacity:.4;cursor:not-allowed}.mic.live{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0 0 0 var(--pulse-from);animation:1.6s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--pulse-from)}70%{box-shadow:0 0 0 16px var(--pulse-to)}to{box-shadow:0 0 0 0 var(--pulse-to)}}.status{color:var(--ink-2);min-height:20px;font-size:13px}.interim{color:var(--ink-3);font-style:italic}.score-block{border-bottom:1px solid var(--border);padding-bottom:12px}.score-block:last-child{border-bottom:none;padding-bottom:0}.score{align-items:center;gap:14px;padding:14px 0 6px;display:flex}.score-name{min-width:190px;font-size:15px;font-weight:600}.meter{background:var(--surface-2);border-radius:999px;flex:1;height:6px;overflow:hidden}.meter i{background:var(--brand-accent);border-radius:999px;height:100%;display:block}.score-val{text-align:right;font-variant-numeric:tabular-nums;min-width:42px;font-size:15px;font-weight:700}.score-note{color:var(--ink-2);font-size:14px;line-height:1.5}.rewrite{gap:12px;display:grid}.rewrite div{border-radius:var(--r-md);padding:14px 16px;font-size:15px}.rewrite .was{background:var(--surface-2);border:1px solid var(--border);color:var(--ink-2)}.rewrite .now{background:var(--brand-soft);border:1px solid var(--brand-light)}.verdict{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.verdict.ok{color:var(--ink);background:#10b9811f;border-color:#10b98173}.verdict.warn{color:var(--ink);background:#f59e0b1f;border-color:#f59e0b73}.verdict.bad{color:var(--ink);background:#ef44441a;border-color:#ef444473}.quoted{border-left:3px solid var(--border-strong);background:var(--surface-2);border-radius:0 var(--r-md) var(--r-md) 0;margin:10px 0;padding:10px 14px;font-size:15px;line-height:1.5}.quoted.empty{color:var(--ink-3);font-style:italic}.faults{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.fault{background:var(--surface-2);border:1px solid var(--border);color:var(--ink-2);border-radius:999px;padding:3px 9px;font-size:12px}ul.plain{margin:0;padding-left:20px}ul.plain li{margin-bottom:8px;font-size:15px}.notice{border-radius:var(--r-md);border:1px solid;padding:12px 16px;font-size:14px}.notice.warn{color:var(--ink);background:#f59e0b17;border-color:#f59e0b66}.notice.err{color:var(--ink);background:#ef444417;border-color:#ef444466}.notice.calm{background:var(--surface-2);border-color:var(--border);color:var(--ink-2)}.spin{transform-origin:50%;animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.05ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.pick:hover,.btn:hover{transform:none}}@media (max-width:640px){h1{font-size:26px}.expansion{display:none}.hdr{padding:16px}.shell{padding:0 16px}.turn{max-width:92%}.score-name{min-width:120px;font-size:14px}}.md{font-size:15.5px}.md h3{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:22px 0 6px;font-size:11px;font-weight:700}.md h3:first-child{margin-top:0}.md h4{margin:16px 0 4px;font-size:15px}.md p{margin:0 0 10px;line-height:1.55}.md ul,.md ol{margin:0 0 10px;padding-left:20px}.md li{margin-bottom:6px;line-height:1.55}.md blockquote{border-left:3px solid var(--brand-light);background:var(--brand-soft);border-radius:0 var(--r-sm) var(--r-sm) 0;margin:0 0 10px;padding:10px 14px}.md blockquote p:last-child{margin-bottom:0}.md code{background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:.9em}.md hr{border:none;border-top:1px solid var(--border);margin:18px 0}.field .attach{border:1px dashed var(--border-strong);width:auto;color:var(--ink-3);cursor:pointer;border-radius:999px;align-items:center;gap:6px;margin:8px 0 0;padding:4px 10px;font-size:12.5px;font-weight:500;transition:border-color .14s,color .14s,background .14s;display:inline-flex}.field .attach:before{content:"+";font-size:14px;line-height:1}.field .attach:hover:not(:disabled){border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.attach input[type=file]{display:none}.field button.attach{background:0 0;font-family:inherit}.field .attach:disabled{opacity:.5;cursor:not-allowed}.attached{border:1px solid var(--brand-light);background:var(--brand-soft);border-radius:var(--r-sm);align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:13px;display:flex}.attached-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.attached-meta{color:var(--ink-2);white-space:nowrap;margin-left:auto}.attached-x{cursor:pointer;font:inherit;color:var(--ink-2);background:0 0;border:none;padding:0 0 0 6px;font-size:12px;text-decoration:underline}.attached-x:hover{color:var(--error)}.attached{display:block}.attached-top{align-items:center;gap:8px;display:flex}.seen-row{border-top:1px solid var(--focus-ring);flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding-top:10px;display:flex}.seen-q{font-size:12.5px;font-weight:600}.seen-opts{border:1px solid var(--brand-light);border-radius:999px;display:inline-flex;overflow:hidden}.seen-opts button{cursor:pointer;font:inherit;color:var(--ink-2);background:0 0;border:none;padding:4px 12px;font-size:12.5px;transition:background .14s,color .14s}.seen-opts button[aria-pressed=true]{background:var(--brand);color:#fff;font-weight:600}.seen-note{color:var(--ink-2);margin-top:6px;font-size:12px}textarea.ta-short{min-height:58px}textarea.ta-long{min-height:108px}.caret{vertical-align:-.15em;opacity:.55;background:currentColor;width:2px;height:1em;margin-left:2px;animation:1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes settle{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.grid>*{opacity:0;animation:rise var(--t-slow) var(--ease-out) forwards}.grid>:first-child{animation-delay:0s}.grid>:nth-child(2){animation-delay:45ms}.grid>:nth-child(3){animation-delay:90ms}.grid>:nth-child(4){animation-delay:.135s}.grid>:nth-child(5){animation-delay:.18s}.grid>:nth-child(6){animation-delay:.225s}.grid>:nth-child(n+7){animation-delay:.27s}.turn{animation:settle .18s var(--ease-out) backwards}.thinking{align-items:center;gap:5px;height:20px;display:inline-flex}.thinking i{background:var(--ink-3);width:6px;height:6px;animation:breathe 1.25s var(--ease-in-out) infinite;border-radius:50%}.thinking i:nth-child(2){animation-delay:.16s}.thinking i:nth-child(3){animation-delay:.32s}@keyframes breathe{0%,60%,to{opacity:.28;transform:scale(.82)}30%{opacity:1;transform:scale(1)}}.debrief-in>*{opacity:0;animation:rise .36s var(--ease-out) forwards}.debrief-in>:first-child{animation-delay:40ms}.debrief-in>:nth-child(2){animation-delay:.11s}.debrief-in>:nth-child(3){animation-delay:.18s}.debrief-in>:nth-child(4){animation-delay:.25s}.debrief-in>:nth-child(5){animation-delay:.32s}.debrief-in>:nth-child(n+6){animation-delay:.39s}.meter i{transform-origin:0;animation:fill .62s var(--ease-out) .32s backwards}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.trend-bar{transform-origin:bottom;animation:grow .5s var(--ease-out) backwards}@keyframes grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.grid>*,.debrief-in>*,.turn{opacity:1;animation:none;transform:none}.meter i,.trend-bar{animation:none;transform:none}.thinking i{animation-duration:2s}.btn:active:not(:disabled),.pick:active,.voice:active{transform:none}*{transition-duration:1ms!important}}.privacy{max-width:640px;color:var(--ink-2);border-left:2px solid var(--brand-light);padding:2px 0 2px 16px;font-size:14px;line-height:1.6}.privacy strong{color:var(--ink);font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;color:var(--ink-2);background:var(--surface);border:1px solid var(--border-strong);cursor:pointer;opacity:0;animation:settle .26s var(--ease-out) forwards;transition:background var(--t-press) var(--ease-out), border-color var(--t-press) var(--ease-out), color var(--t-press) var(--ease-out), transform var(--t-press) var(--ease-out);border-radius:999px;padding:7px 15px;font-size:13.5px;font-weight:500}@media (hover:hover) and (pointer:fine){.chip:hover{border-color:var(--brand-light);background:var(--brand-soft);color:var(--ink)}}.chip:active{transform:scale(.96)}.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.chip-note{animation:settle .2s var(--ease-out) backwards}.reveal{animation:settle .22s var(--ease-out) backwards}.fault.subtle{border-color:var(--border-strong);color:var(--ink-3);background:0 0;border-style:dashed}body{background-image:radial-gradient(1100px 520px at 50% -200px,#3d85c61a,#0000 70%),radial-gradient(760px 420px at 100% 0,#3d85c60f,#0000 65%);background-repeat:no-repeat;background-attachment:fixed}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.hdr{background:color-mix(in srgb, var(--surface) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%)}}.hdr:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--brand-accent) 55%, transparent) 30%, color-mix(in srgb, var(--brand-accent) 55%, transparent) 70%, transparent);pointer-events:none;height:1px;position:absolute;bottom:-1px;left:0;right:0}.hdr{position:sticky}.card{box-shadow:var(--shadow-xs), 0 1px 0 #fff9 inset;transition:box-shadow var(--t) var(--ease-out)}.pick{position:relative;overflow:hidden}.pick:before{content:"";background:linear-gradient(180deg, var(--brand-accent), var(--brand-light));transform-origin:top;width:3px;transition:transform var(--t) var(--ease-out);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}@media (hover:hover) and (pointer:fine){.pick:hover:before{transform:scaleY(1)}.pick:hover{box-shadow:var(--shadow-md)}}.pick:focus-visible:before{transform:scaleY(1)}.btn:not(.ghost):not(.danger){background-image:linear-gradient(#ffffff24,#fff0)}@media (prefers-color-scheme:dark){body{background-image:radial-gradient(1100px 520px at 50% -200px,#609bd021,#0000 70%),radial-gradient(760px 420px at 100% 0,#609bd012,#0000 65%)}.card{box-shadow:var(--shadow-xs)}}@media (prefers-reduced-motion:reduce){.chip,.chip-note,.reveal{opacity:1;animation:none;transform:none}.chip:active{transform:none}.pick:before{transition:none}}.shell section>.label,.shell>.label{color:var(--brand-ink);opacity:.9}.pick:before{opacity:.55;background:linear-gradient(180deg, var(--brand-accent), transparent 90%);width:4px;transition:opacity var(--t) var(--ease-out), transform var(--t) var(--ease-out);transform:scaleY(1)}@media (hover:hover) and (pointer:fine){.pick:hover:before{opacity:1}.pick:hover{border-color:var(--brand-light)}}.pick:focus-visible:before{opacity:1}body{background-image:radial-gradient(1200px 560px at 50% -180px,#3d85c629,#0000 70%),radial-gradient(820px 460px at 100% 2%,#3d85c617,#0000 65%),radial-gradient(900px 500px at 0 100%,#3d85c612,#0000 70%)}.card,.pick{border-color:color-mix(in srgb, var(--border) 70%, var(--brand-light))}@media (prefers-color-scheme:dark){.shell section>.label,.shell>.label{color:var(--brand-light);opacity:.85}body{background-image:radial-gradient(1200px 560px at 50% -180px,#609bd02e,#0000 70%),radial-gradient(820px 460px at 100% 2%,#609bd01a,#0000 65%),radial-gradient(900px 500px at 0 100%,#609bd014,#0000 70%)}.card,.pick{border-color:color-mix(in srgb, var(--border) 80%, var(--brand-accent))}}@media (prefers-reduced-motion:reduce){.pick:before{transition:none}}
