:root{--bg: #0b0d10;--bg-elev: #14181d;--bg-elev-2: #1c2128;--line: #262c34;--text: #e8edf3;--muted: #8b97a6;--accent: #4ade80;--accent-dim: #1f6f45;--danger: #f87171;--pending: #fbbf24;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:radial-gradient(120% 60% at 50% 0%,#131a22 0%,var(--bg) 62%) no-repeat,var(--bg);color:var(--text);font:400 16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app{max-width:30rem;margin:0 auto;padding:1.25rem 1.25rem 2.5rem;display:flex;flex-direction:column;gap:1.25rem;min-height:100dvh}.app__header{display:flex;align-items:center;justify-content:space-between}.brand{font-size:.95rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--line);box-shadow:0 0 0 0 transparent;transition:background .2s ease,box-shadow .2s ease}.dot[data-state=pending]{background:var(--pending);box-shadow:0 0 0 4px #fbbf2429}.dot[data-state=good]{background:var(--accent);box-shadow:0 0 0 4px #4ade802e}.dot[data-state=bad]{background:var(--danger);box-shadow:0 0 0 4px #f871712e}.status{padding:1.5rem 0 .5rem}.status__text{margin:0;font-size:clamp(2rem,10vw,2.75rem);font-weight:650;letter-spacing:-.02em;line-height:1.1}body[data-phase=live] .status__text{color:var(--accent)}body[data-phase=pc-offline] .status__text,body[data-phase=reconnecting] .status__text,body[data-phase=taken-over] .status__text{color:var(--danger)}.status__detail{margin:.5rem 0 0;color:var(--muted);font-size:.95rem;min-height:1.5em}.controls{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.9rem}.section-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.field{display:flex;flex-direction:column;gap:.4rem}.field__label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.field__input{width:100%;padding:.85rem .9rem;font-size:1.35rem;font-weight:600;letter-spacing:.18em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);background:var(--bg-elev-2);border:1px solid var(--line);border-radius:10px;outline:none;transition:border-color .15s ease,background .15s ease}.field__input::placeholder{color:#4a545f;letter-spacing:.12em}.field__input:focus-visible{border-color:var(--accent-dim);background:#10151a}.field__input:disabled{opacity:.6}.field__hint{color:var(--muted);font-size:.8rem;line-height:1.4}.field__error{color:var(--danger);font-size:.85rem;min-height:1.2em}.btn{appearance:none;border:1px solid transparent;border-radius:10px;padding:.95rem 1rem;font-size:1.05rem;font-weight:600;color:#06110b;background:var(--accent);cursor:pointer;transition:transform .08s ease,filter .15s ease}.btn:active{transform:translateY(1px)}.btn--danger{background:transparent;border-color:var(--danger);color:var(--danger)}.tap-to-play{appearance:none;width:100%;padding:1rem;border:1px solid var(--pending);border-radius:var(--radius);background:#fbbf241a;color:var(--pending);font-size:1.05rem;font-weight:600;cursor:pointer}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.segmented__btn{appearance:none;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.9rem .5rem;border-radius:10px;border:1px solid var(--line);background:var(--bg-elev-2);color:var(--muted);font-size:1.05rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.segmented__btn small{font-size:.72rem;font-weight:400;letter-spacing:.02em;opacity:.75}.segmented__btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#4ade8014}.segmented__btn:disabled{opacity:.45;cursor:default}.segmented--three{grid-template-columns:repeat(3,1fr)}.segmented--three .segmented__btn{font-size:.9rem;padding:.8rem .3rem;text-align:center;line-height:1.2}.segmented--three .segmented__btn small{font-size:.66rem}.ptt{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;width:100%;min-height:6.5rem;padding:1rem;border-radius:12px;border:1px solid var(--line);background:var(--bg-elev-2);color:var(--text);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:border-color .08s ease,background .08s ease,transform .08s ease}.ptt__label{font-size:1.15rem;font-weight:600}.ptt__hint{color:var(--muted);font-size:.76rem;text-align:center}.ptt[aria-pressed=true]{border-color:var(--danger);background:#f871712e;transform:scale(.985)}.ptt[aria-pressed=true] .ptt__label{color:var(--danger)}.ptt:disabled{opacity:.55;cursor:default}.mic{display:flex;align-items:center;gap:.85rem;width:100%;text-align:left;padding:.85rem .9rem;border-radius:10px;border:1px solid var(--line);background:var(--bg-elev-2);color:var(--text);transition:border-color .15s ease,background .15s ease}.mic__icon{flex:0 0 auto;width:.85rem;height:.85rem;border-radius:50%;background:var(--muted)}.mic__text{display:flex;flex-direction:column;gap:.1rem}.mic__title{font-size:1.02rem;font-weight:600}.mic small{color:var(--muted);font-size:.78rem;line-height:1.35}.mic[data-live=true]{border-color:var(--danger);background:#f871711f}.mic[data-live=true] .mic__title{color:var(--danger)}.mic[data-live=true] .mic__icon{background:var(--danger);animation:mic-live 1.6s ease-in-out infinite}@keyframes mic-live{0%,to{box-shadow:0 0 #f871718c}70%{box-shadow:0 0 0 .5rem #f8717100}}.switch{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{flex:0 0 auto;width:2.9rem;height:1.7rem;border-radius:999px;background:var(--bg-elev-2);border:1px solid var(--line);position:relative;transition:background .15s ease;margin-top:.1rem}.switch__thumb{position:absolute;top:.17rem;left:.2rem;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--muted);transition:transform .15s ease,background .15s ease}.switch input:checked+.switch__track{background:#4ade802e;border-color:var(--accent)}.switch input:checked+.switch__track .switch__thumb{transform:translate(1.15rem);background:var(--accent)}.switch input:focus-visible+.switch__track{outline:2px solid var(--accent);outline-offset:2px}.switch__label{display:flex;flex-direction:column;font-size:.95rem}.switch__label small{color:var(--muted);font-size:.78rem}.stats{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem 1rem}.stats summary{cursor:pointer;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);list-style:none}.stats summary::-webkit-details-marker{display:none}.stats summary:after{content:" ▾"}.stats[open] summary:after{content:" ▴"}.stats__grid{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:.85rem 0 0;font-size:.9rem}.stats__grid dt{color:var(--muted)}.stats__grid dd{margin:0;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.app__footer{margin-top:auto;color:var(--muted);font-size:.78rem;text-align:center}audio{display:none}@media(prefers-reduced-motion:reduce){*{transition:none!important}}