:root{--bg: #05070a;--bg-soft: #0b1017;--card: #0e141d;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--text: #e7eef6;--muted: #8c9bab;--accent: #35d0a0;--accent-dim: rgba(53, 208, 160, .14);--warn: #f5b64a;--danger: #ff6b6b;--radius: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;overscroll-behavior:none}#app{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}h1{font-size:1.45rem}h2{font-size:1.1rem}p{margin:0;line-height:1.5}a{color:var(--accent);text-decoration:none}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em;background:#ffffff0f;padding:2px 6px;border-radius:6px}.muted{color:var(--muted)}.small{font-size:.82rem}.center{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:calc(24px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));max-width:520px;width:100%;margin:0 auto}.input{width:100%;background:var(--bg-soft);border:1px solid var(--line-strong);color:var(--text);border-radius:12px;padding:14px;font-size:1rem;font-family:inherit;outline:none}.input:focus{border-color:var(--accent)}.btn{appearance:none;border:1px solid var(--line-strong);background:#ffffff0d;color:var(--text);font-family:inherit;font-size:1rem;font-weight:600;min-height:50px;padding:0 18px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .08s ease,background .15s ease;user-select:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#04120d}.btn.ghost{background:transparent}.btn.small{min-height:38px;font-size:.86rem;padding:0 12px;border-radius:10px}.btn.danger{color:var(--danger);border-color:#ff6b6b66}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1}.stack{display:flex;flex-direction:column;gap:10px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);white-space:nowrap}.chip.ok{color:var(--accent);border-color:#35d0a059;background:var(--accent-dim)}.chip.warn{color:var(--warn);border-color:#f5b64a59;background:#f5b64a1a}.chip.bad{color:var(--danger);border-color:#ff6b6b59;background:#ff6b6b1a}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.dot.pulse{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.82rem;color:var(--muted);display:flex;justify-content:space-between}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#ffffff1f}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:var(--accent);border:2px solid #04120d}input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#ffffff1f}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:2px solid #04120d}.error{color:var(--danger);font-size:.85rem}.screen{position:fixed;inset:0;background:#000;overflow:hidden}.screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.dim{position:absolute;inset:0;background:#000;pointer-events:none;transition:opacity .2s ease}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:calc(14px + var(--safe-top)) 14px calc(16px + var(--safe-bottom));pointer-events:none}.overlay>*{pointer-events:auto}.overlay .row{gap:8px}.panel{background:#0a0e14d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:12px}.ptt{width:100%;min-height:64px;border-radius:20px;border:1px solid rgba(53,208,160,.5);background:#35d0a029;color:var(--accent);font-size:1.05rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;touch-action:none;user-select:none}.ptt.active{background:var(--accent);color:#04120d;transform:scale(.99)}.pill-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.pill-row::-webkit-scrollbar{display:none}.alert-list{display:flex;flex-direction:column;gap:6px;max-height:132px;overflow-y:auto}.alert-item{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:6px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}