*{box-sizing:border-box}body{margin:0;background:#100a1a;color:#f7f0ff;font:15px system-ui}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #62417c;border-radius:12px;padding:11px 17px;background:#352044;color:white}button:disabled{opacity:.5;cursor:wait}input,textarea,select{padding:12px;background:#170f23;color:#fff;border:1px solid #594168;border-radius:11px;width:100%;margin:8px 0 16px}label{display:block;color:#d0bedf}textarea{min-height:100px}.shell{max-width:1400px;margin:auto;display:flex;min-height:100vh}aside{width:240px;padding:34px 24px;background:#180e26;border-right:1px solid #3b254d;display:flex;flex-direction:column;gap:50px}.brand{font-size:29px;font-weight:850;color:#e0a0ff}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:8px;color:#b6a0ca}nav{display:grid;gap:12px}nav button{text-align:start;background:transparent}footer{margin-top:auto;color:#a38bb7;font-size:10px}main{padding:32px 5%;flex:1;min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:12px}header select{width:130px;margin:0}h1{font-size:clamp(30px,5vw,49px);line-height:1.15;letter-spacing:-1px}h2{font-size:25px}p{color:#cbbbd8;line-height:1.7}.pill{font-size:10px;letter-spacing:1.3px;color:#e6bdff}.hero{border:1px solid #8d4ac0;background:radial-gradient(ellipse at 90% 0,#75358b,transparent 60%),linear-gradient(120deg,#40215e,#27123c);padding:35px;border-radius:24px;margin:30px 0}.hero h2{font-size:34px;max-width:380px}.card{border:1px solid #493154;border-radius:20px;background:#1d132b;padding:24px;margin:16px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.primary{background:linear-gradient(100deg,#9949ed,#df58b5);border:0;margin:12px 0;width:100%;font-weight:700}small{display:block;color:#b5a0c5;line-height:1.6}#loginform{max-width:460px}#profileform{max-width:580px}#msg{color:#f4bde2;min-height:18px}#avatar,.initial{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:20px}.initial{display:grid;place-items:center;background:#663092;font-size:40px}.user{padding:16px 0;border-bottom:1px solid #493154;overflow-wrap:anywhere}.user button{margin-top:12px;font-size:12px}.user strong{display:block}#searchform{display:flex;align-items:baseline;gap:8px}[hidden]{display:none!important}@media(max-width:750px){.shell{display:block}aside{width:100%;padding:18px 20px;gap:15px;border-bottom:1px solid #3b254d}nav{display:flex;flex-wrap:wrap;gap:7px}nav button{font-size:12px;padding:8px 11px}footer{display:none}main{padding:24px 20px}.grid{grid-template-columns:1fr;gap:0}.hero{padding:25px}.brand{font-size:25px}}
.coin-balance{font-size:40px;font-weight:800;color:#edb1ff}.gift-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.gift-grid button{min-height:90px;background:linear-gradient(140deg,#3b1b53,#23112e)}.price-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid #493154;padding:8px 0}.price-row span{flex:1}.price-row input{width:100px;margin:0}.price-row button{font-size:12px}@media(max-width:500px){.price-row{gap:6px}.price-row input{width:80px}}
.seats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.seat{position:relative;min-height:250px;border:1px solid #58356b;border-radius:22px;background:#1c1129;padding:18px;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:10px}.seat video{width:100%;height:170px;object-fit:cover;border-radius:12px;background:#09050e}.seat-avatar{width:100px;height:100px;display:grid;place-items:center;border:3px solid #9d5ac7;border-radius:50%;font-size:42px;background:#40205d;margin:18px}.voice-on{border-color:#e5a2ff;box-shadow:0 0 0 2px #a767c944}.voice-bars{height:20px;display:flex;align-items:center;gap:3px}.voice-bars i{display:block;width:4px;height:calc(3px + var(--voice,0) * 17px);background:#edb2ff;border-radius:3px}.voice-bars i:nth-child(2n){height:calc(3px + var(--voice,0) * 10px)}.seat-controls{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.seat-controls button{font-size:10px;padding:6px 9px}.room-tools{display:flex;gap:10px;flex-wrap:wrap}.room-badge{display:inline-block;background:#8d3269;color:white;border-radius:20px;padding:6px 13px;font-size:11px;letter-spacing:1px}.room-chat{max-height:280px;overflow:auto;background:#1c1129;border-radius:15px;padding:15px}.room-chat p{overflow-wrap:anywhere}.chat-form{display:flex;align-items:baseline;gap:10px}@media(max-width:500px){.seats{gap:8px}.seat{padding:10px;min-height:220px}.seat video{height:130px}.seat strong{font-size:12px}.seat-avatar{height:75px;width:75px}.room-tools button{font-size:12px}}

/* DenoChat room icon controls */
.room-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;padding:11px!important;border-radius:50%;background:#2c1b3d;color:#cbb6dd;border:1px solid #684780}.room-icon svg{width:24px;height:24px;pointer-events:none}.room-icon.is-on{background:linear-gradient(135deg,#9651da,#cc5099);border-color:#e2a8ff;color:white}.room-icon:focus-visible{outline:3px solid #f2c6ff;outline-offset:3px}.room-icon:disabled{opacity:.35}.seat-controls .room-icon{width:34px;height:34px;min-width:34px;padding:7px!important}.seat-controls .room-icon svg{width:19px;height:19px}

/* Stable live-room layout: reserve meter space and avoid video relayout */
.seat .voice-bars{display:flex!important;visibility:hidden;min-height:20px;height:20px;flex-shrink:0}.seat.video-placeholder{min-height:250px}.seat{transition:none!important;animation:none!important}.seat video{display:block;flex-shrink:0}.seat video[hidden]{display:none!important}