:root{color-scheme:dark;--base:#091222;--card:#142137;--edge:#26394f;--text:#f1f7ff;--sub:#92a5bc;--orange:#ffb04c;--green:#36d6a3;font-family:system-ui,-apple-system,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 4%,#162e43,transparent 32%),var(--base);color:var(--text)}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 740px)/2));border-bottom:1px solid var(--edge)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{font-size:32px;color:var(--orange);text-shadow:0 0 18px #f90}.brand strong{display:block;letter-spacing:2px;font-size:16px}.brand small{display:block;color:var(--sub);font-size:9px;letter-spacing:2.2px}.net{border:1px solid #28684f;border-radius:18px;padding:6px 10px;color:var(--green);font-size:12px}.net.off{color:var(--sub);border-color:var(--edge)}main{max-width:760px;margin:auto;padding:26px 18px 60px}.panel{background:linear-gradient(145deg,#17263b,#101c2e);border:1px solid var(--edge);border-radius:20px;padding:24px;margin:0 0 18px;box-shadow:0 12px 22px #0002}.eyebrow{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:2px}h1{font-size:34px;letter-spacing:-1px;margin:12px 0}h2{margin:5px 0;font-size:24px}.lead{color:var(--sub);margin:0 0 25px}label{display:block;color:var(--sub);font-size:11px;font-weight:700;letter-spacing:1px;margin:16px 0 8px}input:not([type=range]):not([type=checkbox]){display:block;width:100%;padding:16px;border:1px solid var(--edge);border-radius:12px;color:var(--text);background:#0c192b;font-size:16px;outline:none}input:focus{border-color:var(--orange)}button{font:inherit;cursor:pointer;touch-action:manipulation}.primary{margin-top:23px;width:100%;padding:17px;background:var(--orange);color:#161b24;border:0;border-radius:13px;font-weight:900}.hint{font-size:12px;color:var(--sub);line-height:1.5}.hello{display:flex;justify-content:space-between;align-items:center;padding:0 4px 18px}.ghost{color:var(--sub);background:transparent;border:1px solid var(--edge);padding:10px 15px;border-radius:12px}.rooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.room{background:#0b1a2e;border:1px solid var(--edge);border-radius:13px;padding:14px 12px;text-align:left;color:var(--text);display:flex;align-items:center;gap:10px}.room span{font-size:22px}.room b{font-size:13px}.room.active{border-color:var(--orange);background:#312817}.now-top{display:flex;justify-content:space-between;align-items:center}.live-dot{font-size:12px;color:var(--sub)}.channel-name{font-weight:800;font-size:24px;margin-top:10px}.speaking{border:1px solid var(--edge);background:#0c1b2d;border-radius:14px;padding:13px;margin-top:18px;display:flex;align-items:center;gap:13px}.avatar{display:grid;place-items:center;font-size:24px;background:#273c54;border-radius:50%;width:44px;height:44px}.speaking strong{display:block;font-size:16px;margin-top:5px}.talk-area{text-align:center;padding:20px 0 12px}.talk-btn{width:174px;height:174px;border-radius:50%;border:7px solid #704d24;outline:4px solid #263b55;background:radial-gradient(circle at 30% 25%,#ffca82,#e78f27);box-shadow:0 0 0 11px #3b2d1d,0 14px 30px #0006;color:#201509;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;user-select:none;-webkit-user-select:none}.talk-btn span{font-size:48px}.talk-btn b{font-size:13px;letter-spacing:.9px}.talk-btn:disabled{opacity:.45;filter:grayscale(1)}.talk-btn.talking{background:radial-gradient(circle,#65f2ca,#12b689);border-color:#237f68;box-shadow:0 0 0 11px #1f6654,0 0 40px #24d3a64d}.talk-btn.busy{opacity:.65}.talk-helper{margin-top:25px;color:var(--sub);font-size:13px}.mode-row{border-top:1px solid var(--edge);padding-top:19px;display:flex;justify-content:space-between;align-items:center}.mode-row strong,.mode-row small{display:block}.mode-row small{font-size:12px;color:var(--sub);margin-top:5px}.switch{margin:0}.switch input{position:absolute;opacity:0}.track{width:51px;height:29px;display:block;background:#35455d;border-radius:20px;position:relative}.track:before{content:'';width:23px;height:23px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .2s}.switch input:checked+.track{background:#d18d35}.switch input:checked+.track:before{transform:translateX(22px)}.range-heading{margin:20px 0 10px;display:flex;justify-content:space-between;font-size:12px;color:var(--sub)}input[type=range]{width:100%;accent-color:var(--orange)}.people{margin-top:14px;color:var(--sub);font-size:14px;line-height:2}.person{display:inline-block;margin:0 6px 8px 0;background:#213750;border-radius:20px;padding:4px 12px;color:var(--text)}.bottom-actions{display:flex;align-items:center;justify-content:space-between;padding:0 5px;font-size:11px;color:var(--sub)}.notice{min-height:18px;color:#ffc078;font-size:13px;text-align:center}@media(max-width:390px){.panel{padding:18px}.rooms{gap:7px}.room{padding:12px 7px}.talk-btn{width:158px;height:158px}}[hidden]{display:none!important}