*{box-sizing:border-box}html,body{margin:0;background:#050713;color:#f7f4ff;font-family:Cairo,system-ui,sans-serif;min-height:100%;overflow-x:hidden}body{background:radial-gradient(circle at 20% 0%,#221050 0,#090b20 32%,#050713 70%);background-attachment:fixed}button,input,select,textarea{font:inherit}button{cursor:pointer}.d-none{display:none!important}.glass{background:rgba(10,15,37,.74);border:1px solid rgba(166,93,255,.22);box-shadow:0 18px 60px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(18px)}.neon-card{border:1px solid rgba(171,84,255,.4);border-radius:22px;box-shadow:0 0 0 1px rgba(104,55,255,.08),0 12px 45px rgba(106,22,240,.13)}#shell{min-height:100vh;padding-bottom:88px}.topbar{height:62px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-radius:0 0 18px 18px}.brand-mini{display:flex;align-items:center;gap:8px;font-size:18px}.brand-icon,.logo-mark,.logo-big{display:grid;place-items:center;background:linear-gradient(135deg,#4e7cff,#f000d0);color:#fff;box-shadow:0 0 30px #a000ff66}.brand-icon{width:31px;height:31px;border-radius:10px;font-size:17px}.icon-btn{border:1px solid #ffffff13;background:#10162e;color:#fff;border-radius:13px;width:40px;height:40px;display:grid;place-items:center}.icon-btn:hover{border-color:#bb52ff77;box-shadow:0 0 20px #b51cff22}.top-actions{display:flex;gap:7px}.dot{width:6px;height:6px;border-radius:50%;background:#ff22c9;position:absolute;margin:0 -2px 23px 0}.bottom-nav{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);z-index:60;width:min(96%,560px);height:68px;border-radius:23px;display:flex;align-items:center;justify-content:space-around;padding:5px 7px}.bottom-nav button{background:none;border:0;color:#8589a7;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px}.bottom-nav button i{font-size:21px}.bottom-nav button:hover,.bottom-nav button.active{color:#ff31d1}.create-fab{width:54px!important;height:54px!important;border-radius:18px!important;background:linear-gradient(135deg,#6f38ff,#f31ac7)!important;color:#fff!important;box-shadow:0 0 30px #9b24ff55}.page-head{max-width:1000px;margin:22px auto 16px;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.page-head h1{font-size:28px;margin:2px 0;font-weight:800}.eyebrow{font-size:10px;letter-spacing:3px;color:#a56dff}.hero{max-width:1000px;margin:12px auto 24px;padding:28px;border-radius:28px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero h2{font-size:32px;font-weight:800;margin:9px 0}.hero p{color:#a9adc9;max-width:520px}.pill,.live-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:20px;background:#ff159c22;color:#ff4acb;border:1px solid #ff32c644;font-size:10px}.wave-art{height:130px;display:flex;align-items:center;gap:7px;opacity:.85}.wave-art i{display:block;width:7px;border-radius:8px;background:linear-gradient(#4b7dff,#f42cd2);box-shadow:0 0 18px #b529ff88;animation:wave 1s ease-in-out infinite}.wave-art i:nth-child(1){height:35px}.wave-art i:nth-child(2){height:75px;animation-delay:.1s}.wave-art i:nth-child(3){height:110px;animation-delay:.2s}.wave-art i:nth-child(4){height:60px;animation-delay:.3s}.wave-art i:nth-child(5){height:100px;animation-delay:.4s}.wave-art i:nth-child(6){height:50px;animation-delay:.5s}.wave-art i:nth-child(7){height:80px;animation-delay:.6s}@keyframes wave{50%{transform:scaleY(.55);opacity:.65}}.section-title{max-width:1000px;margin:24px auto 12px;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.section-title h2{font-size:19px;margin:0}.section-title span{font-size:11px;color:#8589a7}.room-grid{max-width:1000px;margin:auto;padding:0 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.room-card{overflow:hidden;cursor:pointer;transition:.25s}.room-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #9e28ff22}.room-cover{height:135px;position:relative;background:radial-gradient(circle at 50% 30%,#6d32b8,#121936 55%,#090d1c);display:grid;place-items:center}.cover-glow{position:absolute;width:150px;height:100px;background:#b126ff44;filter:blur(45px)}.room-icon{font-size:58px;position:relative;filter:drop-shadow(0 0 20px #f23cff77)}.room-cover .live-badge{position:absolute;top:10px;right:10px}.viewer{position:absolute;top:10px;left:10px;font-size:10px;background:#0008;padding:5px 8px;border-radius:20px}.room-info{padding:12px}.room-title{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-meta{font-size:10px;color:#8f94b3;margin:4px 0 10px;display:flex;gap:6px}.btn-primary,.btn-outline,.btn-danger,.btn-small,.btn-tiny{border-radius:13px;padding:11px 16px;border:1px solid transparent;transition:.2s}.btn-primary{background:linear-gradient(135deg,#6739ff,#f20acb);color:#fff;box-shadow:0 8px 24px #a21cff2b}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 30px #a21cff55}.btn-outline{background:#0e1530;color:#fff;border-color:#794cff66}.btn-danger{background:#ff315022;color:#ff6f8d;border-color:#ff315044}.btn-small{background:#7a35ff;color:#fff;padding:7px 11px;font-size:11px}.btn-tiny{background:#182044;color:#fff;padding:5px 8px;font-size:10px;margin:2px}.btn-tiny.danger{color:#ff7a96}.form-card{max-width:760px;margin:18px auto;padding:20px;border-radius:22px}.form-stack{display:grid;gap:14px}.form-stack label{font-size:12px;color:#aeb2cc}.form-stack input,.form-stack select,.form-stack textarea,.searchbar input{width:100%;margin-top:6px;background:#080e25;border:1px solid #ffffff12;color:#fff;border-radius:13px;padding:12px 13px;outline:0}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.searchbar input:focus{border-color:#a644ff88;box-shadow:0 0 0 3px #9c31ff12}.form-stack textarea{min-height:110px;resize:vertical}.audio-preview{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:16px;border-radius:18px;background:linear-gradient(90deg,#151c46,#11152f);border:1px solid #7d4aff33}.audio-preview>div:nth-child(2){flex:1}.mic-orb{width:55px;height:55px;border-radius:18px;display:grid;place-items:center;background:#7138ff22;font-size:26px;box-shadow:inset 0 0 25px #a72cff22}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:7px}.mode-option input{display:none}.mode-option span{height:100%;display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid #ffffff12;background:#090f25;border-radius:16px;color:#fff}.mode-option input:checked+span{border-color:#9f42ff99;box-shadow:0 0 25px #a125ff1c;background:#191036}.mode-option i{font-size:22px;color:#bd56ff}.mode-option small{color:#8589a7}.notice{display:flex;gap:9px;padding:13px;border-radius:15px;background:#ffb52b0c;border:1px solid #ffb52b25;color:#d6d7e4;font-size:11px}.searchbar{max-width:1000px;margin:15px auto;padding:7px 10px;border-radius:15px;display:flex;align-items:center;gap:8px}.searchbar input{margin:0;border:0;background:transparent}.chips{max-width:1000px;margin:12px auto;display:flex;gap:8px;padding:0 16px;overflow:auto}.chip{white-space:nowrap;border:1px solid #ffffff12;background:#10162d;padding:7px 12px;border-radius:20px;font-size:11px;color:#9ca0b9}.chip.active{background:#7d39ff22;border-color:#9b48ff77;color:#fff}.profile-cover{height:125px;background:radial-gradient(circle at 50% 0,#7a28b955,transparent 55%)}.profile-card{max-width:760px;margin:-30px auto 20px;border-radius:25px;padding:20px;position:relative}.profile-main{display:flex;align-items:center;gap:13px}.profile-main h1{font-size:21px;margin:0}.profile-main p{font-size:11px;color:#8f94b3;margin:2px 0}.avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid #9b4cff;box-shadow:0 0 22px #a124ff33}.avatar-fallback{display:inline-grid;place-items:center;background:linear-gradient(135deg,#253b85,#8c2bc8);color:#fff;font-weight:800}.verified{color:#4d9dff;font-size:13px}.bio{color:#a8acc5;font-size:12px;line-height:1.8}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.stats-row div{background:#0b112a;border:1px solid #ffffff0b;border-radius:14px;padding:12px;text-align:center}.stats-row b{display:block;font-size:18px}.stats-row span{font-size:9px;color:#8e93ad}.profile-actions{display:flex;gap:8px}.list-card{max-width:760px;margin:10px auto;padding:12px;border-radius:20px}.list-row{display:flex;align-items:center;gap:9px;padding:11px;border-bottom:1px solid #ffffff09}.list-row .avatar{width:38px;height:38px}.list-row span{margin-right:auto;color:#f4c3ff}.settings-grid{max-width:1000px;margin:auto;padding:0 14px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.avatar-editor{display:flex;align-items:center;gap:12px;margin-bottom:18px}.splash{position:fixed;inset:0;display:grid;place-items:center;align-content:center;background:#050713;z-index:1000}.splash .logo-mark,.logo-big{width:88px;height:88px;border-radius:27px;font-size:44px}.splash h1{font-size:36px;margin:16px 0 0}.splash p{color:#9ea3c2}.loader{width:70px;height:3px;background:linear-gradient(90deg,#6b3bff,#f21bd1);border-radius:4px;animation:load 1.2s infinite}@keyframes load{50%{transform:scaleX(.35);opacity:.4}}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(440px,100%);padding:28px;border-radius:28px;background:linear-gradient(160deg,#0b1029ee,#080b1cee);text-align:center}.auth-brand .logo-big{margin:auto;width:72px;height:72px;border-radius:22px;font-size:32px}.auth-brand h1{font-size:32px;margin:12px 0 0}.auth-brand p{color:#a3a8c3}.auth-copy{text-align:right;margin:25px 0 15px}.auth-copy h2{font-size:21px}.auth-copy span,.small-muted{color:#8288a7;font-size:11px}.auth-divider{margin:14px 0;color:#6e7392;font-size:11px}.form-stack{text-align:right}.room-page{min-height:100vh;background:radial-gradient(circle at 50% 0,#27105a,#060813 46%);padding-bottom:125px}.room-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#060814dd;backdrop-filter:blur(18px)}.room-title-mini{display:flex;flex-direction:column;align-items:center;max-width:65%;text-align:center}.room-title-mini b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-title-mini small{font-size:9px;color:#888da9}.ad-slot{max-width:720px;margin:8px auto;padding:0 10px}.ad-placeholder{min-height:44px;border:1px dashed #ffffff1c;border-radius:12px;display:grid;place-items:center;color:#656b88;font-size:9px;background:#ffffff03}.stage{min-height:270px;max-width:1000px;margin:0 auto;padding:22px 14px;border-radius:0 0 28px 28px;position:relative;overflow:hidden}.ambient{position:absolute;inset:-50%;background:radial-gradient(circle at center,#8325ff25,transparent 35%);animation:ambient 6s infinite alternate}@keyframes ambient{to{transform:scale(1.12);opacity:.7}}.speaker-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:600px;margin:25px auto}.speaker{text-align:center}.speaker-ring{width:64px;height:64px;margin:auto;position:relative;display:grid;place-items:center;border-radius:50%;border:2px solid #743fff;box-shadow:0 0 22px #9b31ff22}.speaker.speaking .speaker-ring{animation:speakPulse 1s infinite;border-color:#ff2bd2;box-shadow:0 0 30px #ff2bd255}@keyframes speakPulse{50%{transform:scale(1.07);box-shadow:0 0 40px #ff2bd266}}.speaker .avatar{width:58px;height:58px;border:0}.speaker-wave{position:absolute;bottom:-5px;right:-5px;background:#ff2bd2;border-radius:9px;padding:1px 4px;font-size:10px}.speaker b{display:block;font-size:10px;margin-top:5px}.speaker small{font-size:8px;color:#7e84a1}.audio-status{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:9px;color:#a8aecb;z-index:2}.pulse{display:inline-block;width:7px;height:7px;background:#2bffab;border-radius:50%;box-shadow:0 0 12px #2bffab;animation:pulse 1s infinite}@keyframes pulse{50%{transform:scale(.6);opacity:.5}}.live-feed{max-width:720px;margin:10px auto}.feed-head{display:flex;justify-content:space-between;padding:8px 14px;color:#9da2bd;font-size:11px}.comments{height:230px;overflow:auto;padding:4px 14px;mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent)}.comment{display:flex;gap:7px;margin:7px 0;animation:commentIn .25s}.comment .avatar{width:30px;height:30px;border:1px solid #6e4fff}.comment div{background:#0b1126cc;padding:6px 10px;border-radius:12px 12px 12px 3px;max-width:80%}.comment b{font-size:9px;color:#c994ff}.comment p{font-size:11px;margin:1px 0;color:#e6e5ef}@keyframes commentIn{from{opacity:0;transform:translateY(6px)}}.room-controls{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);width:min(96%,720px);z-index:70;display:flex;align-items:center;gap:7px;padding:8px;border-radius:20px}.control{width:43px;height:43px;border-radius:13px;border:1px solid #ffffff12;background:#121a36;color:#fff}.control.gift{background:linear-gradient(135deg,#f72fca,#753bff)}.control.mic.active{background:#2bce9a}.comment-input{flex:1;display:flex;background:#070d20;border:1px solid #ffffff0c;border-radius:14px;overflow:hidden}.comment-input input{min-width:0;flex:1;background:transparent;border:0;color:#fff;padding:11px;outline:0;font-size:11px}.comment-input button{width:40px;border:0;background:transparent;color:#a954ff}.host-lock,.leave-note{max-width:720px;margin:8px auto;padding:8px;text-align:center;font-size:9px;color:#747b98}.host-lock .btn-danger{padding:5px 9px;font-size:9px}.speaker-requests{max-width:720px;margin:10px auto;padding:8px;border-radius:15px;background:#0c1228e8}.request-row{display:flex;align-items:center;gap:8px;padding:7px;border-bottom:1px solid #ffffff08}.request-row .avatar{width:34px;height:34px}.request-row b{flex:1;font-size:10px}.gift-sheet,.profile-modal{width:min(700px,100%);margin:auto;border-radius:26px 26px 0 0;padding:18px;max-height:82vh;overflow:auto;position:absolute;bottom:0;left:0;right:0}.sheet-backdrop{position:fixed;inset:0;background:#0009;z-index:200;display:flex;align-items:flex-end}.sheet-head{display:flex;align-items:center;justify-content:space-between}.gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gift-item{background:#0b122b;border:1px solid #ffffff0d;border-radius:16px;color:#fff;padding:10px;display:flex;flex-direction:column;align-items:center;gap:3px}.gift-item:hover{border-color:#ff36d177;transform:translateY(-2px)}.gift-item span{font-size:31px;filter:drop-shadow(0 0 10px #d536ff44)}.gift-item b{font-size:9px}.gift-item small{font-size:8px;color:#f6ca63}.coin-balance{margin-top:12px;text-align:center;color:#f6ca63}.gift-animation{position:fixed;inset:0;z-index:300;pointer-events:none;display:grid;place-items:center;opacity:0}.gift-animation.play{animation:giftIn 2.5s ease forwards}.gift-emoji{font-size:130px;filter:drop-shadow(0 0 45px #ff2bd2);transform:scale(.2)}.gift-name{position:absolute;bottom:22%;background:#080a18dd;padding:10px 18px;border:1px solid #ff39d666;border-radius:20px;font-size:12px}.gift-burst{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#ff3bd744,transparent 65%);animation:burst 1s}.gift-animation.play .gift-emoji{animation:giftEmoji 2.2s cubic-bezier(.2,.9,.2,1)}@keyframes giftIn{0%{opacity:0}15%,85%{opacity:1}100%{opacity:0}}@keyframes giftEmoji{0%{transform:scale(.2) rotate(-15deg)}35%{transform:scale(1.25) rotate(7deg)}60%{transform:scale(1) rotate(-3deg)}100%{transform:scale(.75) translateY(-40px)}}@keyframes burst{to{transform:scale(1.7);opacity:0}}.admin-grid{max-width:1000px;margin:auto;padding:0 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{padding:15px;border-radius:18px}.metric span{font-size:9px;color:#858ba7}.metric b{display:block;font-size:23px;margin-top:5px}.admin-tabs{max-width:1000px;margin:18px auto 8px;padding:0 14px;display:flex;gap:7px;overflow:auto}.admin-tabs button{border:1px solid #ffffff12;background:#0e1530;color:#9298b5;border-radius:12px;padding:8px 13px}.admin-tabs button.active{background:#803aff22;color:#fff;border-color:#a84fff66}.table-wrap{max-width:1000px;margin:auto;padding:12px;border-radius:18px;overflow:auto}.tablex{width:100%;border-collapse:collapse;font-size:10px}.tablex th,.tablex td{padding:9px;border-bottom:1px solid #ffffff09;text-align:right;white-space:nowrap}.tablex .avatar{width:30px;height:30px;vertical-align:middle}.tablex small{display:block;color:#6e7491}.ad-edit{display:grid;gap:8px;padding:13px;border-bottom:1px solid #ffffff0c}.ad-edit textarea{min-height:130px;background:#070c20;color:#fff;border:1px solid #ffffff10;border-radius:12px;padding:10px}.audit-list>div{padding:10px;border-bottom:1px solid #ffffff0a;display:grid;gap:3px}.audit-list span,.audit-list small,.audit-list time{color:#777d99;font-size:9px}.empty{text-align:center;padding:40px 15px;color:#858ba7}.empty i{font-size:36px;color:#a445ff}.toastx{position:fixed;top:75px;left:50%;transform:translate(-50%,-15px);opacity:0;z-index:500;background:#11182f;border:1px solid #8e4aff55;border-radius:14px;padding:10px 14px;font-size:11px;box-shadow:0 12px 40px #0008;transition:.3s}.toastx.show{opacity:1;transform:translate(-50%,0)}.toastx.error{border-color:#ff4e7777}.toastx.success{border-color:#2bffab77}.toastx.warn{border-color:#ffbd4d77}.close-x{position:absolute;top:12px;left:12px}.gift-from>div{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #ffffff08}.gift-from .avatar{width:35px;height:35px}.gift-from span{margin-right:auto;color:#f5c960}@media(max-width:700px){.hero{margin:10px 10px 18px;padding:20px}.hero h2{font-size:24px}.wave-art{transform:scale(.65);margin-left:-20px}.room-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:repeat(2,1fr)}.speaker-grid{grid-template-columns:repeat(3,1fr)}.gift-grid{grid-template-columns:repeat(4,1fr)}.room-cover{height:118px}.room-controls{bottom:7px}.room-page{padding-bottom:130px}}@media(min-width:900px){#view{padding-bottom:20px}.bottom-nav{bottom:20px}.room-page{padding:0 18px 140px}.room-top{max-width:1000px;margin:auto;border-radius:0 0 18px 18px}}

/* v6 shared-hosting feature layer */
.hero,.profile-head,.card,.room-header,.room-controls,.comments,.auth-card{border:1px solid rgba(168,85,247,.16)}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick{padding:18px;border:1px solid rgba(168,85,247,.16);background:rgba(255,255,255,.035);color:#fff;border-radius:18px;font-weight:700}.searchbox{display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.05);padding:8px 12px;border-radius:14px}.searchbox input{border:0;background:transparent;color:#fff;outline:0;width:240px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.chip{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#ddd;padding:8px 14px;border-radius:999px}.chip.active{background:#7b2ff7;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.stats-grid>div{padding:18px;border-radius:18px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;gap:4px}.stats-grid b{font-size:22px}.stats-grid span,.muted,.small-muted{color:#9ca3af}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pad{padding:20px}.list-btn{display:block;width:100%;padding:13px;margin:8px 0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;text-align:right}.profile-head{display:flex;gap:18px;align-items:center;padding:22px}.profile-actions{margin-inline-start:auto;display:flex;gap:8px}.avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#7b2ff7,#a855f7);display:grid;place-items:center;color:#fff;font-weight:800;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.xl{width:86px;height:86px;font-size:28px}.user-list{display:grid;gap:8px}.user-row,.admin-row,.request-row,.list-row{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;background:rgba(255,255,255,.035)}.user-row>div:nth-child(2),.admin-row>span:first-child{flex:1}.user-row small,.admin-row small,.list-row small{display:block;color:#9ca3af}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.form-stack label{display:flex;flex-direction:column;gap:7px}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select,.auth-card input,.auth-card select,.auth-card textarea,.invite-row input{background:#0b0d1c;color:#fff;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:12px}.w100{width:100%}.narrow{max-width:720px;margin:auto}.btn-ghost,.btn-primary,.btn-small,.control{border:0;border-radius:12px;padding:10px 14px;color:#fff;background:#7b2ff7}.btn-ghost{background:rgba(255,255,255,.07)}.btn-small{font-size:12px}.danger{background:#a92d4b!important}.room-page{max-width:980px;margin:auto}.room-header{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:10px}.room-header>div:nth-child(2){flex:1}.room-header small{display:block;color:#9ca3af}.room-actions{display:flex;align-items:center;gap:8px}.room-stage{min-height:360px;padding:20px;border-radius:22px;background:radial-gradient(circle at 50% 0%,rgba(123,47,247,.24),rgba(7,8,22,.96) 55%);position:relative}.audio-status{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);display:inline-block}.speaker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.speaker{position:relative;text-align:center;padding:15px;border-radius:18px;background:rgba(255,255,255,.045)}.speaker.pinned{outline:1px solid #a855f7}.speaker-avatar{width:78px;height:78px;margin:auto;position:relative}.speaker-avatar .avatar{width:78px;height:78px}.speaker-avatar i{position:absolute;bottom:-4px;right:-2px}.speaker-tools{display:flex;justify-content:center;gap:4px;margin-top:8px}.speaker-tools button{background:rgba(255,255,255,.08);border:0;border-radius:8px;color:#fff}.comments{max-height:270px;overflow:auto;padding:14px;margin:10px 0}.comment{display:flex;gap:9px;padding:7px 0}.comment p{margin:2px 0;color:#ddd}.comment-form{display:flex;gap:8px;padding:8px;margin-top:10px}.comment-form input{flex:1;background:transparent;border:0;color:#fff;outline:0}.comment-form button{background:#7b2ff7;color:#fff;border:0;border-radius:10px;padding:10px 16px}.room-controls{display:flex;gap:8px;justify-content:center;padding:10px;margin-top:10px;flex-wrap:wrap}.control{background:rgba(255,255,255,.08)}.adbox{min-height:28px;text-align:center;margin:8px 0}.gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gift-grid button{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:#fff;border-radius:15px;padding:13px;display:flex;flex-direction:column;align-items:center;gap:5px}.gift-grid span{font-size:34px}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px;z-index:100}.modal-card{width:min(760px,100%);max-height:90vh;overflow:auto;background:#0b0d1c;border:1px solid rgba(168,85,247,.25);border-radius:24px;padding:22px;position:relative}.close{position:absolute;top:12px;left:12px;background:transparent;color:#fff;border:0;font-size:22px}.modal-actions{display:flex;gap:8px;flex-wrap:wrap}.wallet-card{padding:25px;border-radius:20px;background:linear-gradient(135deg,#201044,#0e1020);display:flex;justify-content:space-between;align-items:center}.wallet-card strong{font-size:32px}.wallet-actions,.invite-row{display:flex;gap:10px;align-items:center;margin:15px 0}.wallet-actions span{color:#9ca3af}.notif{position:relative;padding:14px;border-radius:14px;background:rgba(255,255,255,.04);margin:8px 0}.notif.read{opacity:.65}.notif button{position:absolute;left:10px;top:10px}.dm-box{min-height:300px}.dm-messages{display:flex;flex-direction:column;gap:8px;padding:15px}.dm{align-self:flex-start;max-width:75%;padding:10px 14px;background:rgba(255,255,255,.07);border-radius:14px}.dm.me{align-self:flex-end;background:#7b2ff7}.gift-pop{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%) scale(.4);opacity:0;z-index:300;background:rgba(20,10,40,.96);padding:22px 30px;border-radius:22px;display:flex;align-items:center;gap:12px;animation:giftpop 3s ease forwards}.gift-pop strong{font-size:70px}.jsonview{white-space:pre-wrap;color:#ddd}.mt{margin-top:22px}@keyframes giftpop{15%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}30%,75%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-65%) scale(.8)}}
@media(max-width:800px){.stats-grid,.speaker-grid{grid-template-columns:repeat(2,1fr)}.two-col,.form-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.profile-head{flex-wrap:wrap}.profile-actions{margin-inline-start:0}.gift-grid{grid-template-columns:repeat(3,1fr)}}