:root{--bg:#15110b;--bg-elev:#1d1812;--bg-elev-2:#261f17;--bg-input:#1a1610;--fg:#f3ead7;--fg-muted:#968878;--fg-dim:#5d5547;--accent:#d4a574;--accent-bright:#f4cb95;--accent-strong:#e8b46e;--accent-deep:#8b6438;--accent-ink:#1a1208;--border:#2d271f;--border-soft:#221d16;--border-strong:#3d3528;--danger:#c9665d;--danger-deep:#7a2a23;--success:#8db890;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:6rem;--radius:4px;--radius-lg:8px;--radius-pill:999px;--t-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--t-display:"Fraunces", "Times New Roman", serif;--t-body:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--ease-fast:cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:light){:root{--bg:#f4ede0;--bg-elev:#fff;--bg-elev-2:#faf3e6;--bg-input:#fffaf0;--fg:#1c1812;--fg-muted:#6b614f;--fg-dim:#a89e8a;--accent:#8b5e2b;--accent-bright:#b8843e;--accent-strong:#7a4d22;--accent-deep:#5c3a1a;--accent-ink:#fff;--border:#ddd1ba;--border-soft:#ebe1cc;--border-strong:#c4b59a;--danger:#a83a32;--danger-deep:#6b1f1a;--success:#4d6b4f}}body.in-speech-agent.theme-light{--bg:#f4ede0;--bg-elev:#fff;--bg-elev-2:#faf3e6;--bg-input:#fffaf0;--fg:#1c1812;--fg-muted:#6b614f;--fg-dim:#a89e8a;--accent:#8b5e2b;--accent-bright:#b8843e;--accent-strong:#7a4d22;--accent-deep:#5c3a1a;--accent-ink:#fff;--border:#ddd1ba;--border-soft:#ebe1cc;--border-strong:#c4b59a;--danger:#a83a32;--danger-deep:#6b1f1a;--success:#4d6b4f}body.in-speech-agent.theme-dark{--bg:#15110b;--bg-elev:#1d1812;--bg-elev-2:#261f17;--bg-input:#1a1610;--fg:#f3ead7;--fg-muted:#968878;--fg-dim:#5d5547;--accent:#d4a574;--accent-bright:#f4cb95;--accent-strong:#e8b46e;--accent-deep:#8b6438;--accent-ink:#1a1208;--border:#2d271f;--border-soft:#221d16;--border-strong:#3d3528;--danger:#c9665d;--danger-deep:#7a2a23;--success:#8db890}*{box-sizing:border-box}html,body{margin:0;padding:0}body.in-speech-agent{background:var(--bg);height:100vh;color:var(--fg);font-family:var(--t-body);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"ss01", "cv05", "tnum" 0;font-size:16px;font-weight:400;line-height:1.5;overflow:hidden}::selection{background:var(--accent);color:var(--accent-ink)}.canvas{z-index:-2;pointer-events:none;background:radial-gradient(70% 50% at 85% 0%, color-mix(in oklab, var(--accent) 18%, transparent), transparent 60%), radial-gradient(60% 60% at 10% 100%, color-mix(in oklab, var(--accent-deep) 16%, transparent), transparent 60%), var(--bg);position:fixed;inset:0}.grain{z-index:-1;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.site-header{z-index:10;justify-content:space-between;align-items:center;gap:var(--s-5);padding:var(--s-5) var(--s-7);background:color-mix(in oklab, var(--bg) 78%, transparent);-webkit-backdrop-filter:saturate(140%)blur(14px);border-bottom:1px solid var(--border-soft);display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--s-3);color:var(--fg);font-family:var(--t-body);letter-spacing:-.01em;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--accent);border-radius:50%;place-items:center;width:22px;height:22px;display:inline-grid;position:relative}.brand-mark:before{content:"";border:1px solid color-mix(in oklab, var(--accent) 50%, transparent);border-radius:50%;position:absolute;inset:3px}.brand-mark-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.brand-name-thin{color:var(--fg-muted);font-weight:400}.site-nav{align-items:center;gap:var(--s-2);font-family:var(--t-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;display:flex}.site-nav a{padding:var(--s-2) var(--s-3);color:var(--fg-muted);border-radius:var(--radius);transition:color .2s var(--ease-fast);text-decoration:none;position:relative}.site-nav a:hover,.site-nav a.active{color:var(--fg)}.site-nav a.active:before{content:"—";color:var(--accent);margin-right:.4ch}.nav-user{align-items:center;gap:var(--s-3);padding-left:var(--s-4);margin-left:var(--s-3);border-left:1px solid var(--border);font-family:var(--t-mono);text-transform:none;letter-spacing:0;font-size:.75rem;display:inline-flex}.nav-user.hidden{display:none}.nav-user-email{color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;max-width:16rem;overflow:hidden}.nav-toggle{color:var(--fg-muted);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--t-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;margin-left:var(--s-2);transition:color .18s var(--ease-fast), border-color .18s var(--ease-fast), background .18s var(--ease-fast);background:0 0;align-items:center;gap:.45rem;padding:.35rem .7rem;font-size:.7rem;display:inline-flex}.nav-toggle:hover{color:var(--fg);border-color:var(--border-strong);background:var(--bg-elev-2)}.nav-toggle[aria-pressed=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.nav-toggle-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.nav-icon-btn{width:32px;height:32px;color:var(--fg-muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;margin-left:var(--s-2);transition:color .18s var(--ease-fast), border-color .18s var(--ease-fast), background .18s var(--ease-fast);background:0 0;place-items:center;padding:0;display:inline-grid}.nav-icon-btn:hover{color:var(--fg);border-color:var(--border-strong);background:var(--bg-elev-2)}.nav-icon-btn .nav-toggle-icon{width:15px;height:15px;transition:opacity .2s var(--ease), transform .3s var(--ease);grid-area:1/1}.theme-icon-sun,.theme-icon-moon,.theme-icon-auto{opacity:0}body.in-speech-agent:not(.theme-light):not(.theme-dark) .theme-icon-auto,body.in-speech-agent.theme-light .theme-icon-sun,body.in-speech-agent.theme-dark .theme-icon-moon{opacity:1}main{z-index:1;max-width:1180px;padding:var(--s-7) var(--s-7) var(--s-8);margin:0 auto;position:relative}.page{gap:var(--s-6);animation:page-in .48s var(--ease) both;flex-direction:column;display:flex}.page.hidden{display:none}.hidden{display:none!important}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.site-footer{z-index:1;justify-content:center;align-items:center;gap:var(--s-3);padding:var(--s-7) var(--s-4) var(--s-6);color:var(--fg-dim);font-family:var(--t-mono);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;display:flex;position:relative}.footer-mark{color:var(--accent);font-size:1rem}.kicker{margin:0 0 var(--s-3);font-family:var(--t-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:500}.display{font-family:var(--t-display);letter-spacing:-.025em;margin:0 0 var(--s-5);font-variation-settings:"opsz" 120, "SOFT" 30;font-size:clamp(2.25rem,5.6vw,4.4rem);font-weight:400;line-height:1.02}.display em{color:var(--accent);font-variation-settings:"opsz" 120, "SOFT" 60;font-style:italic;font-weight:350}.lede{max-width:36rem;margin:0 0 var(--s-6);color:var(--fg-muted);font-size:1.075rem;line-height:1.55}h2.card-title,.card-title{font-family:var(--t-display);letter-spacing:-.015em;font-variation-settings:"opsz" 36, "SOFT" 40;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:400;line-height:1.1}.meta-line{font-family:var(--t-mono);letter-spacing:.04em;color:var(--fg-muted);margin:var(--s-3) 0 var(--s-4);font-size:.8rem}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline 1px}code,kbd,samp{font-family:var(--t-mono);background:var(--bg-elev-2);border-radius:3px;padding:1px 5px;font-size:.86em}button{font:inherit;font-family:var(--t-body);cursor:pointer;color:var(--fg);border-radius:var(--radius);padding:var(--s-3) var(--s-4);letter-spacing:-.005em;transition:background .18s var(--ease-fast), color .18s var(--ease-fast), border-color .18s var(--ease-fast), transform .18s var(--ease-fast);background:0 0;border:1px solid #0000;font-weight:500}button:disabled{opacity:.42;cursor:not-allowed}.primary-btn{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);letter-spacing:.005em;font-weight:600}.primary-btn:hover:not(:disabled){background:var(--accent-bright);border-color:var(--accent-bright)}.primary-btn .arrow{transition:transform .2s var(--ease);margin-left:.4ch;display:inline-block}.primary-btn:hover:not(:disabled) .arrow{transform:translate(3px)}.primary-btn-lg{padding:var(--s-4) var(--s-6);font-size:1rem}.primary-btn-soft{background:var(--bg-elev-2);color:var(--fg);border-color:var(--border-strong)}.primary-btn-soft:hover:not(:disabled){background:color-mix(in oklab, var(--accent) 14%, var(--bg-elev-2));border-color:var(--accent)}.ghost-btn{color:var(--fg-muted);border-color:var(--border);background:0 0;font-weight:500}.ghost-btn:hover:not(:disabled){color:var(--fg);border-color:var(--border-strong);background:var(--bg-elev-2)}.danger-btn{color:var(--danger);border-color:color-mix(in oklab, var(--danger) 45%, var(--border));background:0 0}.danger-btn:hover:not(:disabled){background:color-mix(in oklab, var(--danger) 12%, transparent);border-color:var(--danger)}.danger-btn.armed,button.armed{background:var(--danger);color:#fff;border-color:var(--danger);animation:1.2s ease-in-out infinite pulse-armed}@keyframes pulse-armed{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--danger) 40%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in oklab, var(--danger) 0%, transparent)}}label,.field-label{font-family:var(--t-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 var(--s-2);font-size:.72rem;font-weight:500;display:block}input[type=email],input[type=password],input[type=text],select,textarea{width:100%;padding:var(--s-3) var(--s-4);font:inherit;font-family:var(--t-body);color:var(--fg);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .18s var(--ease-fast), background .18s var(--ease-fast);outline:none;display:block}input::placeholder,textarea::placeholder{color:var(--fg-dim)}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:var(--bg-elev)}select{appearance:none;padding-right:var(--s-7);cursor:pointer}.select-wrap{position:relative}.select-arrow{right:var(--s-4);pointer-events:none;color:var(--accent);font-family:var(--t-mono);position:absolute;top:50%;transform:translateY(-50%)}.form-hint{margin:var(--s-2) 0 var(--s-3);color:var(--fg-muted);font-size:.85rem}.status{min-height:1.3rem;margin:var(--s-3) 0 0;font-family:var(--t-mono);letter-spacing:.02em;color:var(--fg-muted);font-size:.78rem}.status.error{color:var(--danger)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s-6) var(--s-6);box-shadow:0 1px 0 0 color-mix(in oklab, var(--fg) 4%, transparent) inset;position:relative}.card-head{justify-content:space-between;align-items:flex-start;gap:var(--s-4);margin-bottom:var(--s-5);flex-wrap:wrap;display:flex}.card-back{margin:0 0 var(--s-3) 0;color:var(--fg-muted);font-family:var(--t-mono);letter-spacing:.06em;text-transform:uppercase;padding:var(--s-1) 0;align-items:center;gap:.4rem;font-size:.74rem;text-decoration:none;display:inline-flex}.card-back:hover{color:var(--accent);text-decoration:none}.card-actions{gap:var(--s-2);flex-wrap:wrap;display:flex}.card-actions-bottom{margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--border-soft);justify-content:center}.list-card .card-head,.editor-card .card-head{margin-bottom:var(--s-4)}.list-card{box-sizing:border-box;align-self:stretch;width:100%}.list-card .list,.list-card .historie-list{width:100%}.hero{padding:var(--s-9) 0 var(--s-7);gap:var(--s-4);flex-direction:column;display:flex}.setup-form{gap:var(--s-4);max-width:28rem;margin-top:var(--s-5);grid-template-columns:1fr;display:grid}.setup-form .primary-btn{justify-self:flex-start}.mic-check{gap:var(--s-2);padding:var(--s-3);border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-elev-2);margin-top:var(--s-2);flex-direction:column;display:flex}.mic-check-btn{align-items:center;gap:var(--s-2);color:var(--fg-muted);border:1px solid var(--border);padding:var(--s-2) var(--s-3);border-radius:var(--radius);font-family:var(--t-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;align-self:flex-start;font-size:.72rem;display:inline-flex}.mic-check-btn:hover{color:var(--fg);border-color:var(--border-strong)}.mic-check-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.mic-check.active .mic-check-btn{color:var(--success);border-color:var(--success);background:color-mix(in oklab, var(--success) 10%, transparent)}.mic-picker-wrap{gap:var(--s-1);flex-direction:column;display:flex}.mic-picker-wrap.hidden{display:none}.mic-select{width:100%;padding:var(--s-2) var(--s-7) var(--s-2) var(--s-3);background:var(--bg-input);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--t-body);appearance:none;cursor:pointer;font-size:.86rem}.mic-select:focus{border-color:var(--accent);outline:none}.mic-check-device{font-family:var(--t-mono);letter-spacing:.02em;color:var(--fg-muted);word-break:break-word;margin:0;font-size:.72rem}.mic-check-device:empty{display:none}.mic-check-device:before{content:"● ";color:var(--accent);vertical-align:middle;font-size:.7em}.mic-meter{background:var(--bg-input);border:1px solid var(--border-soft);border-radius:3px;height:6px;overflow:hidden}.mic-meter-fill{background:linear-gradient(90deg, var(--accent-deep), var(--accent), var(--accent-bright));border-radius:3px;width:0%;height:100%;transition:width 80ms linear}.mic-check.error .mic-check-btn{color:var(--danger);border-color:var(--danger)}.step-row{align-items:center;gap:var(--s-3);margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--border-soft);display:flex}.step{align-items:baseline;gap:var(--s-2);color:var(--fg-dim);font-family:var(--t-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;display:inline-flex}.step-num{color:var(--fg-muted);font-weight:500}.step-active{color:var(--fg)}.step-active .step-num{color:var(--accent)}.step-rule{background:var(--border);flex:0 0 32px;height:1px}.auth-shell{gap:var(--s-7);padding-top:var(--s-7);grid-template-columns:1fr;display:grid}@container app (width>=900px){.auth-shell{align-items:center;gap:var(--s-9);grid-template-columns:1.05fr 1fr}}.auth-side{flex-direction:column;display:flex}.auth-card{width:100%;max-width:24rem}.auth-card .card-title{margin-bottom:var(--s-5)}.auth-card form{gap:var(--s-3);flex-direction:column;display:flex}.auth-card form button[type=submit]{margin-top:var(--s-3)}.auth-switch{margin:var(--s-4) 0 0;color:var(--fg-muted);text-align:left;font-size:.9rem}.feature-list{margin:var(--s-3) 0 0;gap:var(--s-2);color:var(--fg-muted);flex-direction:column;padding:0;font-size:.95rem;list-style:none;display:flex}.feature-list li{gap:var(--s-3);padding:var(--s-2) 0;border-bottom:1px dashed var(--border-soft);align-items:baseline;display:flex}.feature-list .num{font-family:var(--t-mono);letter-spacing:.08em;color:var(--accent);font-size:.75rem}.live{gap:var(--s-7);padding-top:var(--s-5);display:grid;position:relative}@container app (width>=920px){.live{grid-template-columns:1.05fr 1fr;grid-template-areas:"stage side""endbtn side";align-items:start}.live-stage{grid-area:stage}.live-side{grid-area:side}#end-btn{grid-area:endbtn}}.live.hidden{display:none}.live-stage{align-items:center;gap:var(--s-5);padding:var(--s-7) var(--s-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(60% 50% at 50% 35%, color-mix(in oklab, var(--accent) 8%, transparent), transparent 70%), var(--bg-elev);flex-direction:column;display:flex;position:relative}.orb{aspect-ratio:1;--orb-color:var(--accent);--orb-bright:var(--accent-bright);--orb-deep:var(--accent-deep);--orb-glow:color-mix(in oklab, var(--accent) 35%, transparent);--orb-amplitude:0;width:clamp(200px,36cqw,340px);position:relative;overflow:visible}.orb-ring{border:1px solid var(--orb-color);pointer-events:none;transition:border-color .6s var(--ease), opacity .6s var(--ease);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orb-ring-1{opacity:.16;width:100%;height:100%}.orb-ring-2{opacity:.28;width:76%;height:76%}.orb-ring-3{opacity:.44;width:54%;height:54%}.orb-ring-4{opacity:.66;width:34%;height:34%}.orb-core{aspect-ratio:1;background:radial-gradient(circle at 32% 28%, var(--orb-bright) 0%, var(--orb-color) 38%, var(--orb-deep) 100%);width:18%;box-shadow:0 0 60px 4px var(--orb-glow), inset 0 0 12px 1px oklab(100% 0 5.96046e-8/.18);transition:transform .2s var(--ease-fast), box-shadow .6s var(--ease);border-radius:50%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.orb-core-grain{mix-blend-mode:overlay;opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='2.4' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.7 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:-10%}.orb[data-state=connecting]{opacity:.55}.orb[data-state=connecting] .orb-core{animation:1.1s ease-in-out infinite orb-blink}@keyframes orb-blink{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(.92)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}.orb[data-state=listening]{--orb-color:#b8d7c1;--orb-bright:#e8f1d4;--orb-deep:#4f6e5b;--orb-glow:oklab(85.0316% -.0403862 .0193048/.38)}.orb[data-state=listening] .orb-core{animation:3s ease-in-out infinite orb-breathe}@keyframes orb-breathe{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.18)}}.orb[data-state=thinking] .orb-ring{animation:1.8s ease-in-out infinite orb-shimmer}.orb[data-state=thinking] .orb-ring-4{animation-delay:0s}.orb[data-state=thinking] .orb-ring-3{animation-delay:.18s}.orb[data-state=thinking] .orb-ring-2{animation-delay:.36s}.orb[data-state=thinking] .orb-ring-1{animation-delay:.54s}.orb[data-state=thinking] .orb-core{animation:6s linear infinite orb-orbit}@keyframes orb-shimmer{0%,to{opacity:.18;border-color:var(--orb-deep)}50%{opacity:.85;border-color:var(--orb-bright)}}@keyframes orb-orbit{to{transform:translate(-50%,-50%)rotate(360deg)}}.orb[data-state=speaking] .orb-ring{animation:1.4s ease-in-out infinite orb-pulse}.orb[data-state=speaking] .orb-ring-4{animation-delay:0s}.orb[data-state=speaking] .orb-ring-3{animation-delay:.15s}.orb[data-state=speaking] .orb-ring-2{animation-delay:.3s}.orb[data-state=speaking] .orb-ring-1{animation-delay:.45s}.orb[data-state=speaking] .orb-core{transform:translate(-50%, -50%) scale(calc(1 + var(--orb-amplitude,0) * 1.4));box-shadow:0 0 calc(60px + var(--orb-amplitude,0) * 140px) calc(4px + var(--orb-amplitude,0) * 18px) var(--orb-glow), inset 0 0 12px 1px #ffffff2e;transition:transform 70ms linear,box-shadow 70ms linear;animation:none}@keyframes orb-pulse{0%,to{opacity:.25;border-color:var(--orb-deep);transform:translate(-50%,-50%)scale(1)}50%{opacity:.95;border-color:var(--orb-bright);transform:translate(-50%,-50%)scale(1.06)}}.orb[data-state=ended]{opacity:.32;filter:saturate(.4)}.live-chip{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4) var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-elev-2);font-family:var(--t-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg);margin:0;font-size:.78rem;display:inline-flex}.chip-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%;display:inline-block}.orb[data-state=listening]~.live-chip .chip-dot,.live[data-state=listening] .chip-dot{background:#b8d7c1;box-shadow:0 0 8px #b8d7c1}.live-chip[data-state=connecting] .chip-dot{animation:1.1s ease-in-out infinite dot-blink}.live-chip[data-state=listening] .chip-dot{animation:3s ease-in-out infinite dot-breath}.live-chip[data-state=thinking] .chip-dot{animation:1.5s ease-in-out infinite dot-shimmer}.live-chip[data-state=speaking] .chip-dot{animation:1.2s ease-in-out infinite dot-pulse}@keyframes dot-blink{0%,to{opacity:.3}50%{opacity:1}}@keyframes dot-breath{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}@keyframes dot-shimmer{0%,to{opacity:.4}50%{opacity:1}}@keyframes dot-pulse{0%,to{box-shadow:0 0 8px var(--accent);transform:scale(1)}50%{box-shadow:0 0 14px var(--accent);transform:scale(1.3)}}.live-side{gap:var(--s-5);flex-direction:column;display:flex}.live-transcript{gap:var(--s-3);flex-direction:column;display:flex}.live-draft{gap:var(--s-3);padding:var(--s-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elev);flex-direction:column;display:flex}.live-draft.hidden{display:none}.draft-fields{gap:var(--s-3);flex-direction:column;display:flex}.draft-field{padding:var(--s-2) 0;border-bottom:1px dashed var(--border-soft);flex-direction:column;gap:.25rem;display:flex}.draft-field:last-child{border-bottom:none}.draft-field-label{font-family:var(--t-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);align-items:center;gap:.4rem;font-size:.7rem;display:flex}.draft-field-label .required{color:var(--accent)}.draft-field-value{font-family:var(--t-body);color:var(--fg);white-space:pre-wrap;word-wrap:break-word;font-size:.95rem}.draft-field-value.empty{color:var(--fg-dim);font-style:italic}.draft-field.just-updated{animation:draft-flash 1.4s var(--ease) both}@keyframes draft-flash{0%{background:color-mix(in oklab, var(--accent) 22%, transparent)}to{background:0 0}}.transcript-wrap{position:relative}.transcript{gap:var(--s-3);max-height:460px;padding:var(--s-2) var(--s-1);scroll-behavior:smooth;flex-direction:column;display:flex;overflow-y:auto}.transcript-jump{bottom:var(--s-3);background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);font-family:var(--t-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;z-index:5;animation:jump-in .22s var(--ease) both;border-radius:999px;padding:.35rem .85rem;font-size:.72rem;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 20px -8px #0006}.transcript-jump.hidden{display:none}@keyframes jump-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.transcript::-webkit-scrollbar{width:6px}.transcript::-webkit-scrollbar-track{background:0 0}.transcript::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.turn{max-width:92%;padding:var(--s-3) var(--s-4);white-space:pre-wrap;word-wrap:break-word;animation:turn-in .32s var(--ease) both;border-radius:14px;scroll-margin-bottom:16px;font-size:.96rem;line-height:1.55;position:relative}@keyframes turn-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.turn-user{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:4px;align-self:flex-end}.turn-agent{background:var(--bg-elev-2);color:var(--fg);border:1px solid var(--border-soft);border-bottom-left-radius:4px;align-self:flex-start}.turn-agent:empty:before{content:"•••";color:var(--fg-dim);letter-spacing:.3em}.report,.raw{white-space:pre-wrap;word-wrap:break-word;background:var(--bg-elev-2);border:1px solid var(--border-soft);padding:var(--s-5);border-radius:var(--radius-lg);font-family:var(--t-mono);color:var(--fg);font-size:.86rem;line-height:1.6;overflow-x:auto}.report-edit-bar{align-items:center;gap:var(--s-3);margin:var(--s-3) 0 var(--s-2);flex-wrap:wrap;display:flex}.report-edit-hint{color:var(--fg-muted);font-size:.78rem}.report-edit-btn.editing{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.report-edit{width:100%;min-height:360px;padding:var(--s-5);background:var(--bg-input);color:var(--fg);border:1px solid var(--accent);border-radius:var(--radius-lg);font-family:var(--t-mono);resize:vertical;caret-color:var(--accent);font-size:.86rem;line-height:1.6;display:block}.report-edit:focus{border-color:var(--accent-bright);outline:none}.raw{color:var(--fg-muted);background:var(--bg-input);font-size:.78rem}.raw-details{margin-top:var(--s-5);border-top:1px dashed var(--border-soft);padding-top:var(--s-4)}.result-card .raw-details summary{text-align:center}.raw-details summary{cursor:pointer;color:var(--fg-muted);font-family:var(--t-mono);letter-spacing:.06em;text-transform:uppercase;user-select:none;font-size:.78rem;list-style:none}.raw-details summary::-webkit-details-marker{display:none}.raw-details summary:before{content:"+";width:1ch;color:var(--accent);transition:transform .2s var(--ease);margin-right:.5ch;display:inline-block}.raw-details[open] summary:before{content:"−"}.raw-details[open] summary{margin-bottom:var(--s-3)}.list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list-item{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-4) 0;border-top:1px solid var(--border-soft);display:flex}.list-item:first-child{border-top:none}.list-item .meta-block{flex:1;min-width:0}.list-item .item-title{margin:0 0 var(--s-1);font-family:var(--t-display);letter-spacing:-.01em;color:var(--fg);font-variation-settings:"opsz" 20, "SOFT" 30;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:500;overflow:hidden}.list-item .item-sub{font-family:var(--t-mono);letter-spacing:.03em;color:var(--fg-muted);font-size:.75rem}.item-sub-tags{flex-wrap:wrap;gap:.3rem;margin-top:.35rem;display:flex}.item-sub-tags .tag-chip{background:var(--bg-elev-2);border-color:var(--border-soft);padding:.1rem .5rem;font-size:.66rem}.list-item .item-actions,.historie-item .item-actions{gap:var(--s-2);flex-shrink:0;display:flex}.list-item .item-actions button:not(.primary-btn):not(.danger-btn):not(.ghost-btn),.historie-item .item-actions button:not(.primary-btn):not(.danger-btn):not(.ghost-btn){color:var(--fg-muted);border:1px solid var(--border);border-radius:var(--radius);letter-spacing:0;background:0 0;padding:.45rem .85rem;font-size:.85rem;font-weight:500}.list-item .item-actions button:not(.primary-btn):not(.danger-btn):not(.ghost-btn):hover,.historie-item .item-actions button:not(.primary-btn):not(.danger-btn):not(.ghost-btn):hover,.list-item .item-actions button:first-child,.historie-item .item-actions button:first-child{color:var(--fg);border-color:var(--border-strong);background:var(--bg-elev-2)}.list-item .item-actions button:first-child:hover,.historie-item .item-actions button:first-child:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in oklab, var(--accent) 10%, var(--bg-elev-2))}.list-item.in-progress .item-title:before{content:"○ ";color:var(--accent);font-family:var(--t-mono);font-size:.85em}.historie-filter{gap:var(--s-3);margin-bottom:var(--s-4);padding-bottom:var(--s-4);border-bottom:1px dashed var(--border-soft);flex-direction:column;display:flex}#historie-search{width:100%;padding:var(--s-3) var(--s-4);font:inherit;font-family:var(--t-body);color:var(--fg);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius)}#historie-search:focus{border-color:var(--accent);outline:none}input[type=search]::-webkit-search-cancel-button{appearance:none;background-color:var(--fg-muted);cursor:pointer;width:16px;height:16px;transition:background-color .18s var(--ease-fast);margin-left:8px;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 3l10 10M13 3L3 13' stroke='black' stroke-width='2.4' stroke-linecap='round' fill='none'/></svg>") 50%/contain no-repeat}input[type=search]::-webkit-search-cancel-button:hover{background-color:var(--accent)}.tag-chip-row{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.tag-chip{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--fg-muted);font-family:var(--t-mono);letter-spacing:.04em;cursor:pointer;transition:color .18s var(--ease-fast), border-color .18s var(--ease-fast), background .18s var(--ease-fast);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.72rem;display:inline-flex}.tag-chip:hover{color:var(--fg);border-color:var(--border-strong)}.tag-chip.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.tag-chip-count{opacity:.7;font-size:.66rem}.tag-chip-remove{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:.3rem;padding:0;font-size:.9rem;line-height:1}.tag-editor{gap:var(--s-2);margin:var(--s-3) 0 var(--s-3);padding:var(--s-3);border:1px dashed var(--border-soft);border-radius:var(--radius);background:var(--bg-elev-2);flex-direction:column;display:flex}.tag-editor .kicker{margin-bottom:0}#detail-tag-input{width:100%;padding:var(--s-2) var(--s-3);font-family:var(--t-mono);color:var(--fg);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);font-size:.78rem}#detail-tag-input:focus{border-color:var(--accent);outline:none}.historie-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.historie-item{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-4) 0;border-top:1px solid var(--border-soft);display:flex}.historie-item:first-child{border-top:none}.historie-item .meta-block{flex:1;min-width:0}.historie-item .item-title{margin:0 0 var(--s-1);font-family:var(--t-display);letter-spacing:-.01em;color:var(--fg);font-variation-settings:"opsz" 20, "SOFT" 30;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:500;overflow:hidden}.historie-item .item-sub{font-family:var(--t-mono);letter-spacing:.03em;color:var(--fg-muted);font-size:.75rem}.historie-item .item-actions{gap:var(--s-2);flex-shrink:0;display:flex}.historie-item.in-progress .item-title:before{content:"○ ";color:var(--accent);font-family:var(--t-mono);font-size:.85em}.badge{font-family:var(--t-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--bg-elev-2);color:var(--fg-muted);margin-left:var(--s-2);vertical-align:middle;border:1px solid var(--border-soft);border-radius:999px;padding:.16rem .55rem;font-size:.66rem;font-weight:500;display:inline-block}.badge-good{background:color-mix(in oklab, var(--success) 18%, transparent);color:var(--success);border-color:color-mix(in oklab, var(--success) 35%, transparent)}.agent-editor{width:100%;min-height:540px;padding:var(--s-5);font-family:var(--t-mono);background:var(--bg-input);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-lg);resize:vertical;caret-color:var(--accent);font-size:.84rem;line-height:1.6}.agent-editor:focus{border-color:var(--accent)}.app-shell{-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;flex-direction:column;height:100vh;display:flex;overflow:hidden auto;container:app/inline-size}.app-shell::-webkit-scrollbar{width:8px}.app-shell::-webkit-scrollbar-track{background:0 0}.app-shell::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:4px}.app-shell::-webkit-scrollbar-thumb:hover{background:var(--accent-deep)}@container app (width<=760px){.site-header{padding:var(--s-4);gap:var(--s-3)}main{padding:var(--s-5) var(--s-4) var(--s-6)}.hero{padding:var(--s-6) 0 var(--s-4)}.step-row{gap:var(--s-2);flex-wrap:wrap}.step-rule{flex:0 0 20px}.card{padding:var(--s-5)}.live-stage{padding:var(--s-5) var(--s-4)}.card-head{flex-direction:column;align-items:flex-start}.card-actions{flex-wrap:wrap;width:100%}.card-actions button{flex:auto;min-width:0}.auth-shell{padding-top:var(--s-5);gap:var(--s-5)}}@container app (width<=520px){.site-header{padding:var(--s-3) var(--s-4);gap:var(--s-2)}.site-nav>a[data-route]{display:none}.site-nav{gap:0}.nav-user{border-left:none;margin-left:0;padding-left:0}.nav-user-email{display:none}.mobile-tabs:not(.hidden){z-index:30;background:var(--bg-elev);-webkit-backdrop-filter:saturate(140%)blur(18px);border-top:1px solid var(--border-strong);padding:6px var(--s-2) max(var(--s-3), env(safe-area-inset-bottom));grid-template-columns:repeat(3,1fr);margin-top:auto;display:grid;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -8px oklab(0% none none/.6)}main{width:100%;max-width:none;padding:var(--s-4) var(--s-4) var(--s-6);box-sizing:border-box;margin:0}.page{box-sizing:border-box;width:100%}.site-footer{padding:var(--s-3) var(--s-4) var(--s-3);text-align:center;gap:var(--s-2);flex-wrap:wrap;font-size:.62rem}.site-footer .footer-text,.site-footer .footer-sep{display:none}.hero{padding:var(--s-4) 0 var(--s-3)}.display{font-size:clamp(1.9rem,11cqw,2.6rem)}.lede{margin-bottom:var(--s-5);font-size:.96rem}.step-row{display:none}.setup-form{max-width:100%}.setup-form .primary-btn-lg{width:100%;padding:var(--s-4);justify-content:center}.card{padding:var(--s-4);box-sizing:border-box;width:100%}.card-title{font-size:1.3rem}.card-head{gap:var(--s-3);margin-bottom:var(--s-4)}.card-head>*{box-sizing:border-box;width:100%}.card-actions{gap:var(--s-2);flex-direction:column;width:100%;display:flex}.card-actions button{flex:none;justify-content:center;width:100%;min-height:44px}.card-actions .primary-btn{order:0}.card-actions .ghost-btn{order:1}.card-actions .danger-btn{order:2}.card-actions-bottom{bottom:calc(env(safe-area-inset-bottom,0px) + 76px);background:var(--bg-elev);padding:var(--s-3) var(--s-4);width:calc(100% + 2 * var(--s-4));margin:var(--s-4) calc(-1 * var(--s-4)) calc(-1 * var(--s-4));border-top:1px solid var(--border);z-index:12;position:sticky;box-shadow:0 -8px 24px -8px #0006}input[type=email],input[type=password],input[type=text],select,textarea{min-height:44px;font-size:16px}button{min-height:44px}.mic-check-btn{padding:var(--s-3) var(--s-4);justify-content:center;align-self:stretch;font-size:.78rem}.live-stage{z-index:6;padding:var(--s-3) var(--s-3) var(--s-3);gap:var(--s-3);background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--border);position:sticky;top:50px}.live-stage .orb{width:clamp(120px,32cqw,180px)}.live-chip{padding:var(--s-1) var(--s-3) var(--s-1) var(--s-2);font-size:.68rem}#end-btn{bottom:calc(env(safe-area-inset-bottom,0px) + 76px);background:var(--danger);color:#fff;border-color:var(--danger);z-index:15;width:100%;min-height:50px;font-size:1rem;position:sticky;box-shadow:0 8px 22px -10px #00000080}#end-btn:hover{background:var(--danger-deep);border-color:var(--danger-deep)}#end-btn.recovery{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);animation:1.4s ease-in-out infinite end-btn-recover-pulse}@keyframes end-btn-recover-pulse{0%,to{box-shadow:0 8px 22px -10px #00000080}50%{box-shadow:0 8px 22px -10px #00000080, 0 0 0 5px color-mix(in oklab, var(--accent) 0%, transparent)}}.live-transcript{padding-top:var(--s-3);border-top:1px dashed var(--border-soft)}.transcript{max-height:none;padding-bottom:var(--s-2)}.turn{max-width:96%;scroll-margin-bottom:200px;font-size:.94rem}.agent-editor{min-height:360px;padding:var(--s-3);font-size:.78rem}.report,.raw{padding:var(--s-3);font-size:.78rem}.list-item,.historie-item{align-items:stretch;gap:var(--s-2);padding:var(--s-4) 0;flex-direction:column}.list-item .meta-block,.historie-item .meta-block{width:100%;min-width:0}.list-item .item-actions,.historie-item .item-actions{gap:var(--s-2);width:100%}.list-item .item-actions button,.historie-item .item-actions button{flex:auto;min-height:40px}.list-item .item-title,.historie-item .item-title{white-space:normal}.auth-shell{padding-top:var(--s-3);gap:var(--s-4)}.auth-side .lede{margin-bottom:var(--s-3)}.feature-list{display:none}.auth-card{padding:var(--s-5) var(--s-4)}.auth-card .primary-btn{justify-content:center;width:100%}}.mobile-tabs{display:none}@media (width<=520px){.mobile-tabs:not(.hidden){z-index:30;background:var(--bg-elev);-webkit-backdrop-filter:saturate(140%)blur(18px);border-top:1px solid var(--border-strong);padding:6px var(--s-2) max(var(--s-3), env(safe-area-inset-bottom));grid-template-columns:repeat(3,1fr);display:grid;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -8px oklab(0% none none/.6)}}.mobile-tabs a{padding:var(--s-3) var(--s-2);color:var(--fg-muted);font-family:var(--t-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius);transition:color .2s var(--ease-fast);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:60px;font-size:.6rem;font-weight:500;text-decoration:none;display:flex;position:relative}.mobile-tabs a:hover{color:var(--fg);text-decoration:none}.mobile-tabs a.active{color:var(--accent)}.mobile-tabs a.active:after{content:"";background:color-mix(in oklab, var(--accent) 18%, transparent);z-index:-1;width:38px;height:30px;transition:width .2s var(--ease);border-radius:16px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.mobile-tabs a.active:before{content:"";background:var(--accent);width:36px;height:2px;box-shadow:0 0 10px var(--accent);border-radius:0 0 2px 2px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.tab-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;transition:stroke .2s var(--ease-fast)}.mobile-tabs a.active .tab-icon{stroke-width:1.8px}body.in-speech-agent.mobile-mode{background:color-mix(in oklab, var(--bg) 30%, #000 70%);padding:28px 0}body.in-speech-agent.mobile-mode .canvas{opacity:.55}body.in-speech-agent.mobile-mode .app-shell{background:var(--bg);border:1px solid var(--border-strong);width:min(390px,100% - 32px);height:min(844px,100vh - 56px);min-height:0;box-shadow:0 36px 80px -20px #0009, 0 0 0 7px color-mix(in oklab, var(--bg) 60%, #000 40%), 0 0 0 8px color-mix(in oklab, var(--bg) 30%, #000 70%);border-radius:36px;margin:0 auto;position:relative;overflow-y:auto}body.in-speech-agent.mobile-mode .app-shell:before{content:"";pointer-events:none;z-index:5;background:radial-gradient(at top,#00000080,#0000 70%);width:36%;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%)}body.in-speech-agent.mobile-mode .app-shell::-webkit-scrollbar{width:0}.site-footer .footer-sep{color:var(--fg-dim)}.footer-btn{align-items:center;gap:var(--s-2);color:var(--fg-muted);border:1px solid var(--border);padding:var(--s-1) var(--s-3);border-radius:var(--radius-pill);font-family:var(--t-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .18s var(--ease-fast), border-color .18s var(--ease-fast), background .18s var(--ease-fast);background:0 0;font-size:.68rem;display:inline-flex}.footer-btn:hover{color:var(--fg);border-color:var(--border-strong);background:var(--bg-elev-2)}.footer-btn[aria-pressed=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.footer-btn-icon{font-size:.8rem;line-height:1}.toast-host{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 88px);z-index:100;gap:var(--s-2);pointer-events:none;flex-direction:column;width:max-content;max-width:calc(100% - 32px);display:flex;position:fixed;transform:translate(-50%)}@container app (width>=521px){.toast-host{bottom:calc(env(safe-area-inset-bottom,0px) + 28px)}}.toast{pointer-events:auto;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border-strong);padding:var(--s-3) var(--s-4);font-family:var(--t-body);letter-spacing:-.005em;align-items:center;gap:var(--s-3);min-width:220px;animation:toast-in .22s var(--ease) both;border-radius:10px;font-size:.88rem;display:flex;box-shadow:0 16px 36px -16px #0009}.toast.leaving{animation:toast-out .22s var(--ease-fast) both}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.toast:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%;flex-shrink:0}.toast.toast-good:before{background:var(--success);box-shadow:0 0 8px var(--success)}.toast.toast-error:before{background:var(--danger);box-shadow:0 0 8px var(--danger)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}