:root{color-scheme:dark;--bg: #1f263a;--bg-2: #262f47;--card: #29334d;--line: #3a456b;--text: #ffffff;--muted: #9aa6c4;--sky: #2eceff;--sky-deep: #196ce9;--live: #2fd07a;--danger: #e63449;--font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display: "Rubik", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius: 10px}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1100px 620px at 50% -14%,rgba(46,206,255,.16) 0%,rgba(25,108,233,.1) 34%,transparent 66%),radial-gradient(820px 520px at 50% 120%,rgba(25,108,233,.1) 0%,transparent 55%),var(--bg) fixed;min-height:100dvh}.app{width:100%;min-height:100dvh;padding:clamp(14px,2vw,24px) clamp(16px,3vw,40px);display:flex;flex-direction:column;gap:clamp(10px,1.8vh,22px)}.brand{display:flex;align-items:center;gap:10px}.brand__logo{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(46,206,255,.35))}.brand__name{font-family:var(--display);font-weight:700;letter-spacing:-.01em;font-size:17px}.brand__server{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#2eceff1a;border:1px solid rgba(46,206,255,.3);color:var(--sky);font-family:var(--display);font-weight:600;font-size:11px;letter-spacing:.02em}.brand__server:before{content:"";width:6px;height:6px;border-radius:2px;background:var(--sky)}.pill{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.07em;padding:5px 11px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:#ffffff08}.pill__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pill--connected{color:var(--live);border-color:#2fd07a66}.pill--connecting{color:var(--sky);border-color:#2eceff66}.pill--error,.pill--unsupported{color:var(--danger);border-color:#e6344966}.pill--server-offline,.pill--no-voice{color:#f0b45e;border-color:#f0b45e66}.pill--connected .pill__dot,.pill--connecting .pill__dot{animation:blink 1.4s ease-in-out infinite}.hero-banner{align-self:center;width:min(70vw,290px);height:auto;filter:drop-shadow(0 12px 28px rgba(25,108,233,.35));pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-height:820px){.hero-banner{width:min(52vw,230px)}}@media(max-height:620px){.hero-banner{display:none}}.stage{display:flex;flex-direction:column;align-items:center;gap:20px;flex:1;justify-content:center}.radar{position:relative;width:min(84vw,52vh,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 44%,rgba(46,206,255,.1),transparent 60%),var(--card);border:1px solid var(--line);box-shadow:inset 0 0 60px #090d1a80,0 24px 60px #090d1a73;transition:box-shadow .5s ease}.radar.is-live{box-shadow:inset 0 0 60px #090d1a73,0 0 0 1px #2fd07a33,0 24px 70px #2fd07a24}.radar.is-live.is-muted{box-shadow:inset 0 0 60px #090d1a73,0 0 0 1px #e6344933,0 24px 70px #e634491f}.radar__grid span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:50%;opacity:.5}.radar__grid span:nth-child(1){width:92%;height:92%}.radar__grid span:nth-child(2){width:62%;height:62%}.radar__grid span:nth-child(3){width:32%;height:32%}.radar__sweep{position:absolute;top:3%;right:3%;bottom:3%;left:3%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(46,206,255,.18) 40deg,transparent 90deg);animation:sweep 4.5s linear infinite}.node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.node__dot{width:16px;height:16px;border-radius:50%;background:var(--live);box-shadow:0 0 16px #2fd07ae6;z-index:1;transition:background .12s ease,box-shadow .12s ease,width .12s ease,height .12s ease}.node.is-speaking .node__name{border-color:var(--live);color:#eafff3;box-shadow:0 0 0 1px #2fd07a8c,0 0 12px #2fd07a59}.node.is-group .node__name{border-color:#a78bfa;color:#ede9fe;box-shadow:0 0 0 1px #a78bfa99,0 0 12px #a78bfa59}.node:not(.is-speaking) .node__dot{width:11px;height:11px;background:var(--muted);box-shadow:none;opacity:.55}.node__wave{position:absolute;top:7px;left:50%;width:14px;height:14px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--live);animation:wave 1.5s ease-out infinite}.node__name{font-size:12px;font-weight:500;padding:2px 8px;border-radius:999px;background:#1f263ad9;border:1px solid var(--line);white-space:nowrap}.core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46%;aspect-ratio:1;border-radius:50%;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;background:linear-gradient(160deg,var(--sky),var(--sky-deep));box-shadow:0 0 0 6px #2eceff1f,0 14px 30px #196ce966;transition:transform .12s ease,box-shadow .3s ease,filter .2s ease}.core__label{font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.core:hover{filter:brightness(1.06)}.core:active{transform:translate(-50%,-50%) scale(.96)}.core:focus-visible{outline:3px solid #fff;outline-offset:3px}.core:disabled{cursor:default;filter:saturate(.6) brightness(.8)}.core--live{color:#04140a;background:linear-gradient(160deg,var(--live),#14a85c);box-shadow:0 0 0 6px #2fd07a24,0 14px 30px #14a85c52;animation:breathe 2.6s ease-in-out infinite}.core--live.is-speaking{animation:core-speak .9s ease-in-out infinite}@keyframes core-speak{0%,to{box-shadow:0 0 0 4px #2fd07a66,0 0 20px 4px #2fd07a59,0 14px 30px #14a85c61}50%{box-shadow:0 0 0 8px #2fd07a47,0 0 34px 10px #2fd07a8c,0 14px 34px #14a85c80}}.core--muted{color:#fff;background:linear-gradient(160deg,var(--danger),#c1283b);box-shadow:0 0 0 6px #e6344924,0 14px 30px #c1283b52;animation:none}.group-scope{margin:0;max-width:34ch;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:13px;line-height:1.45;color:#cbbcff}.group-scope__dot{flex-shrink:0;width:9px;height:9px;border-radius:50%;background:#a78bfa;box-shadow:0 0 8px #a78bfabf}.hint{margin:0;max-width:30ch;text-align:center;color:var(--muted);font-size:14px;line-height:1.5;min-height:2.6em}.notice{padding:14px 16px;border-radius:var(--radius);background:#e634491a;border:1px solid rgba(230,52,73,.4);color:#ffd7db;font-size:14px;line-height:1.45}.controls{width:100%;max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line)}.notice{width:100%;max-width:460px;margin:0 auto}.controls__label{font-family:var(--display);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:#202a44;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--sky);border:3px solid var(--bg);box-shadow:0 0 10px #2eceff8c;cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border:3px solid var(--bg);border-radius:50%;background:var(--sky);cursor:pointer}.slider:focus-visible{outline:2px solid var(--sky);outline-offset:4px}.slider--boost{background:linear-gradient(to right,#202a44 0,#202a44 calc(66% - 1px),#2eceffa6 calc(66% - 1px),#2eceffa6 calc(66% + 1px),#202a44 calc(66% + 1px))}.controls__pct{float:right;color:var(--sky);font-weight:700;letter-spacing:0}.settings-panel{width:100%;max-width:460px;margin:0 auto;padding:16px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:14px}.settings-section{display:flex;flex-direction:column;gap:8px}.settings-section__title{font-family:var(--display);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:8px;background:#ffffff05;border:1px solid rgba(58,69,107,.5)}.toggle-row__label{font-size:13px;color:var(--text)}.toggle-row__control{display:flex;align-items:center;gap:6px}.toggle{position:relative;width:40px;height:22px;background:var(--line);border:none;border-radius:999px;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;padding:2px}.toggle.is-active{background:var(--sky)}.toggle:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s ease}.toggle.is-active:after{transform:translate(18px)}.toggle:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.player-item{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:8px;background:#ffffff05;border:1px solid rgba(58,69,107,.5)}.player-item__header{display:flex;align-items:center;justify-content:space-between}.player-item__name{font-size:13px;font-weight:500;color:var(--text)}.player-item__speaking{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 8px #2fd07ae6;animation:speak-pulse 1.1s ease-in-out infinite}@keyframes speak-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.7}}.player-item__controls,.player-volume-row{display:flex;align-items:center;gap:8px}.player-volume-pct{min-width:40px;text-align:right;font-size:11px;font-weight:700;color:var(--sky)}.player-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:4px;border-radius:999px;background:#202a44;outline:none}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--sky);cursor:pointer;box-shadow:0 0 8px #2eceff73}.player-volume-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--sky);cursor:pointer}.player-volume-slider:focus-visible{outline:1px solid var(--sky);outline-offset:2px}.app--docked{padding-bottom:92px}.dock{position:fixed;left:50%;transform:translate(-50%);bottom:max(14px,env(safe-area-inset-bottom));display:flex;gap:8px;padding:7px;border-radius:999px;background:#29334deb;border:1px solid var(--line);box-shadow:0 12px 30px #090d1a8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100}.dock-btn{width:46px;height:46px;border:none;border-radius:50%;background:transparent;color:#e6ecf7;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,transform .1s ease}.dock-btn__dots{font-size:20px;line-height:1}.dock-btn:hover{background:#ffffff12;color:var(--sky)}.dock-btn[aria-pressed=true]{background:#2eceff29;color:var(--sky)}.dock-btn:active{transform:scale(.92)}.dock-btn:focus-visible{outline:2px solid var(--sky);outline-offset:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes sweep{to{transform:rotate(360deg)}}@keyframes wave{0%{width:14px;height:14px;opacity:.8}to{width:54px;height:54px;opacity:0}}@keyframes breathe{0%,to{box-shadow:0 0 0 6px #2fd07a24,0 14px 30px #14a85c52}50%{box-shadow:0 0 0 12px #2fd07a0f,0 14px 34px #14a85c6b}}.groups-panel{width:100%;max-width:460px;margin:0 auto;padding:16px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.group-current{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:8px;background:#2fd07a14;border:1px solid rgba(47,208,122,.22)}.group-list{display:flex;flex-direction:column;gap:8px}.group-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:8px;background:#ffffff05;border:1px solid rgba(58,69,107,.5);gap:10px}.group-item__info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.group-item__name{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-type-badge{font-family:var(--display);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:999px;background:#2eceff29;color:var(--sky);width:fit-content}.group-password-input{padding:10px;border-radius:8px;background:#ffffff05;border:1px solid rgba(58,69,107,.5)}.btn{padding:8px 12px;border-radius:6px;border:1px solid var(--line);background:#ffffff0d;color:var(--text);font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .15s ease}.btn:hover{background:#ffffff14;border-color:var(--sky);color:var(--sky)}.btn:active{transform:scale(.95)}.btn:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.btn:disabled{opacity:.5;cursor:default}.btn--primary{border:none;background:linear-gradient(160deg,var(--sky),var(--sky-deep));color:#fff;font-weight:600;box-shadow:0 8px 18px #196ce947}.btn--primary:hover{background:linear-gradient(160deg,var(--sky),var(--sky-deep));filter:brightness(1.06);color:#fff}.btn--secondary{width:100%}.btn--small{padding:6px 10px;font-size:12px}.notice--error{background:#e634491a;border-color:#e6344966;color:#ffd7db}.group-field{width:100%;padding:7px 9px;background:var(--bg-2);border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:13px;font-family:inherit}.group-field:focus-visible{outline:none;border-color:var(--sky)}.group-type-option{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.group-type-option.is-active{border-color:var(--sky);background:#2eceff14}.group-type-option input{grid-row:1 / span 2;align-self:center;accent-color:var(--sky)}.group-type-option__label{font-size:13px;color:var(--text)}.group-type-option__hint{grid-column:2;font-size:11px;color:var(--muted)}@media(prefers-reduced-motion:reduce){.radar__sweep,.node__wave,.core--live,.core--live.is-speaking,.player-item__speaking,.pill__dot{animation:none}}