:root{--bg:#f6f7f9;--surface:#fff;--text:#17191c;--muted:#5f6672;--border:#dfe3e8;--accent:#2456e6;--accent-contrast:#fff;--danger:#c62828;--danger-bg:#fdecea;--ok:#1e8e3e;--agent-bubble:#eef2ff;--user-bubble:#f1f3f5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101214;--surface:#1a1d21;--text:#e8eaed;--muted:#9aa3ad;--border:#2c3138;--accent:#6d8dff;--accent-contrast:#0b1020;--danger:#ff8a80;--danger-bg:#3a1f1f;--ok:#66bb6a;--agent-bubble:#1f2740;--user-bubble:#23272d}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.app{max-width:46rem;margin:0 auto;padding:2.5rem 1.25rem 3rem}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;max-width:46rem;margin:0 auto;padding:1.25rem 1.25rem 0;display:flex}.brand{color:var(--text);font-weight:700;text-decoration:none}.brand:hover{color:var(--accent)}.site-tagline{color:var(--muted);font-size:.85rem}.site-footer{max-width:46rem;color:var(--muted);margin:0 auto;padding:0 1.25rem 3rem;font-size:.85rem}.site-footer p{border-top:1px solid var(--border);margin:0;padding-top:1.5rem}.site-footer a{color:inherit}.breadcrumb{margin:0 0 1rem;font-size:.85rem}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent);text-decoration:underline}.loading,.notice{color:var(--muted);margin:0}.intro h1{margin:.25rem 0 .75rem;font-size:2rem;line-height:1.2}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.8rem;font-weight:600}.lede{color:var(--muted);margin:0}.call-panel{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;margin-top:2rem;padding:1.5rem}.status-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.status-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:.75rem;height:.75rem}.is-connecting .status-dot{background:var(--accent);animation:1.2s ease-in-out infinite pulse}.is-in-call .status-dot{background:var(--ok)}.is-in-call .status-dot.is-talking{box-shadow:0 0 0 .35rem color-mix(in srgb, var(--ok) 30%, transparent);animation:.9s ease-in-out infinite pulse}.is-error .status-dot{background:var(--danger)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.25)}}.status-label{font-weight:600}.status-detail{color:var(--muted)}.speaking-indicator{color:var(--muted);margin:.75rem 0 0}.error{background:var(--danger-bg);color:var(--danger);border-radius:.5rem;margin:1rem 0 0;padding:.75rem 1rem}.actions{margin-top:1.5rem}.button{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.85rem 1.75rem;font-size:1.05rem;font-weight:600;transition:transform 80ms,filter .12s}.button:hover{filter:brightness(1.05)}.button:active{transform:translateY(1px)}.button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.button-primary{background:var(--accent);color:var(--accent-contrast)}.button-secondary{color:var(--text);border-color:var(--border);background:0 0}.call-id{color:var(--muted);margin:1.25rem 0 0;font-size:.8rem}.call-id code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.transcript{margin-top:1.5rem}.transcript h2{color:var(--muted);margin:0 0 .75rem;font-size:1rem}.transcript ol{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.utterance{background:var(--user-bubble);border-radius:.5rem;grid-template-columns:4rem 1fr;gap:.75rem;padding:.6rem .9rem;display:grid}.utterance-agent{background:var(--agent-bubble)}.utterance-role{color:var(--muted);padding-top:.15rem;font-size:.8rem;font-weight:600}.hint{color:var(--muted);margin:.75rem 0 0;font-size:.8rem}.catalog{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.card h2{margin:0;font-size:1.15rem;line-height:1.3}.card h2 a{color:inherit;text-decoration:none}.card h2 a:hover{color:var(--accent)}.card p{margin:0}.card-role{color:var(--muted);font-size:.85rem}.card-summary{flex:1;font-size:.95rem}.card-link{color:var(--accent);align-self:flex-start;margin-top:.5rem;font-weight:600;text-decoration:none}.card-link:hover{text-decoration:underline}.is-planned h2,.is-planned .card-summary{color:var(--muted)}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:.15rem .6rem;font-size:.75rem;font-weight:600}.badge-live{background:color-mix(in srgb, var(--ok) 15%, transparent);color:var(--ok)}.badge-planned{background:var(--user-bubble);color:var(--muted)}.brief{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;margin-top:2rem;padding:1.5rem}.brief h2{margin:0 0 .75rem;font-size:1.1rem}.brief h3{color:var(--muted);margin:1.25rem 0 .5rem;font-size:.95rem}.brief p{margin:0 0 .75rem}.brief ol,.brief ul{margin:0;padding-left:1.25rem}.brief li{margin:.25rem 0}.opening-line q{font-style:italic}.details{background:var(--user-bubble);border-radius:.5rem;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:.75rem 0 0;padding:.9rem 1rem;display:grid}.details .detail{display:contents}.details dt{color:var(--muted);padding-top:.1rem;font-size:.85rem;font-weight:600}.details dd{margin:0}@media (width<=30rem){.details{grid-template-columns:1fr;gap:0}.details dd{margin-bottom:.5rem}}.brief .simulated{border-left:3px solid var(--accent);background:var(--agent-bubble);border-radius:0 .5rem .5rem 0;margin:1.25rem 0 0;padding:.75rem 1rem;font-size:.95rem}