:root{--text:#c4c9d4;--text-h:#f0f2f7;--text-muted:#7a8294;--bg:#0a0b10;--border:#242733;--input-bg:#12141c;--accent:#c084fc;--mono:ui-monospace, "SF Mono", Consolas, monospace;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}#root{width:100%;max-width:100%;min-height:100svh;margin:0}body{margin:0}h1,h2{font-weight:600}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.app{min-height:100svh;color:var(--text);background:var(--bg);flex-direction:column;display:flex}.app-header{border-bottom:1px solid var(--border);text-align:left;padding:1.25rem 1.5rem}.brand{align-items:center;gap:.75rem;display:flex}.brand-mark{background:linear-gradient(135deg,#ff6b35,#c084fc);border-radius:50%;width:12px;height:12px;box-shadow:0 0 12px #ff6b3580}.app-header h1{letter-spacing:-.02em;color:var(--text-h);margin:0;font-size:1.35rem;font-weight:600}.tagline{opacity:.85;max-width:36rem;margin:.5rem 0 0;font-size:.9rem}.app-body{flex:1;grid-template-columns:minmax(280px,340px) 1fr;min-height:0;display:grid}@media (width<=800px){.app-body{grid-template-rows:auto minmax(280px,45vh);grid-template-columns:1fr}}.panel{border-right:1px solid var(--border);text-align:left;padding:1.25rem 1.5rem;overflow:auto}@media (width<=800px){.panel{border-right:none;border-bottom:1px solid var(--border)}}.status{text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem;font-size:.8rem}.status.on{color:#4ade80}.status.off{color:#94a3b8}.banner.error{background:#ef44441f;border:1px solid #ef444459;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.65rem .75rem;font-size:.875rem;display:flex}.linkish{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.field{flex-direction:column;gap:.35rem;margin-bottom:1rem;font-size:.8rem;display:flex}.field span{color:var(--text-muted)}.field input{border:1px solid var(--border);background:var(--input-bg);color:var(--text-h);font:inherit;border-radius:8px;padding:.5rem .65rem}.field-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.field-row .field{margin-bottom:1rem}.actions{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.btn{border:1px solid var(--border);background:var(--input-bg);color:var(--text-h);font:inherit;cursor:pointer;border-radius:8px;padding:.55rem 1rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{color:#0a0a0f;background:linear-gradient(135deg,#ff6b35,#c084fc);border:none;font-weight:600}.hint{opacity:.75;margin:0 0 1.25rem;font-size:.78rem;line-height:1.4}.audio-bar{flex-direction:column;gap:.35rem;margin-bottom:1.25rem;display:flex}.audio-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.72rem}.audio-bar audio{width:100%;height:32px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.participants h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .65rem;font-size:.75rem}.participants ul{margin:0;padding:0;list-style:none}.participants li{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:baseline;gap:.35rem .5rem;padding:.5rem 0;font-size:.85rem;display:grid}.participants .role{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.65rem}.participants .role.host{color:#ff6b35}.participants .name{color:var(--text-h);font-weight:500}.participants .you{color:var(--accent);font-size:.65rem}.participants .coords{opacity:.65;font-size:.72rem;font-family:var(--mono);grid-column:2/-1}.globe-wrap{min-height:0;position:relative}.globe-canvas{min-height:420px;width:100%!important;height:100%!important}@media (width<=800px){.globe-canvas{min-height:280px}}