:root{--bg: #0a0b0d;--panel: #14161a;--panel-2: #1b1e24;--line: #2a2e36;--text: #ece9e2;--dim: #8b93a1;--amber: #ffb300;--amber-glow: rgba(255, 179, 0, .35);--tx: #ff3b30;--tx-glow: rgba(255, 59, 48, .45);--rx: #2ee86c;--rx-glow: rgba(46, 232, 108, .4);--font-display: "Big Shoulders Display", "M PLUS 1 Code", sans-serif;--font-mono: "IBM Plex Mono", "M PLUS 1 Code", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background-image:radial-gradient(ellipse 120% 60% at 50% -10%,#171a20 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.03 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input{font-family:inherit;color:inherit}.home{position:relative;min-height:100%;display:flex;flex-direction:column;gap:28px;padding:max(24px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom));max-width:460px;margin:0 auto}.version-chip{position:absolute;top:max(24px,env(safe-area-inset-top));right:22px;font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--dim);border:1px solid var(--line);background:var(--panel);padding:8px 10px;border-radius:999px;min-height:34px;transition:color .15s,border-color .15s}.version-chip:hover,.version-chip:focus-visible{color:var(--amber);border-color:var(--amber)}.home-brand{padding-top:12px}.brand-badge{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;letter-spacing:.42em;color:var(--amber);border:1px solid var(--line);border-left:3px solid var(--amber);padding:7px 12px 7px 10px;background:var(--panel)}.brand-led{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber-glow),0 0 16px var(--amber-glow);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.home h1{font-family:var(--font-display);font-weight:800;font-size:clamp(64px,21vw,96px);line-height:.86;letter-spacing:.01em;margin-top:22px;color:var(--text);text-shadow:0 0 40px rgba(255,179,0,.08)}.home-sub{margin-top:14px;font-size:12.5px;line-height:1.7;color:var(--dim);max-width:34ch}.home-panel{display:flex;flex-direction:column;gap:16px;background:var(--panel);border:1px solid var(--line);padding:20px;box-shadow:inset 0 1px #ffffff0a}.field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:10.5px;font-weight:600;letter-spacing:.22em;color:var(--dim)}.input-mono{background:var(--bg);border:1px solid var(--line);padding:14px;font-size:17px;font-weight:600;letter-spacing:.12em;outline:none;border-radius:2px;transition:border-color .15s}.input-mono:focus{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber),0 0 18px #ffb3001f}.input-mono::placeholder{color:#4a505b}.input-callsign{text-transform:uppercase}.btn-primary{display:flex;flex-direction:column;align-items:flex-start;gap:3px;background:var(--amber);color:#14100a;font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:.04em;padding:16px 18px 14px;border-radius:2px;border-bottom:4px solid #9c6f00;transition:transform .06s,filter .15s}.btn-primary:active{transform:translateY(2px);border-bottom-width:2px;filter:brightness(1.08)}.btn-kicker{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.3em;opacity:.75}.divider{display:flex;align-items:center;gap:12px;color:var(--dim);font-size:10px;letter-spacing:.24em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.join-form{display:flex;gap:10px}.input-code{flex:1;min-width:0;text-align:center;font-size:18px;letter-spacing:.16em}.btn-secondary{background:var(--panel-2);border:1px solid var(--line);padding:0 22px;font-weight:700;font-size:15px;letter-spacing:.1em;border-radius:2px;transition:border-color .15s,color .15s}.btn-secondary:hover,.btn-secondary:focus-visible{border-color:var(--amber);color:var(--amber)}.form-error{color:var(--tx);font-size:12.5px}.home-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:16px}.home-foot p{font-size:11px;line-height:1.8;color:var(--dim)}.room{min-height:100%;display:flex;flex-direction:column;gap:14px;padding:max(16px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom));max-width:520px;margin:0 auto}.room-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.monitor-zone,.peer-bank{display:contents}.module-head,.peer-bank-head{display:none}.channel-label{display:block;font-size:10px;font-weight:600;letter-spacing:.3em;color:var(--dim);margin-bottom:4px}.channel-code{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-family:var(--font-mono);font-size:clamp(17px,4.6vw,21px);font-weight:700;letter-spacing:.1em;color:var(--amber);text-shadow:0 0 14px var(--amber-glow);padding:2px 0;text-align:left}.copy-hint{font-size:9px;font-weight:600;letter-spacing:.26em;color:var(--dim);transition:color .15s}.copy-hint.is-on{color:var(--rx)}.top-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;flex-shrink:0}.btn-chip{border:1px solid var(--line);background:var(--panel);padding:10px 11px;font-size:13px;font-weight:600;border-radius:2px;min-height:44px;white-space:nowrap}.btn-chip--icon{width:44px;padding:9px;display:grid;place-items:center;color:var(--amber)}.btn-chip--icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.btn-chip--danger{color:var(--tx);border-color:#ff3b3066}.status-display{border:1px solid var(--line);background:linear-gradient(rgba(255,255,255,.02) 50%,transparent 50%) 0 0 / 100% 4px,var(--panel);padding:22px 18px 18px;text-align:center;border-radius:3px;box-shadow:inset 0 2px 12px #0009}.status-word{display:block;font-family:var(--font-display);font-weight:800;font-size:clamp(52px,16vw,76px);line-height:.9;letter-spacing:.06em}.status-detail{display:block;margin-top:10px;font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--dim);overflow-wrap:anywhere}.status--standby .status-word{color:var(--amber);text-shadow:0 0 24px var(--amber-glow)}.status--tx .status-word{color:var(--tx);text-shadow:0 0 28px var(--tx-glow)}.status--tx .status-detail{color:#ff8a84}.status--rx .status-word{color:var(--rx);text-shadow:0 0 28px var(--rx-glow)}.status--rx .status-detail{color:#7defa8}.status--connecting .status-word{color:var(--dim)}.blink{animation:blink 1.1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.peer-strip{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.peer-chip{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.08em;border:1px solid var(--line);background:var(--panel);padding:8px 12px;border-radius:999px;color:var(--dim)}.peer-led{width:7px;height:7px;border-radius:50%;background:#3d434d}.peer-chip--self{color:var(--text)}.peer-chip--self .peer-led{background:var(--amber);box-shadow:0 0 8px var(--amber-glow)}.peer-chip.is-talking{color:var(--rx);border-color:var(--rx)}.peer-chip.is-talking .peer-led{background:var(--rx);box-shadow:0 0 10px var(--rx-glow)}.ptt-zone{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:18px;padding-bottom:6px}.btn-media-activate{width:min(100%,360px);min-height:48px;padding:11px 16px;border:1px solid var(--amber);border-radius:2px;background:#ffb3001a;color:var(--amber);font-size:12px;font-weight:700;letter-spacing:.06em}.ptt{position:relative;width:min(78vw,340px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;isolation:isolate;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none}.ptt:disabled{opacity:.35}.ptt-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(#262a31,#262a31 4deg,#14161a 4deg,#14161a 8deg);box-shadow:0 12px 40px #000000b3,inset 0 2px 2px #ffffff14;transition:box-shadow .15s}.ptt-core{position:relative;z-index:1;width:82%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(circle at 50% 32%,#23272e,#14161a 70%);border:2px solid var(--line);box-shadow:inset 0 -10px 24px #0000008c,inset 0 4px 6px #ffffff0f;transition:transform .07s,background .12s,border-color .12s}.ptt-word{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,12vw,58px);letter-spacing:.05em;line-height:1;color:var(--amber);text-shadow:0 0 18px var(--amber-glow)}.ptt-sub{font-size:11px;font-weight:700;letter-spacing:.3em;color:var(--dim)}.ptt.is-tx .ptt-core{transform:scale(.965);background:radial-gradient(circle at 50% 34%,#4a1210,#200807 72%);border-color:var(--tx);box-shadow:inset 0 -8px 22px #000000a6,0 0 0 3px #ff3b3059,0 0 60px var(--tx-glow)}.ptt.is-tx .ptt-word{color:var(--tx);text-shadow:0 0 22px var(--tx-glow)}.ptt.is-tx .ptt-sub{color:#ff8a84}.ptt.is-tx .ptt-ring{box-shadow:0 12px 40px #000000b3,0 0 80px var(--tx-glow),inset 0 2px 2px #ffffff14;animation:tx-breathe 1.6s ease-in-out infinite}@keyframes tx-breathe{50%{filter:brightness(1.25)}}.mode-switch{display:flex;border:1px solid var(--line);border-radius:3px;overflow:hidden}.mode-switch button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 26px;font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:.08em;color:var(--dim);background:var(--panel);min-height:52px}.mode-switch button+button{border-left:1px solid var(--line)}.mode-switch button small{font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.12em}.mode-switch button.is-active{color:#14100a;background:var(--amber)}.switch-row{display:flex;gap:10px;align-items:stretch}.bg-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 18px;font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:.08em;color:var(--dim);background:var(--panel);border:1px solid var(--line);border-radius:3px;min-height:52px}.bg-toggle small{font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.12em}.bg-toggle.is-on{color:#14100a;background:var(--rx);border-color:var(--rx)}.bg-note{max-width:340px;text-align:center;font-size:10.5px;line-height:1.7;letter-spacing:.06em;color:var(--dim)}.bg-note--warn{color:var(--tx)}.history{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;background:#0a0b0df7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:max(16px,env(safe-area-inset-top)) 18px max(16px,env(safe-area-inset-bottom))}.history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line);max-width:520px;width:100%;margin:0 auto}.history-title{display:flex;flex-direction:column;gap:2px;font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:.08em;color:var(--amber);text-shadow:0 0 18px var(--amber-glow)}.history-title small{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--dim)}.history-actions{display:flex;gap:8px}.history-empty{margin:auto;color:var(--dim);font-size:13px;letter-spacing:.14em}.history-list{list-style:none;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:8px;padding:14px 0;max-width:520px;width:100%;margin:0 auto}.clip{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:3px;text-align:left;transition:border-color .12s}.clip.is-playing{border-color:var(--rx);box-shadow:0 0 16px #2ee86c26}.clip-dir{font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:.08em;width:34px;flex-shrink:0}.clip-dir--tx{color:var(--tx)}.clip-dir--rx{color:var(--rx)}.clip-meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.clip-name{font-size:13.5px;font-weight:600;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-time{font-size:11px;color:var(--dim);letter-spacing:.1em}.clip-dur{font-size:12px;color:var(--dim);flex-shrink:0}.clip-play{font-size:18px;color:var(--amber);flex-shrink:0;width:26px;text-align:center}.clip.is-playing .clip-play{color:var(--rx)}.ptt-wrap{position:relative;width:100%;display:flex;justify-content:center}.chat-key{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;width:56px;padding:10px 0 8px;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--amber);background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 18px #00000080;z-index:2}.chat-key svg{width:22px;height:22px}.chat-key:active{transform:translateY(calc(-50% + 1px))}.chat-badge{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:700;color:#14100a;background:var(--rx);border-radius:999px;box-shadow:0 0 12px var(--rx-glow)}.chat-list{list-style:none;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:10px;padding:14px 0;max-width:520px;width:100%;margin:0 auto}.chat-msg{max-width:86%;align-self:flex-start;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--rx);border-radius:3px;padding:8px 12px 9px}.chat-msg--self{align-self:flex-end;border-left:1px solid var(--line);border-right:3px solid var(--amber)}.chat-msg-head{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}.chat-msg-name{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--rx)}.chat-msg--self .chat-msg-name{color:var(--amber)}.chat-msg-time{font-size:10px;color:var(--dim);letter-spacing:.08em}.chat-msg-text{font-size:14px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.chat-input-row{display:flex;gap:10px;padding-top:12px;border-top:1px solid var(--line);max-width:520px;width:100%;margin:0 auto}.chat-input{flex:1;min-width:0;font-size:15px;letter-spacing:.04em}.chat-send{padding:0 20px;min-height:48px}.chat-send:disabled{opacity:.4}.chat-notify-denied{color:var(--dim);cursor:default}.clog-list{gap:18px}.clog-release{border:1px solid var(--line);background:var(--panel);border-radius:3px;padding:14px 16px}.clog-head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.clog-version{font-family:var(--font-display);font-weight:800;font-size:21px;letter-spacing:.06em;color:var(--amber)}.clog-date{font-size:11px;letter-spacing:.12em;color:var(--dim)}.clog-changes{list-style:none;display:flex;flex-direction:column;gap:6px}.clog-changes li{position:relative;padding-left:14px;font-size:12.5px;line-height:1.65;color:var(--text)}.clog-changes li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:2px;background:var(--amber)}.qr-content{flex:1;width:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:22px 0;overflow-y:auto}.qr-code-frame{width:min(74vw,320px);aspect-ratio:1;display:grid;place-items:center;padding:10px;background:#fff;border:3px solid var(--amber);border-radius:4px;box-shadow:0 0 36px #ffb3002e}.qr-code-frame img{display:block;width:100%;height:100%;image-rendering:pixelated}.qr-loading,.qr-error{padding:18px;color:#14100a;text-align:center;font-size:12px;font-weight:700;letter-spacing:.08em}.qr-error{color:#b42318}.qr-channel{display:flex;flex-direction:column;align-items:center;gap:3px}.qr-channel span{font-size:9px;font-weight:600;letter-spacing:.28em;color:var(--dim)}.qr-channel strong{font-family:var(--font-display);font-size:30px;letter-spacing:.1em;color:var(--amber)}.qr-help{max-width:390px;text-align:center;color:var(--text);font-size:12px;line-height:1.8}.qr-copy{min-height:46px;padding:10px 18px;border:1px solid var(--amber);border-radius:2px;background:#ffb3001a;color:var(--amber);font-size:12px;font-weight:700}.qr-url{max-width:100%;color:var(--dim);font-size:9px;line-height:1.5;overflow-wrap:anywhere;text-align:center}.settings-content{flex:1;width:100%;max-width:520px;margin:0 auto;padding:22px 0;overflow-y:auto}.settings-card{display:flex;flex-direction:column;gap:18px;padding:20px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:3px}.settings-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.settings-kicker,.settings-field>span{display:block;margin-bottom:5px;font-size:9px;font-weight:700;letter-spacing:.24em;color:var(--dim)}.settings-section-head h2{font-family:var(--font-display);font-size:27px;letter-spacing:.05em;color:var(--text)}.settings-mic-icon{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;color:var(--amber);border:1px solid var(--line);border-radius:50%;background:var(--bg);box-shadow:0 0 20px #ffb3001a}.settings-mic-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.settings-field{display:block}.settings-select{width:100%;min-height:52px;padding:0 42px 0 14px;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:2px;color-scheme:dark;outline:none}.settings-select:focus{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}.settings-select:disabled,.settings-refresh:disabled{opacity:.45;cursor:default}.settings-refresh{min-height:46px;padding:10px 14px;color:var(--amber);background:#ffb30014;border:1px solid rgba(255,179,0,.45);border-radius:2px;font-size:12px;font-weight:700;letter-spacing:.08em}.settings-help,.settings-warning,.settings-error{font-size:11px;line-height:1.8;color:var(--dim)}.settings-warning{color:var(--amber)}.settings-error{color:var(--tx)}@media(max-width:460px){.room-top{flex-direction:column;align-items:stretch;gap:8px}.channel-code{white-space:nowrap}.top-actions{width:100%;flex-wrap:nowrap;justify-content:stretch}.top-actions .btn-chip{flex:1 1 0;min-width:0;padding-left:6px;padding-right:6px}.top-actions .btn-chip--icon{flex:0 0 44px}}@media(min-width:700px)and (orientation:landscape){.home{width:100%;height:100dvh;min-height:0;max-width:1040px;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(380px,1.1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"brand panel" "foot panel";align-items:center;column-gap:clamp(40px,7vw,96px);row-gap:18px}.home-brand{grid-area:brand;align-self:end}.home h1{font-size:clamp(68px,10vh,100px)}.home-panel{grid-area:panel;align-self:center}.home-foot{grid-area:foot;align-self:start;margin-top:0}.room{width:100%;height:100dvh;min-height:0;max-width:1180px;display:flex;flex-flow:row wrap;align-content:stretch;gap:14px clamp(22px,4vw,60px);overflow:hidden}.room-top{flex:0 0 100%;align-items:center}.monitor-zone{flex:.82 1 270px;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:0 0 5vh;overflow:visible}.monitor-zone .status-display{width:100%}.peer-bank{display:block;width:100%;margin-top:14px}.peer-strip{justify-content:flex-start;max-height:108px;overflow-y:auto}.ptt-zone{position:relative;flex:1.18 1 380px;align-self:stretch;justify-content:center;min-height:0;margin-top:0;padding:0;overflow-y:auto;scrollbar-width:none;background:radial-gradient(circle at 50% 48%,rgba(255,179,0,.045),transparent 42%)}.switch-row{position:absolute;z-index:3;right:0;top:50%;transform:translateY(-50%);flex-direction:column;gap:8px}.mode-switch{flex-direction:column}.mode-switch button{width:64px;min-height:58px;padding:8px 6px}.mode-switch button+button{border-left:0;border-top:1px solid var(--line)}.bg-toggle{width:64px;min-height:58px;padding:8px 6px}.chat-key{right:auto;left:0}.ptt-zone::-webkit-scrollbar{display:none}.ptt-wrap{width:min(100%,calc(min(48vh,400px,40vw) + 76px));flex:0 0 auto}.ptt{width:min(48vh,400px,40vw)}.ptt-word{font-size:clamp(38px,8vh,64px)}.bg-note{max-width:430px}}@media(min-width:1100px)and (min-height:621px){.room{max-width:1320px;column-gap:clamp(64px,7vw,112px)}.monitor-zone{flex-grow:.88;padding-bottom:7vh}.monitor-zone .status-word{font-size:clamp(68px,5.2vw,90px)}.ptt-zone{flex-grow:1.12}.ptt-wrap{width:min(100%,calc(min(54vh,440px,32vw) + 76px))}.ptt{width:min(54vh,440px,32vw)}}@media(max-height:620px){.ptt{width:min(46vh,260px)}.status-word{font-size:clamp(36px,9vh,56px)}}@media(min-width:700px)and (orientation:landscape)and (max-height:620px){.home,.room{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.home{gap:10px 34px}.home h1{margin-top:12px;font-size:clamp(48px,15vh,68px)}.home-sub{margin-top:8px;font-size:10.5px}.home-panel{gap:12px;padding:16px}.room{column-gap:20px;row-gap:8px}.monitor-zone{padding:0 0 2vh}.status-display{padding:14px 12px 12px}.peer-bank{margin-top:8px}.status-detail{margin-top:6px;font-size:11px}.peer-chip{padding:6px 10px;font-size:11px}.ptt-zone{gap:8px}.ptt-wrap{width:min(100%,calc(min(46vh,260px) + 68px))}.chat-key{width:48px;padding:7px 0 6px}.mode-switch button,.bg-toggle{width:54px;min-height:44px;padding-top:6px;padding-bottom:6px;font-size:16px}.mode-switch button,.bg-toggle{padding-left:4px;padding-right:4px}.bg-note{font-size:9px;line-height:1.45}}