:root{--ink:#111;--paper:#fff;--accent:#0b4f8a;--danger:#8a1c0b;--badge:#7a2e00;--muted:#444;--line:#bbb;color:var(--ink);background:var(--paper);font:1.25rem/1.5 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.demo-badge{background:var(--badge);color:#fff;z-index:10;margin:0;padding:.5rem 1rem;font-weight:700;position:sticky;top:0}header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.brand{margin:0;font-weight:700}nav{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}nav a{color:var(--accent)}nav a[aria-current=page]{font-weight:700}.who{color:var(--muted)}main{max-width:48rem;margin:0 auto;padding:1rem}.skip{position:absolute;left:-999px}.skip:focus{background:var(--paper);z-index:20;padding:.5rem;top:3rem;left:1rem}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline-offset:2px;outline:4px solid #f5a623}button,input,select,textarea{font:inherit}button{border:2px solid var(--accent);background:var(--paper);color:var(--accent);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem}button.big{min-width:12rem;padding:1rem 1.5rem;font-size:1.5rem}button.mic{background:var(--accent);color:#fff}button.mic[aria-pressed=true]{background:#0a3a66}button.stop,button.danger{border-color:var(--danger);color:var(--danger)}.controls{flex-wrap:wrap;gap:1rem;margin:1rem 0;display:flex}.state{margin:.5rem 0;font-size:2rem;font-weight:700}[data-state=LISTENING] .state{color:#0a6b2d}[data-state=SPEAKING] .state{color:var(--accent)}[data-state=DISCONNECTED] .state,[data-state=PAUSED] .state{color:var(--danger)}.hint,.voice-note{color:var(--muted)}.notice:empty,.voice-note:empty{display:none}.notice{border-left:6px solid var(--danger);padding-left:.75rem}.context,.next-action{font-weight:600}.transcript{border-top:1px solid var(--line);padding:0;list-style:none}.transcript li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:.5rem 0}.say-form{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.say-form input{border:2px solid var(--muted);border-radius:.5rem;flex:14rem;min-width:0;padding:.5rem}.retry{margin-top:.5rem}table{border-collapse:collapse;width:100%;margin:1rem 0}caption{text-align:left;font-weight:700}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:.4rem}tr.pending td,tr.pending th{background:#fff4d6}.identity-list,.members,.issues,.requests,.manual,.safety{padding:0;list-style:none}.identity-list li{margin:.5rem 0}.member{border:1px solid var(--line);border-radius:.5rem;margin:.75rem 0;padding:.75rem}.grants{border:none;flex-wrap:wrap;gap:.75rem;padding:0;display:flex}.member button{margin:.5rem .5rem 0 0}dl{grid-template-columns:max-content 1fr;gap:.25rem 1rem;display:grid}dd{overflow-wrap:anywhere;margin:0}textarea{width:100%}@media (width<=40rem){:root{font-size:1.125rem}dl{grid-template-columns:1fr}}
