:root{--bg: #0f0e15;--panel: #1b1a23;--panel-2: #24222e;--line: #2f2c3b;--text: #eeeaf5;--muted: #9a94ab;--pink: #e8317a;--purple: #a855f7;--cyan: #2fb6ff;--green: #7ee06c;--red: #ff4d6d;--gold: #ffd23f;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Open Sans,system-ui,sans-serif;font-size:14px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.45}input{font:inherit;color:inherit}.muted{color:var(--muted)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{display:grid;grid-template-columns:72px 240px 1fr 340px;height:100%;transition:grid-template-columns .22s ease}.app.no-left{grid-template-columns:72px 0 1fr 340px}.app.no-chat{grid-template-columns:72px 240px 1fr 0}.app.no-left.no-chat{grid-template-columns:72px 0 1fr 0}.app>.channels,.app>.chat{overflow:hidden;min-width:0}.app.no-left>.channels,.app.no-chat>.chat{border:0}.side-toggle{background:#0008;border-radius:8px;padding:5px;color:#ddd}.side-toggle:hover{background:#000c;color:#fff}.side-toggle.right{margin-left:auto}.side-toggle[data-tip]:hover:after{top:calc(100% + 8px);bottom:auto}.side-toggle.right[data-tip]:hover:after,.side-toggle.right~.side-toggle[data-tip]:hover:after{left:auto;right:0;transform:none;animation:none}.side-toggle:first-child[data-tip]:hover:after{left:0;transform:none;animation:none}.main{position:relative;display:flex;flex-direction:column;min-width:0}.rail{background:#07060b;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;overflow-y:auto;scrollbar-width:none}.rail-item{position:relative;width:48px;height:48px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--c, #24222e);color:#fff;font-weight:700;font-size:15px;transition:border-radius .18s,background .18s}.rail-item:hover,.rail-item.active{border-radius:16px}.rail-item.home{background:#24222e;color:var(--pink)}.rail-item.home:hover{background:var(--pink);color:#fff}.rail-item.action{background:#1b1a23;color:var(--green)}.rail-item.action:hover{background:var(--green);color:#07060b}.rail-pill{position:absolute;left:-12px;top:50%;width:4px;height:8px;margin-top:-4px;border-radius:0 4px 4px 0;background:#fff;opacity:0;transition:all .18s}.rail-item:hover .rail-pill{opacity:1;height:20px;margin-top:-10px}.rail-item.active .rail-pill{opacity:1;height:40px;margin-top:-20px}.rail-item[data-tip]:hover:after{content:attr(data-tip);position:fixed;left:80px;transform:translateY(0);background:#000;color:#fff;font-size:13px;font-weight:600;padding:6px 10px;border-radius:6px;white-space:nowrap;z-index:100;pointer-events:none;box-shadow:0 4px 12px #0008}.rail-sep{width:32px;height:2px;border-radius:1px;background:#24222e;flex:none}.channels{background:#13121a;display:flex;flex-direction:column;min-height:0;position:relative;border-right:1px solid #000}.ch-header{height:54px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-weight:700;font-size:15px;border-bottom:1px solid #000;box-shadow:0 1px #ffffff08;text-align:left}.ch-header:hover{background:#ffffff08}.ch-header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-header .flip{transform:rotate(180deg)}.ch-menu{position:absolute;top:58px;left:8px;right:8px;z-index:50;background:#0b0a10;border-radius:8px;padding:6px;box-shadow:0 8px 24px #000c;display:flex;flex-direction:column}.ch-menu button{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:4px;font-size:13px;color:#cfc9dc;text-align:left}.ch-menu button:hover{background:var(--purple);color:#fff}.ch-menu button.danger{color:var(--red)}.ch-menu button.danger:hover{background:var(--red);color:#fff}.ch-scroll{flex:1;overflow-y:auto;padding:10px 8px;scrollbar-width:thin}.ch-shortcut{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:6px;color:#a9a3b8;font-weight:600;font-size:14px}.ch-shortcut:hover{background:#ffffff0a;color:#fff}.ch-shortcut.on{background:#ffffff14;color:#fff}.ch-divider{height:1px;background:var(--line);margin:8px 4px 4px}.ch-cat{margin-top:14px}.ch-cat-head{display:flex;align-items:center;justify-content:space-between;padding:0 2px 4px 0}.ch-cat-head>span,.ch-cat-head>button:first-child{padding-left:4px;display:flex;align-items:center;gap:2px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#8b879a}.ch-cat-head>button:first-child:hover{color:#ddd}.ch-add{color:#8b879a;display:grid}.ch-add:hover{color:#fff}.ch-room{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;color:#8b879a;cursor:pointer;margin-top:2px}.ch-room:hover{background:#ffffff0a;color:#ddd}.ch-room.live{color:#cfc9dc}.ch-room.active{background:#ffffff17;color:#fff}.ch-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:14.5px}.ch-count{font-size:11px;background:#ffffff14;border-radius:8px;padding:0 6px;color:#cfc9dc}.ch-spin{color:var(--pink);animation:spin 3s linear infinite}.ch-del{display:none;color:#8b879a}.ch-del:hover{color:var(--red)}.ch-room:hover .ch-del{display:grid}.ch-onair{margin-top:12px;border-radius:8px;background:#ffffff0a;cursor:pointer}.ch-onair .ch-room{margin:0}.ch-marquee{flex:1;min-width:0;overflow:hidden;white-space:nowrap;font-weight:500;font-size:14px}.ch-marquee>span{display:inline-block}.ch-marquee.run{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 14px),transparent)}.ch-marquee.run>span{animation:marquee linear infinite}.ch-marquee.run>span>span{padding-right:40px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ch-dj{display:flex;align-items:center;gap:8px;padding:5px 8px 7px;font-size:12.5px;color:#cfc9dc}.ch-dj:hover .ch-dj-name{color:#fff;text-decoration:underline}.ch-dj-av{width:20px;height:20px;border-radius:50%;overflow:hidden;background:#ffffff14;flex:none;animation:djbob .97s ease-in-out infinite alternate}.ch-dj-av img,.ch-dj-av svg{width:100%;height:100%;display:block}.ch-dj-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--pink)}.ch-dj-ic{color:var(--pink);flex:none}@keyframes djbob{to{transform:translateY(-2px) rotate(-6deg)}}.ch-users{padding:2px 0 4px 26px}.ch-user{display:flex;align-items:center;gap:7px;padding:3px 6px;border-radius:4px;font-size:13px;color:#a9a3b8}.ch-user:hover{background:#ffffff08}.ch-user.me{color:#fff}.ch-user-av{width:22px;height:22px;border-radius:50%;background:#ffffff10;overflow:hidden;flex:none}.ch-user-av svg{width:100%;height:100%}.ch-user-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-dj{color:var(--purple)}.ch-wl{font-size:11px;color:var(--cyan)}.ch-user-name.role-owner,.ch-user-name.role-host{color:var(--gold)}.ch-more{font-size:12px;color:var(--muted);padding:2px 6px 0 35px}.user-panel{height:56px;flex:none;display:flex;align-items:center;gap:6px;padding:0 8px;background:#0d0c12}.up-av{position:relative;width:34px;height:34px;border-radius:50%;background:#ffffff14;flex:none}.up-av svg{width:100%;height:100%;border-radius:50%}.up-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#23a55a;border:3px solid #0d0c12}.up-info{flex:1;min-width:0}.up-name{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-status{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar{position:absolute;top:0;left:0;right:0;z-index:30;height:54px;display:flex;align-items:center;gap:12px;padding:0 18px;background:linear-gradient(#000a,transparent);pointer-events:none}.topbar>*{pointer-events:auto}.topbar h1{font-size:20px;font-weight:600;margin:0 8px 0 0;text-shadow:0 2px 6px #000;display:flex;align-items:center;gap:4px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff55;border-radius:20px;padding:4px 12px;font-size:12px;background:#0006}.chip.plain{border:0;background:none}.stage{position:relative;flex:1;overflow:hidden;container-type:size;background:#07071f}.scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.star{animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.2}}.platter{animation:none}.screen{position:absolute;top:7%;left:50%;transform:translate(-50%);width:min(46cqw,44cqh * 1.7778);aspect-ratio:16 / 9;background:#000;border-radius:4px;overflow:hidden;z-index:3;box-shadow:0 0 0 3px #0008,0 12px 40px #000a}.player,.player iframe,.player>div{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.player iframe{pointer-events:none}.screen-idle{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(#2a1458,#07071f);color:#cfc8e6;text-align:center}.screen-idle img{width:100%;height:100%;object-fit:cover}.screen-idle small{color:var(--muted)}.floor{position:absolute;left:7%;right:7%;top:58%;bottom:12%;z-index:4}.crowd-member{position:absolute;width:calc(min(6.6cqw,11cqh) * var(--s));transform:translate(-50%,-100%);transition:left .9s ease,top .9s ease;pointer-events:none}.crowd-member svg{display:block;width:100%;overflow:visible;transform-origin:50% 100%;animation:idle 3.2s ease-in-out infinite;animation-delay:inherit}.crowd-member.woot svg{animation:bob .46s ease-in-out infinite alternate;animation-delay:inherit}.crowd-member.meh svg{animation:meh 1.6s ease-in-out infinite;filter:saturate(.6) brightness(.85)}@keyframes idle{50%{transform:rotate(1.5deg)}}@keyframes bob{0%{transform:translateY(0) scaleY(1)}to{transform:translateY(-9%) scaleY(1.02)}}@keyframes meh{50%{transform:rotate(-3deg) translateY(2%)}}.nametag{position:absolute;bottom:100%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:11px;background:#000b;padding:1px 7px;border-radius:8px;opacity:0;transition:opacity .2s}.floor:hover .crowd-member .nametag{opacity:1}.crowd-member.me .nametag{opacity:1;background:var(--cyan);color:#001;font-weight:700}.grab-heart{position:absolute;top:-4%;right:0;color:var(--purple);font-size:calc(1.4cqw * var(--s));text-shadow:0 0 6px #000}.booth-wrap{position:absolute;bottom:1.5%;left:50%;transform:translate(-50%);width:min(24cqw,38cqh);z-index:5}.booth{display:block;width:100%;position:relative;z-index:2;filter:drop-shadow(0 8px 16px #000a)}.dj-avatar{position:absolute;left:50%;bottom:55%;width:36%;transform:translate(-50%);z-index:1}.dj-avatar svg{display:block;width:100%;transform-origin:50% 100%}.dj-avatar.spinning svg{animation:bob .46s ease-in-out infinite alternate}.nametag.dj{opacity:1;background:var(--purple);font-weight:700;bottom:100%}.panel{position:absolute;bottom:3%;z-index:6;background:#14121bf0;border:1px solid #ffffff1a;border-radius:14px;padding:12px 14px}.waitlist-panel{right:calc(50% + min(13cqw,20cqh));display:flex;flex-direction:column;gap:8px;min-width:170px}.stage-right{position:absolute;bottom:3%;left:calc(50% + min(13cqw,20cqh));z-index:6;width:194px;display:flex;flex-direction:column;align-items:stretch;gap:8px}.stage-right .panel{position:static}.vote-panel{display:grid;grid-template-columns:repeat(3,52px);gap:4px;padding-bottom:16px}.skip-card{display:grid;grid-template-columns:auto minmax(0,1fr) 34px;align-items:center;gap:10px;padding:8px 10px;border-color:#f5c84233}.skip-card.on{border-color:#f5c842aa;background:#221d10f0}.skip-btn{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#f5c842;padding:4px 8px;border-radius:8px;white-space:nowrap}.skip-btn:not(:disabled):hover{background:#f5c8421a}.skip-btn:disabled{color:#8a8599}.skip-meter{display:flex;gap:2px;height:6px;min-width:0;background:transparent}.skip-meter i{flex:1;border-radius:3px;background:#ffffff1c;transition:background .25s}.skip-meter i.f{background:#f5c842;box-shadow:0 0 6px #f5c84288}.skip-meter b{display:block;height:100%;border-radius:3px;background:#f5c842;transition:width .3s}.skip-meter:has(b){background:#ffffff1c;border-radius:3px}.skip-count{text-align:right;font-size:11.5px;color:#bdb8cc;font-variant-numeric:tabular-nums}[data-tip]{position:relative}[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#0b0a10;color:#fff;border:1px solid #ffffff26;border-radius:8px;padding:5px 9px;font-size:11.5px;font-weight:500;line-height:1.3;white-space:nowrap;pointer-events:none;z-index:50;box-shadow:0 6px 18px #000a;animation:tipin .12s ease-out}@keyframes tipin{0%{opacity:0;transform:translate(-50%,3px)}}.wl-heads{display:flex;align-items:center;gap:4px;min-height:28px;font-size:12px}.wl-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#bdb8cc;padding:4px 6px;border-radius:8px;text-align:left}.wl-status:hover{background:#ffffff0d;color:#fff}.wl-status b{color:#fff}.chat-head.tabs{justify-content:stretch;gap:4px;padding:8px}.chat-head.tabs button{flex:1;height:100%;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;color:#8a8599;font-weight:600}.chat-head.tabs button.on{background:#ffffff12;color:#fff}.tab-count{background:#ffffff1a;border-radius:9px;padding:0 6px;font-size:11px}.queue-list{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:3px;font-size:13px}.q-sep{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8a8599;padding:10px 6px 4px}.q-main{display:flex;flex-direction:column;min-width:0}.q-track{font-size:11px;color:#bdb8cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-eta.live{color:var(--pink);font-weight:600}.queue-foot{display:flex}.queue-foot .pill{width:100%;justify-content:center;display:flex;align-items:center;gap:6px}.q-row{display:grid;grid-template-columns:20px 30px 1fr auto;align-items:center;gap:8px;padding:5px 6px;border-radius:9px;cursor:pointer}.q-row:hover{background:#ffffff0a}.q-row.now{background:#e8317a22}.q-row.now .q-n{color:var(--pink);font-size:10px}.q-row.me{background:#2fb6ff22;box-shadow:inset 0 0 0 1px #2fb6ff66}.q-n{text-align:center;color:#8a8599;font-weight:700;font-variant-numeric:tabular-nums}.q-av{width:30px;height:30px;border-radius:50%;overflow:hidden;background:#ffffff14}.q-av img,.q-av svg{width:100%;height:100%;display:block;object-fit:cover}.q-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-eta{color:#8a8599;font-size:11px;font-variant-numeric:tabular-nums}.q-empty{font-size:11.5px;line-height:1.35}.wl-head{width:28px;height:28px;border-radius:50%;background:#ffffff14;border:1px solid #ffffff30;overflow:hidden}.wl-head svg{width:100%;height:100%}.vote{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;border-radius:8px;font-size:12px;color:#ddd}.vote:not(:disabled):hover{background:#ffffff10}.vote.woot.on{color:var(--green)}.vote.meh.on{color:var(--red)}.vote.grab.on{color:var(--purple)}.tracks li.too-long{opacity:.55}.t-warn{color:#ff7a8a}.vote-bar{grid-column:1 / -1;display:flex;height:3px;border-radius:2px;background:#ffffff20;overflow:hidden;margin-top:4px}.vote-bar .w{background:var(--green);transition:width .3s}.vote-bar .m{background:var(--red);transition:width .3s;margin-left:auto}.pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--pink);color:#fff;border-radius:20px;padding:7px 16px;font-weight:600;font-size:12px;letter-spacing:.02em;border:1px solid #ff8ab8}.pill:hover{filter:brightness(1.1)}.pill.ghost{background:transparent;border-color:#ffffff40}.pill.danger{background:#3a1420;border-color:var(--red)}.pill.small{padding:4px 10px}.pill.big{padding:11px 20px;font-size:14px;width:100%}.link{color:var(--cyan);font-size:12px;text-align:left}.icon{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:8px;color:#cfc9dc}.icon:not(:disabled):hover{background:#ffffff12;color:#fff}.bottombar{height:66px;display:flex;align-items:center;gap:18px;padding:0 18px;background:#1d1b24;border-top:1px solid #000;z-index:20}.bb-playlist{display:flex;align-items:center;gap:10px;width:230px;text-align:left;color:#cfc9dc;border-right:1px solid var(--line);padding-right:14px;height:44px}.bb-title{font-weight:600;font-size:13px;color:#fff}.bb-sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.bb-now{flex:1;min-width:0}.bb-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:var(--muted)}.bb-line b,.bb-song{color:#fff;font-weight:600}.bb-progress{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:12px;color:var(--muted)}.bb-progress .bar{flex:1;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.bb-progress .bar>div{height:100%;background:var(--cyan);transition:width .5s linear}.bb-controls{display:flex;align-items:center;gap:4px}.bb-controls input[type=range]{width:100px;accent-color:#cfc9dc}.chat{display:flex;flex-direction:column;background:linear-gradient(#1c1a26,#15131c);border-left:1px solid #000;min-height:0}.chat-head{height:54px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;border-bottom:1px solid var(--line)}.chat-list{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:12px}.chat-welcome{font-size:12.5px;line-height:1.5;color:#ddd}.chat-system{font-size:12px;color:#8a8599;font-style:italic;padding-left:40px}.msg{display:flex;gap:10px}.msg.mention{background:#e8317a1c;border-left:2px solid var(--pink);margin-left:-8px;padding-left:6px;border-radius:4px}.msg-av{width:30px;height:30px;flex:none;border-radius:6px;background:#ffffff10;overflow:hidden}.msg-av svg{width:100%;height:100%}.msg-body{flex:1;min-width:0}.msg-top{display:flex;justify-content:space-between;align-items:center}.msg-name{font-weight:600;font-size:13px;color:#b9b3c9;display:inline-flex;align-items:center;gap:4px}.msg-name.role-host,.msg-name.role-owner{color:var(--gold)}.msg-name.is-dj{color:var(--purple)}.msg-time{font-size:11px;color:#6f6a80}.msg-text{font-size:13px;line-height:1.45;color:#eee;word-wrap:break-word}.msg-text mark{background:none;color:var(--cyan);font-weight:600}.chat-input{padding:12px;border-top:1px solid var(--line);background:#232030}.chat-input input{width:100%;background:transparent;border:0;outline:none;padding:6px 4px}.overlay-panel{position:absolute;top:0;left:0;right:0;bottom:66px;z-index:40;background:#15131cfa;display:flex;animation:slidein .18s ease-out}@keyframes slidein{0%{transform:translate(-20px);opacity:0}}.pl-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.pl-toolbar h2{margin:0;font-size:18px;font-weight:600;flex:1}.playlists .pl-side{width:240px;border-right:1px solid var(--line);overflow-y:auto;background:#110f17}.pl-side-head{display:flex;justify-content:space-between;align-items:center;padding:14px 12px 14px 16px;font-weight:600}.pl-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;text-align:left;color:#cfc9dc}.pl-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-item small{color:var(--muted)}.pl-item.sel{background:#ffffff0e;color:#fff}.pl-active{color:var(--cyan)}.pl-main{flex:1;display:flex;flex-direction:column;min-width:0}.pl-search{flex:1;display:flex;align-items:center;gap:8px;background:#0c0b10;border:1px solid var(--line);border-radius:20px;padding:7px 14px}.pl-search input{flex:1;background:none;border:0;outline:none}.pl-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.pl-name{background:none;border:0;outline:none;font-size:18px;font-weight:600;flex:1;border-bottom:1px dashed transparent}.pl-name:focus{border-bottom-color:var(--line)}.pl-actions{display:flex;align-items:center;gap:4px}.tracks{list-style:none;margin:0;padding:0 8px 16px;overflow-y:auto;flex:1}.tracks li{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:8px}.tracks li:hover{background:#ffffff08}.tracks li.next{background:#2fb6ff14}.tracks li.muted{padding:20px}.tracks img{width:72px;height:40px;object-fit:cover;border-radius:4px;flex:none;background:#000}.t-idx{width:20px;text-align:right;color:var(--muted);font-size:12px}.t-info{flex:1;min-width:0}.t-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-sub{font-size:12px;color:var(--muted)}.err{color:var(--red);padding:0 16px 8px}.avatar-editor .ae-preview{width:36%;min-width:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(circle at 50% 60%,#4d1a6b,#0b0a1c 70%)}.ae-stage{width:70%;max-width:260px}.ae-big{width:100%;display:block;animation:bob .6s ease-in-out infinite alternate;transform-origin:50% 100%}.ae-buttons{display:flex;gap:10px}.ae-options{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:20px}.ae-top{display:flex;align-items:flex-start;padding:12px 12px 0 16px;gap:8px}.ae-tabs{display:flex;flex-wrap:wrap;gap:6px;flex:1}.ae-tab{padding:6px 12px;border-radius:16px;background:#ffffff0c;font-size:13px}.ae-tab.on{background:var(--pink)}.ae-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;padding:16px}.ae-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:12px;background:#ffffff08;border:2px solid transparent;font-size:12px}.ae-cell svg{width:100%;height:80px}.ae-cell.on{border-color:var(--cyan);background:#2fb6ff14}.ae-cell:hover{background:#ffffff12}.ae-label{padding:4px 16px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;display:block}.ae-colors{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid #ffffff30;position:relative}.swatch.on{outline:3px solid var(--cyan);outline-offset:2px}.swatch.custom{display:grid;place-items:center;cursor:pointer;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);font-weight:700;text-shadow:0 0 3px #000;overflow:hidden}.swatch.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.lobby,.settings{flex-direction:column}.lobby-create{display:flex;gap:10px;padding:16px}.lobby-create input,.settings input{flex:1;background:#0c0b10;border:1px solid var(--line);border-radius:20px;padding:8px 14px;outline:none}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:0 16px 16px;overflow-y:auto}.room-card{text-align:left;background:#ffffff08;border-radius:12px;overflow:hidden;border:2px solid transparent}.room-card.cur{border-color:var(--pink)}.room-thumb{aspect-ratio:16 / 9;background:linear-gradient(135deg,#4d1a6b,#e8317a) center / cover}.room-name{padding:8px 12px 0;font-weight:600}.room-sub{padding:2px 12px 10px;font-size:12px;color:var(--muted);display:flex;gap:4px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings form{padding:16px;max-width:480px}.row{display:flex;gap:10px;margin-top:6px}.toast{position:absolute;bottom:82px;left:50%;transform:translate(-50%);background:#000d;border:1px solid #ffffff30;padding:10px 18px;border-radius:20px;z-index:60;animation:slidein .2s}.modal-back{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 70%,#4d1a6b,#07071f 70%)}.modal{width:340px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:12px;text-align:center;box-shadow:0 30px 80px #000a}.modal h2{margin:0}.modal p{margin:0;font-size:13px}.modal input{background:#0c0b10;border:1px solid var(--line);border-radius:12px;padding:11px 14px;outline:none;text-align:center}.modal-av{width:130px;margin:-80px auto 0;cursor:pointer}.modal-av svg{width:100%;animation:bob .6s ease-in-out infinite alternate;transform-origin:50% 100%}.modal-back.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#000b}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal.wide{width:min(820px,92vw);max-height:84vh;text-align:left}.modal.wide .room-grid{padding:0}.modal-form{display:flex;flex-direction:column;gap:12px}.srv-preview{width:80px;height:80px;border-radius:24px;margin:4px auto;display:grid;place-items:center;font-size:24px;font-weight:700}.srv-badge{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-weight:700;font-size:18px;border:3px solid #1b1a23;margin:0 0 -26px 12px}.room-thumb{display:flex;align-items:flex-end}.ae-colors.center{justify-content:center}.check{display:flex;align-items:center;gap:8px;font-size:13px;color:#cfc9dc;justify-content:center}@media(max-width:1100px){.app{grid-template-columns:72px 220px 1fr}.chat{display:none}}.modal-form.left{text-align:left}.modal-form.left .ae-label{padding:0;margin-bottom:-6px}.modal textarea{background:#0c0b10;border:1px solid var(--line);border-radius:12px;padding:10px 14px;outline:none;font:inherit;color:inherit;resize:vertical}.gold{color:var(--gold)}.small{font-size:12px}.ch-group{margin-top:14px}.ch-user{cursor:pointer}.msg{position:relative}.msg-av,.msg-name{cursor:pointer}.msg-name:hover{text-decoration:underline}.msg-del{position:absolute;right:0;top:0;display:none;color:var(--muted);background:#1c1a26;border-radius:6px;padding:4px}.msg:hover .msg-del{display:grid}.msg-del:hover{color:var(--red)}.uid{display:block;margin-top:6px;padding:8px 12px;background:#0c0b10;border-radius:8px;font-size:13px;-webkit-user-select:all;user-select:all}.mc-roles{display:flex;flex-wrap:wrap;gap:5px}.role-chip button{display:grid;color:var(--muted)}.role-chip button:hover{color:#fff}.role-chip.add{padding:4px 6px}.mc-picker{margin-top:6px;background:#0b0a10;border-radius:8px;padding:4px;max-height:160px;overflow-y:auto}.mc-picker button{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border-radius:4px;font-size:13px}.mc-picker button:hover{background:#ffffff10}.mc-picker i{width:10px;height:10px;border-radius:50%}.settings-body{margin-top:12px;overflow-y:auto;max-height:calc(84vh - 110px)}.roles{display:grid;grid-template-columns:220px 1fr;gap:16px}.roles-list{display:flex;flex-direction:column;gap:2px}.roles-list>.pill{margin-bottom:8px;align-self:flex-start}.role-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;font-size:14px}.role-row:hover{background:#ffffff0a}.role-row.on{background:#ffffff17}.role-row i{width:12px;height:12px;border-radius:50%;flex:none}.role-row span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-row small{color:var(--muted)}.role-move{display:flex}.role-move button{display:grid;color:var(--muted);padding:1px}.role-move button:not(:disabled):hover{color:#fff}.role-edit{display:flex;flex-direction:column;gap:8px}.role-edit>input{text-align:left;background:#0c0b10;border:1px solid var(--line);border-radius:10px;padding:9px 12px;outline:none}.role-edit .ae-label{padding:0;margin-top:6px}.role-edit .ae-colors{padding:0}.perm-list{display:flex;flex-direction:column}.perm{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer}.perm.locked{opacity:.5;cursor:default}.perm-name{font-weight:600;font-size:14px;display:flex;align-items:center;gap:5px}.perm-desc{font-size:12px;color:var(--muted)}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:22px;border-radius:11px;background:#4a4658;position:relative;cursor:pointer;flex:none;transition:background .15s}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}.toggle:checked{background:#23a55a}.toggle:checked:after{left:21px}.toggle:disabled{cursor:default}.role-foot{display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:var(--panel);padding:10px 0}.ban-list{display:flex;flex-direction:column;gap:6px}.ban-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff08;border-radius:8px}.brand{display:flex;align-items:center;justify-content:center;gap:8px;font-size:30px;font-weight:700;letter-spacing:-.03em;text-transform:lowercase}.rail-item.home{background:#1b1a23}.rail-item.home:hover{background:#2a2833}.crowd-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.crowd-canvas canvas{display:block}.booth-name{position:absolute;transform:translate(-50%);z-index:3;white-space:nowrap}.wl-head img,.msg-av img,.ch-user-av img,.up-av img,.mc-av img{width:100%;height:100%;display:block;object-fit:cover}.modal-av{width:150px;margin:-90px auto 0;cursor:pointer}.wardrobe .wd-preview{width:34%;min-width:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(circle at 50% 70%,#4d1a6b,#0b0a1c 70%)}.wd-set{font-size:12px;font-weight:700;padding:3px 10px;border-radius:10px;background:var(--c);color:#111}.wd-hint{font-size:12px;color:var(--muted)}.wd-main{flex:1;display:flex;flex-direction:column;min-width:0}.wd-body{flex:1;overflow-y:auto;padding:4px 0 12px}.wd-body .pad{padding:8px 16px}.wd-body .ae-colors{padding:6px 16px 10px}.chip-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:5px 12px;font-size:12.5px}.chip-btn:hover{background:#ffffff18}.chip-btn.on{background:var(--pink);border-color:#ff8ab8}.wd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;padding:6px 16px}.wd-item{position:relative;background:#ffffff08;border:2px solid transparent;border-radius:12px;padding:6px 6px 8px;cursor:pointer;text-align:center;font-size:11.5px;line-height:1.25}.wd-item:hover{background:#ffffff12}.wd-item img{width:100%;aspect-ratio:1.2;object-fit:contain;display:block;margin-bottom:4px}.wd-item.on{border-color:var(--cyan);background:#2fb6ff18}.wd-item.locked{color:var(--muted)}.wd-item.locked img{filter:grayscale(1) brightness(.35)}.wd-none{aspect-ratio:1.2;display:grid;place-items:center;font-size:26px;color:#666}.wd-dot{position:absolute;top:7px;left:7px;width:9px;height:9px;border-radius:50%}.wd-lock{position:absolute;top:6px;right:6px;color:var(--muted)}.wd-unlock{margin-top:5px;font-size:10.5px;padding:2px 8px;border-radius:10px;background:var(--pink);color:#fff}.wd-sets{padding:6px 16px;display:flex;flex-direction:column;gap:8px}.wd-setrow{background:#ffffff08;border-radius:10px;padding:9px 11px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.wd-setrow.on{box-shadow:0 0 0 2px var(--c) inset}.wd-setrow-top{display:flex;justify-content:space-between;width:100%;font-size:13px}.wd-setrow .bar{width:100%;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.wd-setrow .bar>div{height:100%}.wd-setrow small{color:var(--muted);font-size:11.5px}.wd-dances{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;padding:4px 16px}.wd-dance{position:relative;background:#ffffff08;border:2px solid transparent;border-radius:12px;padding:8px 4px 7px;cursor:pointer;text-align:center;font-size:11.5px;-webkit-user-select:none;user-select:none}.wd-dance:hover{background:#ffffff14}.wd-dance.on{border-color:var(--cyan);background:#2fb6ff18}.wd-dance.locked{color:var(--muted)}.wd-dance.locked .wd-ic{filter:grayscale(1) brightness(.5)}.wd-ic{font-size:22px;display:block;margin-bottom:3px}.wd-foot{display:flex;gap:8px;padding:10px 16px;border-top:1px solid var(--line)}.dance-preview{position:fixed;z-index:95;width:170px;background:#111016;border:1px solid #ffffff24;border-radius:14px;box-shadow:0 12px 40px #000c;overflow:hidden;pointer-events:none}.dance-preview>div:first-child{background:radial-gradient(ellipse at 50% 90%,#3a2a55,#16121f 70%)}.dance-preview .cap{padding:7px 10px 9px;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:6px}.world{position:absolute;left:0;top:0;width:1600px;height:900px;transform-origin:0 0;z-index:1}.world .scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.world .screen{position:absolute;transform:none;aspect-ratio:auto;box-shadow:0 0 0 3px #0008,0 12px 40px #000a}.world-front{z-index:5;pointer-events:none}.world .booth-wrap{position:absolute;bottom:auto;transform:none}.world .booth-name{font-size:18px;padding:3px 12px;bottom:auto;opacity:1}.waitlist-panel{right:auto;left:16px}.stage-right{left:auto;right:16px}.theme-festival{background:#07071f}.theme-livingroom{background:#241a38}.theme-arena{background:#05040b}.theme-livingroom .screen{box-shadow:none}.theme-arena .screen{box-shadow:0 0 40px #8a4dff66}.bulb{animation:bulb 2.4s ease-in-out infinite alternate}@keyframes bulb{0%{opacity:.55}}.led{animation:led 1.2s ease-in-out infinite alternate}@keyframes led{0%{opacity:.35}}.beam{animation:beam 5s ease-in-out infinite alternate}@keyframes beam{0%{transform:rotate(calc(var(--a) * -1))}to{transform:rotate(var(--a))}}.stage-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.stage-card{text-align:left;background:#ffffff08;border:2px solid transparent;border-radius:12px;padding:6px 6px 8px;display:flex;flex-direction:column;gap:3px}.stage-card.on{border-color:var(--cyan);background:#2fb6ff14}.stage-card small{color:var(--muted);font-size:11.5px}.stage-thumb{position:relative;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;margin-bottom:4px}.stage-thumb .scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.stage-thumb-screen{position:absolute;background:linear-gradient(135deg,#2b1a4a,#0b0a14);border:1px solid #ffffff30}.tile{animation:tile 1.8s ease-in-out infinite alternate}@keyframes tile{0%{opacity:.25}60%{opacity:.9}to{opacity:.35}}.flame{transform-origin:1300px 780px;animation:flame .5s ease-in-out infinite alternate}@keyframes flame{0%{transform:scale(.92,.86)}to{transform:scale(1.05,1.08)}}.theme-club{background:#07040d}.theme-rooftop{background:#141038}.theme-beach{background:#2a1a5e}.theme-space{background:#0d0f18}.theme-space .screen{box-shadow:0 0 30px #5ff2e666}.dj-spot{position:absolute;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,#ffffff30 0%,#ff5ea81c 35%,transparent 70%);opacity:.55;transition:opacity .6s}.dj-spot.on{opacity:1;background:radial-gradient(ellipse at 50% 55%,#ffffff48 0%,#ff5ea830 35%,transparent 70%)}.dj-spot:before{content:"";position:absolute;left:30%;right:30%;top:-200%;bottom:40%;background:linear-gradient(to bottom,transparent,#ffffff14);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%)}.auth-back{background:#07061099;place-items:initial;overflow-y:auto;overscroll-behavior:contain;padding:84px 16px 12px}.auth-back{opacity:0}.auth-back.shown{opacity:1;transition:opacity .18s ease-out}.auth{position:relative;width:min(360px,100%);padding:16px 22px 18px;gap:10px;margin:auto}.auth-x{position:absolute;top:10px;right:10px}.auth-av{width:110px;height:140px;margin:-96px auto -8px;pointer-events:none}.auth-reason{background:#e8317a1f;border:1px solid #e8317a55;border-radius:10px;padding:8px 10px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#0c0b10;border-radius:12px;padding:4px}.auth-tabs button{padding:8px;border-radius:9px;font-weight:600;color:var(--muted, #aaa)}.auth-tabs button.on{background:#ffffff14;color:#fff}.auth-social{display:flex;flex-direction:column;gap:8px}.social{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border-radius:12px;font-weight:600;font-size:13.5px;text-decoration:none;color:#fff;transition:filter .15s}.social:hover{filter:brightness(1.1)}.social.discord{background:#5865f2}.social.google{background:#fff;color:#1f1f1f}.social.off{opacity:.35;cursor:not-allowed;filter:grayscale(1)}.auth-or{display:flex;align-items:center;gap:10px;color:#8a8599;font-size:12px}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--line)}.auth-err{color:#ff7a8a;font-size:12.5px}.auth-guest{text-align:center}.user-panel.guest .pill{flex:none}.chat-input.guest{display:flex;justify-content:center}.chat-input.guest .pill{width:100%}.topbar-login{margin-left:auto}.topbar-login~.side-toggle.right{margin-left:0}.pill.danger{display:inline-flex;align-items:center;gap:6px}.vote.grab[data-tip]:hover:after{left:auto;right:-6px;transform:none;animation:none}.chat{position:relative}.my-turn{position:absolute;top:62px;left:10px;right:10px;z-index:8;display:flex;align-items:center;gap:10px;padding:9px 12px 11px;border-radius:12px;text-align:left;background:#172637;border:1px solid #2fb6ff55;overflow:hidden;box-shadow:0 10px 24px #000a;animation:dropin .22s ease-out}@keyframes dropin{0%{opacity:0;transform:translateY(-6px)}}.my-turn:hover{background:#1b2d41}.my-turn.next{background:#2a2413;border-color:#f5c842aa;animation:dropin .22s ease-out,nextglow 1.6s ease-in-out infinite alternate}.my-turn.live{background:#2c1522;border-color:#e8317a88;color:var(--pink)}.mt-pos{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:15px;background:#2fb6ff2a;color:#7fd3ff}.my-turn.next .mt-pos{background:#f5c842;color:#1a1400}.mt-main{display:flex;flex-direction:column;min-width:0}.mt-main b{font-size:13px;color:#fff}.mt-main small{font-size:11.5px;color:#bdb8cc}.mt-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff10}.mt-bar i{display:block;height:100%;background:#2fb6ff;transition:width .4s}.my-turn.next .mt-bar i{background:#f5c842}@keyframes nextglow{to{box-shadow:0 10px 24px #000a,0 0 18px #f5c84255}}.settings{overflow-y:auto}.acc{width:min(560px,100%);margin:0 auto;padding:18px 20px 28px;display:flex;flex-direction:column;gap:16px}.acc-top{display:flex;align-items:center;justify-content:space-between}.acc-top h2{margin:0;font-size:20px}.acc-hero{display:flex;align-items:center;gap:18px;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:radial-gradient(circle at 18% 60%,#e8317a2e,transparent 60%),#1b1924}.acc-av{flex:none;width:120px;height:150px;margin:-10px 0 -14px}.acc-id{display:flex;flex-direction:column;gap:6px;min-width:0}.acc-name{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:800;letter-spacing:-.01em;overflow-wrap:anywhere}.acc-sub{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#bdb8cc}.acc-edit{align-self:flex-start;margin-top:6px;display:inline-flex;align-items:center;gap:6px}.acc-card{padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#1b1924;display:flex;flex-direction:column;gap:6px}.acc-card h3{margin:0 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#8a8599}.acc-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px 4px;border-top:1px solid #ffffff0a}.acc-row:first-of-type{border-top:0}.acc-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ffffff10;color:#ddd}.acc-ic.discord{background:#5865f2;color:#fff}.acc-ic.google{background:#fff}.acc-label{font-weight:600;font-size:13.5px}.acc-ok{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--green)}.acc-row a.chip-btn{text-decoration:none;color:inherit}.acc-note{margin:4px 0 0}.acc-logout{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;color:#ff7a8a;border:1px solid #ff4d4d44;font-weight:600;font-size:13px}.acc-logout:hover{background:#ff4d4d14}.auth-hint{margin-top:-6px;font-size:11px;color:#8a8599}.bot-av{background:none;border-radius:50%}.msg.bot .msg-name{color:#fff}.bot-tag{font-size:9.5px;font-weight:800;letter-spacing:.04em;background:#5865f2;color:#fff;border-radius:4px;padding:1px 4px}.msg.bot{background:#2fb6ff14;border-left:3px solid #2fb6ff;margin-left:-8px;padding:8px 8px 8px 6px;border-radius:6px}.msg.bot .msg-name{color:#7fd3ff}.chat:has(.my-turn) .chat-list{padding-top:78px}.np-title{margin-top:2px;font-size:12.5px;font-weight:600;color:#fff;overflow-wrap:anywhere}.np-sub{font-weight:400;color:#bdb8cc}.np-dj{display:flex;align-items:center;gap:4px;font-size:11px;color:#7fd3ff;margin-top:1px}.msg.bot.np{background:#ff9a3c0d;border-left-color:#ff9a3c99;opacity:.82}.msg.bot.np .msg-name,.msg.bot.np .np-dj{color:#ffb877}.msg.bot.np:hover{opacity:1}.msg.bot .msg-name,.msg.bot .bot-av{cursor:pointer}.msg.bot .msg-name:hover{text-decoration:underline}.mc-about{margin:0;font-size:12.5px;line-height:1.45;color:#cfc9dc}.mention-tag{display:inline;padding:0 3px;border-radius:4px;background:#5865f22e;color:#b3bcff;font-weight:600;font-size:inherit;cursor:pointer}.mention-tag:hover{background:#5865f2;color:#fff}.mention-tag.me{background:#e8317a33;color:#ff9cc4}.np-dj .mention-tag{background:#ff9a3c26;color:#ffb877}.np-dj .mention-tag:hover{background:#ff9a3c;color:#1a0d00}.chat-input{position:relative}.mention-list{position:absolute;left:8px;right:8px;bottom:calc(100% + 6px);z-index:20;background:#111016;border:1px solid #ffffff1f;border-radius:10px;padding:4px;box-shadow:0 -8px 24px #000a;display:flex;flex-direction:column}.mention-list button{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;font-size:13px;text-align:left}.mention-list button.on{background:#ffffff14}.ml-av{width:22px;height:22px;border-radius:50%;overflow:hidden;background:#ffffff14;flex:none}.ml-av img,.ml-av svg{width:100%;height:100%;display:block}.member-card{position:fixed;z-index:95;width:290px;background:#15131c;border-radius:20px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 18px 50px #000d,0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent);animation:dropin .16s ease-out}.mc-stage{position:relative;height:150px;overflow:hidden;background:repeating-radial-gradient(circle at 50% 118%,#ffffff0a 0 2px,transparent 2px 11px),radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--accent) 55%,transparent),transparent 70%),#1d1a27}.mc-floor{position:absolute;left:50%;bottom:10px;width:130px;height:26px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 70%,#fff 10%),transparent 70%);opacity:.8}.mc-char{position:absolute;left:50%;bottom:4px;transform:translate(-50%)}.mc-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);filter:drop-shadow(0 6px 14px #000a)}.mc-body{padding:12px 16px 16px}.mc-name{justify-content:center;font-size:19px;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;gap:6px;color:#fff}.mc-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:6px}.mc-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:#ffffff10;color:#cfc9dc}.mc-chip.gold{background:#ffd23f22;color:var(--gold)}.mc-chip.live{background:#e8317a2e;color:#ff8ab8}.mc-chip.blue{background:#2fb6ff22;color:#7fd3ff}.mc-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#8a8599;margin:16px 0 7px}.role-chip{display:inline-flex;align-items:center;gap:6px;background:#ffffff0a;border-radius:20px;padding:3px 10px 3px 4px;font-size:12px;font-weight:600}.role-chip i{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 3px #15131c inset;border:1px solid #ffffff22}.role-chip.add{padding:4px 7px}.mc-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:16px}.mc-actions button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border-radius:12px;background:#ffffff0a;border:1px solid #ffffff10;font-size:12px;font-weight:600;color:#cfc9dc}.mc-actions button:hover{background:#ffffff14}.mc-actions button.danger{color:#ff7a8a;background:#ff4d4d12;border-color:#ff4d4d2a}.mc-actions button.danger:hover{background:#ff4d4d26}.ch-user.sel{background:#ffffff17;color:#fff}.cmd-list button{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:baseline}.cmd-name{font-weight:700;color:#fff}.cmd-args{font-size:11.5px;color:#7fd3ff}.cmd-desc{font-size:11.5px;color:#8a8599;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg.bot.reply{background:#ffffff08;border-left-color:#8a8599}.msg.bot.reply .msg-text{white-space:pre-line;font-size:12.5px}.only-you{margin-top:3px;font-size:10.5px;color:#8a8599;font-style:italic}.msg.bot.announce{background:#2fb6ff1f;border-left-width:4px}.msg.bot.announce .msg-text{font-size:14px;font-weight:600;color:#fff}.ann-head{font-size:11px;font-weight:700;color:#7fd3ff;margin-top:2px}.side-toggle.on{background:var(--pink);color:#fff}.disc{width:min(1080px,94vw);height:min(860px,90vh);display:flex;flex-direction:column;background:#15131c;border:1px solid #ffffff14;border-radius:22px;box-shadow:0 30px 80px #000c;overflow:hidden;animation:dropin .18s ease-out}.disc-head{display:flex;align-items:center;gap:16px;padding:20px 22px 12px}.disc-head h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}.disc-head p{margin:2px 0 0;font-size:13px;color:#8a8599}.disc-search{margin-left:auto;width:min(320px,40%);display:flex;align-items:center;gap:8px;padding:0 12px;height:40px;border-radius:12px;background:#0c0b10;border:1px solid #ffffff17;color:#8a8599;cursor:text;transition:border-color .15s}.disc-search:focus-within{border-color:var(--pink);color:#fff}.disc-search input{flex:1;min-width:0;background:none;border:0;outline:none;color:#fff;font-size:14px;text-align:left;padding:0}.disc-filters{display:flex;gap:8px;padding:0 22px 14px;border-bottom:1px solid #ffffff0d}.disc-filters button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12.5px;font-weight:600;color:#a9a3b8;background:#ffffff08;border:1px solid #ffffff10}.disc-filters button span{font-size:11px;color:#8a8599}.disc-filters button.on{background:#fff;color:#111;border-color:#fff}.disc-filters button.on span{color:#555}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 6px #3ddc84}.disc-scroll{flex:1;min-height:0;overflow-y:auto;padding:18px 22px 24px}.disc-empty{padding:40px;text-align:center;color:#8a8599}.disc-feat{display:grid;grid-template-columns:1.35fr 1fr;width:100%;text-align:left;margin-bottom:22px;border-radius:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--c) 28%,transparent),transparent 60%),#1b1924;transition:transform .15s,box-shadow .15s}.disc-feat:hover{transform:translateY(-2px);box-shadow:0 16px 36px #000a}.disc-feat .disc-thumb{height:100%;aspect-ratio:16 / 9}.feat-info{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px 20px}.feat-badge{align-self:flex-start;font-size:11px;font-weight:800;padding:3px 9px;border-radius:20px;background:#ff9a3c22;color:#ffb877}.feat-title{display:flex;align-items:center;gap:12px}.feat-name{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#fff}.feat-theme{font-size:12px;color:#8a8599}.feat-desc{margin:0;font-size:13px;line-height:1.45;color:#cfc9dc;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feat-now{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#cfc9dc;padding:8px 10px;border-radius:10px;background:#0006;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feat-now b{color:#fff}.feat-foot{display:flex;align-items:center;gap:10px;margin-top:auto}.feat-online{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#cfc9dc}.feat-cta{position:absolute;right:18px;bottom:18px;padding:8px 16px;border-radius:12px;font-weight:800;font-size:13px;color:#fff;background:var(--c);box-shadow:0 6px 16px color-mix(in srgb,var(--c) 45%,transparent)}.disc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-auto-rows:max-content;gap:16px}.disc-card{display:flex;flex-direction:column;text-align:left;background:#1b1924;border:1px solid #ffffff10;border-radius:16px;overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s}.disc-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 12px 28px #0009}.disc-media{position:relative}.disc-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#0d0c12}.disc-thumb .scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.disc-thumb *{animation:none!important}.disc-screen{position:absolute;display:grid;place-items:center;color:#fff9;background:linear-gradient(135deg,#2b1a4a,#0b0a14);border:1px solid #ffffff30;border-radius:2px}.disc-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 55%,#000b)}.disc-top{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;gap:6px}.disc-bottom{position:absolute;left:8px;bottom:8px}.disc-live,.disc-quiet,.disc-joined{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;background:#000c;color:#fff}.disc-quiet{color:#aaa}.disc-joined{color:#7fd3ff}.disc-faces{display:inline-flex}.disc-face{width:24px;height:24px;border-radius:50%;overflow:hidden;background:#2a2735;border:2px solid #15131c;margin-left:-7px;display:grid;place-items:center;font-size:9.5px;font-weight:800;color:#fff}.disc-face:first-child{margin-left:0}.disc-face img,.disc-face svg{width:100%;height:100%;display:block}.disc-feat .disc-face{width:30px;height:30px}.disc-body{display:flex;gap:10px;padding:12px 12px 4px;align-items:flex-start}.disc-icon{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;background:var(--c)}.disc-icon.big{width:48px;height:48px;border-radius:14px;font-size:16px}.disc-text{min-width:0}.disc-name{font-weight:700;font-size:14.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disc-desc{font-size:12px;line-height:1.35;color:#a9a3b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}.disc-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px 12px;font-size:11.5px;color:#8a8599;margin-top:auto}.disc-np{color:#cfc9dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disc-go{flex:none;font-weight:800;font-size:12px;padding:4px 12px;border-radius:10px;color:#fff;background:color-mix(in srgb,var(--c) 30%,#ffffff0a)}.disc-card:hover .disc-go{background:var(--c)}@media(max-width:760px){.disc-feat{grid-template-columns:1fr}.disc-head{flex-wrap:wrap}.disc-search{width:100%;order:3}}.view-wrap{position:relative;margin-left:auto}.view-wrap .side-toggle.right{margin-left:0}.topbar-login~.view-wrap{margin-left:0}.view-pop{position:absolute;top:calc(100% + 10px);right:0;width:280px;z-index:60;background:#15131c;border:1px solid #ffffff1f;border-radius:16px;padding:14px;box-shadow:0 18px 40px #000c;animation:dropin .15s ease-out}.vp-title{font-weight:800;font-size:14px;margin-bottom:10px}.vp-label{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#8a8599;margin:12px 0 6px}.vp-seg{display:grid;grid-template-columns:repeat(3,1fr);background:#0c0b10;border-radius:10px;padding:3px;gap:3px}.vp-seg button{padding:6px 4px;border-radius:8px;font-size:12px;font-weight:600;color:#a9a3b8}.vp-seg button.on{background:var(--pink);color:#fff}.vp-range{width:100%;margin-top:8px;accent-color:var(--pink)}.vp-list{display:flex;flex-direction:column;gap:4px}.vp-list button{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;text-align:left}.vp-list button:hover{background:#ffffff0a}.vp-list button i{flex:none;width:14px;height:14px;border-radius:50%;border:2px solid #ffffff40}.vp-list button.on i{border:4px solid var(--pink)}.vp-list button span{display:flex;flex-direction:column}.vp-list b{font-size:12.5px}.vp-list small{font-size:11px;color:#8a8599}.vp-full{margin-top:12px;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;border-radius:10px;background:#ffffff0d;font-size:12.5px;font-weight:600}.vp-full:hover{background:#ffffff18}.vp-full kbd{font-size:10px;background:#ffffff1a;border-radius:4px;padding:1px 5px}.stage.perf-low .world *,.stage.perf-low .world *:before,.stage.perf-low .world *:after{animation:none!important;transition:none!important}.view-wrap~.side-toggle[data-tip]:hover:after{left:auto;right:0;transform:none;animation:none}.world .screen{transition:left .3s ease,top .3s ease,width .3s ease,height .3s ease}.vp-note{margin:4px 0 0 4px;font-size:11px;color:#8a8599}.mc-friend{margin-top:12px;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;border-radius:12px;font-size:12.5px;font-weight:700;color:#fff;background:#2fb6ff}.mc-friend:hover{filter:brightness(1.1)}.mc-friend.on{background:#ffffff0d;color:#7fd3ff;border:1px solid #2fb6ff55}.mc-stats{display:flex;justify-content:center;gap:16px;margin-top:10px;font-size:12.5px;color:#a9a3b8}.mc-stats b{color:#fff;font-weight:800}.acc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#0c0b10;border-radius:10px;padding:3px;margin-bottom:6px}.acc-tabs button{padding:7px;border-radius:8px;font-size:12.5px;font-weight:700;color:#8a8599}.acc-tabs button.on{background:#ffffff14;color:#fff}.acc-empty{padding:10px 4px}.ppl-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:7px 4px;border-top:1px solid #ffffff0a}.ppl-row:first-of-type{border-top:0}.ppl-av{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#ffffff10}.ppl-av img,.ppl-av svg{width:100%;height:100%;display:block}.ppl-main{display:flex;flex-direction:column;min-width:0}.ppl-main b{font-size:13px}.ppl-st{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#8a8599}.ppl-st.in{color:#3ddc84}.acc-q{font-size:12.5px;color:#cfc9dc;margin-bottom:6px}.ppl-search{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;margin-bottom:6px;border-radius:10px;background:#0c0b10;border:1px solid #ffffff14;color:#8a8599}.ppl-search:focus-within{border-color:var(--pink)}.ppl-search input{flex:1;min-width:0;background:none;border:0;outline:none;color:#fff;font-size:13px;padding:0}.ppl-list{max-height:340px;overflow-y:auto;overscroll-behavior:contain;margin:0 -4px;padding:0 4px}.acc-tabs .tab-count{margin-left:4px}.wardrobe{container-type:inline-size}.wd-body{overflow-x:hidden}.wd-body .row{flex-wrap:wrap;gap:6px}.wd-body .chip-btn,.ae-tab{white-space:nowrap}.wd-preview canvas{max-width:100%;height:auto!important}@container (max-width: 760px){.wardrobe .wd-preview{width:36%;min-width:0;padding:8px}.wd-hint{display:none}}@container (max-width: 540px){.wardrobe{flex-direction:column}.wardrobe .wd-preview{width:100%;height:170px;flex:none;flex-direction:row}.wardrobe .wd-preview>div:first-child{height:100%;aspect-ratio:260 / 330;width:auto!important}.wardrobe .wd-preview canvas{height:100%!important;width:auto!important}}.mc-self{display:flex;flex-direction:column;gap:2px;margin-top:12px;padding:4px;border-radius:12px;background:#ffffff06;border:1px solid #ffffff0d}.mc-self button{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:9px;font-size:12.5px;font-weight:600;color:#cfc9dc;text-align:left}.mc-self button svg{color:color-mix(in srgb,var(--accent) 80%,#fff)}.mc-self button:after{content:"›";margin-left:auto;color:#6f6a80;font-size:16px;line-height:1}.mc-self button:hover{background:#ffffff0f;color:#fff}.ico-tip{display:inline-grid;place-items:center;cursor:help}.ico-tip[data-tip]:hover:after{left:auto;right:-6px;transform:none;animation:none;font-size:11px}.up-me{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:4px 6px 4px 4px;margin-left:-4px;border-radius:10px;text-align:left}.up-me:hover{background:#ffffff0f}.up-me .up-av{display:block}.up-me .up-info{display:flex;flex-direction:column}.msg.bot.skipped{background:#ffd23f0d;border-left-color:#ffd23f99;opacity:.85}.msg.bot.skipped .msg-name,.msg.bot.skipped .np-dj{color:#ffd98a}.skip-card{position:relative}.skip-card.pending{border-color:#ffd23f;box-shadow:0 0 0 3px #ffd23f22}.skip-pending{position:absolute;left:0;right:0;bottom:calc(100% + 6px);padding:6px 10px 8px;border-radius:10px;background:#2a2413;border:1px solid #ffd23f88;font-size:11.5px;font-weight:700;color:#ffd98a;overflow:hidden;animation:dropin .15s ease-out}.skip-pending i{position:absolute;left:0;bottom:0;height:3px;background:#ffd23f;transition:width .1s linear}.skip-card.shake{animation:skipshake .42s ease-in-out}@keyframes skipshake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-4px) rotate(-1.2deg)}40%{transform:translate(4px) rotate(1.2deg)}60%{transform:translate(-3px) rotate(-.6deg)}80%{transform:translate(2px)}}.chat-input:not(.guest){display:flex;align-items:center;gap:6px}.chat-input:not(.guest) input{flex:1;min-width:0}.chat-send{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--pink);color:#fff;font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums}.chat-send:hover:not(:disabled){filter:brightness(1.1)}.chat-send.wait,.chat-send:disabled{background:#ffffff14;color:#bdb8cc;cursor:not-allowed}.chat-send.wait{width:auto;min-width:32px;padding:0 8px}.chat-cd{position:absolute;left:0;top:-1px;height:3px;border-radius:0 3px 3px 0;background:linear-gradient(90deg,var(--pink),#ff8ab8);box-shadow:0 0 8px #e8317a88;transition:width .2s linear;pointer-events:none}.arg-list button{grid-template-columns:auto auto 1fr auto}.arg-usage{padding:6px 8px 7px;font-size:12px;font-weight:700;color:#cfc9dc;border-bottom:1px solid #ffffff10;margin-bottom:3px}.arg-usage span{color:#6f6a80;font-weight:600}.arg-usage span.on{color:#7fd3ff}.arg-usage small{display:block;margin-top:2px;font-weight:500;font-size:11px;color:#8a8599}.screen-idle.chat-only{position:absolute;top:0;right:0;bottom:0;left:0}.screen-idle.chat-only img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.35) saturate(.7)}.co-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.co-box b{font-size:20px}.co-box small{font-size:13px;color:#cfc9dc;max-width:80%}.co-box .pill{margin-top:6px;font-size:14px;padding:8px 18px}.bb-controls .icon.on{color:var(--pink)}.yt-head{display:flex;align-items:center;gap:10px}.yt-ic{color:#ff4d4d;flex:none}.yt-title{flex:1;min-width:0;display:flex;flex-direction:column}.yt-title b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-title small{font-size:12px;color:#8a8599}.yt-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 10px}.yt-actions button:disabled{opacity:.4;cursor:not-allowed}.yt-note{padding:0 16px 8px}.pl-rename{width:calc(100% - 16px);margin:2px 8px;padding:8px 10px;border-radius:8px;background:#0c0b10;border:1px solid var(--pink);color:#fff;outline:none;font:inherit}.ctx-menu{position:fixed;z-index:120;min-width:180px;padding:4px;border-radius:12px;background:#111016;border:1px solid #ffffff1f;box-shadow:0 14px 34px #000c;animation:dropin .12s ease-out}.ctx-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:8px;font-size:13px;text-align:left;color:#cfc9dc}.ctx-menu button:hover:not(:disabled){background:#ffffff10;color:#fff}.ctx-menu button:disabled{opacity:.4;cursor:default}.ctx-menu button.danger{color:#ff7a8a}.ctx-menu button.danger:hover:not(:disabled){background:#ff4d4d1f}.nl-modal{width:min(440px,94vw);text-align:left}.nl-row{display:flex;gap:8px}.nl-row input{flex:1;min-width:0;text-align:left}.nl-yt{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:#ff4d4d0f;border:1px solid #ff4d4d33}.nl-yt-title{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13.5px}.nl-yt-title svg{color:#ff4d4d}.nl-yt small{font-size:11.5px;color:#8a8599}