:root{--navy:#15253f;--white:#fff;--slate:#334155;--muted:#475569;--green:#15803d;--green-bg:#dcfce7;--amber:#b45309;--amber-bg:#fef3c7;--red:#b91c1c;--surface:#f1f5f9;--border:#e2e8f0;--focus:#2563eb;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--slate);background:var(--surface);font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;font-size:16px;line-height:1.45;overflow-x:hidden}a{color:var(--navy)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1,h2,h3{color:var(--navy);line-height:1.2}h1{margin:0 0 12px;font-size:1.5rem}h2{margin:20px 0 8px;font-size:1.15rem}.shell{max-width:960px;margin:0 auto;padding:0 16px 96px}.topbar{background:var(--navy);color:var(--white);z-index:10;position:sticky;top:0}.topbar .inner{flex-wrap:wrap;align-items:center;gap:12px;max-width:960px;margin:0 auto;padding:10px 16px;display:flex}.topbar a{color:var(--white);border-radius:6px;padding:6px 8px;text-decoration:none}.topbar a[aria-current=page]{background:#ffffff29}.brand{letter-spacing:1px;margin-right:auto;font-weight:700}.demo{background:var(--amber);color:var(--white);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);margin:10px 0;padding:14px 16px}.card.attention{border-left:5px solid var(--amber);background:var(--amber-bg)}.card.ok{border-left:5px solid var(--green);background:var(--green-bg)}.notice{border-radius:var(--radius);margin:10px 0;padding:10px 12px}.notice.warn{background:var(--amber-bg);color:#78350f}.notice.error{color:#7f1d1d;background:#fee2e2}.notice.ok{background:var(--green-bg);color:#14532d}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (max-width:520px){.tiles{grid-template-columns:1fr}}.tile{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:12px}.tile .num{color:var(--navy);font-size:1.6rem;font-weight:700}.tile .num.unavailable{color:var(--amber);font-size:1rem}button,.button{font:inherit;border:1px solid var(--navy);background:var(--navy);color:var(--white);cursor:pointer;border-radius:6px;min-height:40px;padding:8px 14px}button.secondary,.button.secondary{background:var(--white);color:var(--navy)}button.danger{background:var(--red);border-color:var(--red)}button:disabled{opacity:.55;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}label{margin:8px 0 4px;font-weight:600;display:block}input,select,textarea{font:inherit;background:var(--white);width:100%;max-width:100%;color:var(--slate);border:1px solid #94a3b8;border-radius:6px;padding:8px 10px}.muted{color:var(--muted);font-size:.9rem}.badge{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.badge.amber{background:var(--amber-bg);color:#78350f;border-color:#fcd34d}.badge.green{background:var(--green-bg);color:#14532d;border-color:#86efac}ul.plain{margin:0;padding:0;list-style:none}ul.plain li{border-bottom:1px solid var(--border);padding:8px 0}.talk-button{border-radius:50%;width:160px;height:160px;margin:16px auto;font-size:1.1rem;font-weight:700;display:block}.talk-button[data-state=listening]{background:var(--green);border-color:var(--green)}.talk-button[data-state=thinking],.talk-button[data-state=connecting]{background:var(--muted);border-color:var(--muted)}.talk-button[data-state=speaking]{background:#1d4ed8;border-color:#1d4ed8}.transcript{max-height:50vh;overflow-y:auto}.msg{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;max-width:90%;margin:6px 0;padding:8px 12px}.msg.user{background:var(--navy);color:var(--white);margin-left:auto}.msg.assistant{background:var(--white);border:1px solid var(--border)}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:6px 8px}@media (max-width:640px){table.responsive thead{display:none}table.responsive tr{border:1px solid var(--border);background:var(--white);border-radius:6px;margin:8px 0;display:block}table.responsive td{border:0;display:block}table.responsive td:before{content:attr(data-label);color:var(--muted);font-size:12px;display:block}}