:root{--bg: #100e16;--panel: #191721;--panel2: #211e2c;--line: #ffffff13;--text: #f8f5ff;--muted: #928c9e;--purple: #ae78ff;--lime: #00e68a;--mint: #00e68a;--mono: ui-monospace,SFMono-Regular,Menlo,monospace;--sans: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 72% -15%,#5c378b32,transparent 36%),var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh}button{font:inherit;cursor:pointer;color:inherit}.top{height:74px;padding:0 max(5vw,22px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#100e16db;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-size:18px;font-weight:850;letter-spacing:-.9px}.logo-mark{width:30px;height:30px;position:relative;background:linear-gradient(145deg,#b174ff,#663be5);border-radius:10px;display:grid;place-items:center;box-shadow:0 4px 18px #9a61ff55}.logo-mark:before{content:"";height:12px;width:12px;border:2px solid #fff;border-radius:50%;box-shadow:4px -5px 0 -1px var(--lime)}.logo small{color:#827c8c;font-weight:500;font-size:12px;letter-spacing:0}.toplinks{display:flex;align-items:center;gap:11px}.network{font:9px var(--mono);letter-spacing:.1em;color:#00e68a;display:flex;gap:7px;align-items:center;margin-right:10px}.online{width:6px;height:6px;border-radius:50%;background:#00e68a;box-shadow:0 0 10px #00e68a}.wallet{height:40px;padding:4px 13px 4px 5px;border-radius:12px;border:1px solid #ffffff19;background:#1a1721;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:750;transition:.18s}.wallet:hover{background:#252130;border-color:#ffffff36;transform:translateY(-1px)}.wallet-info{display:flex;flex-direction:column;gap:2px;text-align:left}.wallet-info small{font-size:8px;color:#a19aac;font-family:var(--mono);font-weight:400}.wallet-info strong{font-size:10px;letter-spacing:.01em}.connect{background:#a776ff;color:#160f22;border:0;border-radius:9px;padding:10px 14px;font-size:10px;font-weight:850;box-shadow:0 3px #7541c1}.connect:hover{filter:brightness(1.08);transform:translateY(-1px)}main{width:min(1220px,92vw);margin:0 auto;padding:28px 0 60px}.head-right{display:flex;align-items:center;gap:7px;color:#aaa4b4;font:9px var(--mono)}.portrait{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.stranger-face{position:absolute;left:50%;top:19%;transform:translate(-50%);height:49%;width:43%;border-radius:48% 48% 44% 44%;background:linear-gradient(90deg,#ba816d 0,#ba816d 10%,#f0bc98 10%,#f0bc98 92%,#d79e82);box-shadow:inset 0 -18px 30px #9b6a65}.stranger-hair{position:absolute;left:50%;top:15%;transform:translate(-50%);width:45%;height:19%;background:#211627;border-radius:55% 51% 16% 12%;clip-path:polygon(0 20%,40% 0,100% 17%,91% 75%,67% 67%,48% 85%,29% 67%,8% 100%)}.stranger-body{position:absolute;left:50%;bottom:-12%;transform:translate(-50%);width:78%;height:42%;border-radius:50% 50% 0 0;background:linear-gradient(115deg,#ece3ff,#bc96f5 54%,#765bb5)}.eyes{position:absolute;top:41%;left:41%;width:4%;height:1%;border-radius:10px;background:#493237;box-shadow:clamp(22px,4vw,46px) 0 #493237}.mouth{position:absolute;top:52%;left:48%;width:6%;height:1.3%;border-bottom:2px solid #914f54;border-radius:50%}.shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#100e16a8,transparent 34%)}.btn{border:1px solid #ffffff1a;background:#24212d;border-radius:9px;padding:10px 13px;font-size:9px;font-weight:800;transition:.18s}.btn:hover{background:#302b39;border-color:#ffffff36}.btn.start{color:#171122;background:var(--lime);border-color:var(--lime);box-shadow:0 3px #075c3e}.btn.start:hover{background:#1aee9a;transform:translateY(-1px)}.btn.next{background:#a879ff;border-color:#a879ff;color:#160f22}.section-head{margin:38px 0 13px;display:flex;align-items:end;justify-content:space-between}.section-head h2{font-size:19px;letter-spacing:-.8px;margin:0;font-weight:850}.section-head p{font-size:9px;color:#918b9b;margin:5px 0 0}.room:hover{transform:translateY(-3px);border-color:#ad78ff82;box-shadow:0 12px 30px #0003}.room:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-38px;top:-43px;background:var(--glow);filter:blur(3px);opacity:.6}.room>*{position:relative;z-index:1}.room-top{display:flex;justify-content:space-between;align-items:center}.room-icon{width:33px;height:33px;border-radius:10px;background:#ffffff12;display:grid;place-items:center;font-size:16px;border:1px solid #ffffff12}.room-name{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:850;letter-spacing:-.3px}.room-desc{margin-top:4px;font-size:8px;color:#958e9f}.arrow{color:#00e68a;font-size:13px}.room:nth-child(1){--glow: #9a59ea}.room:nth-child(2){--glow: #075c3e}.room:nth-child(3){--glow: #d18236}.room:nth-child(4){--glow: #5485e5}.room:nth-child(2) .room-icon{color:#00e68a}.foot{margin-top:20px;display:flex;justify-content:space-between;color:#716b79;font-size:8px}.foot b{font-weight:600;color:#9892a0}.toast{position:fixed;z-index:100;bottom:20px;left:50%;transform:translate(-50%,20px);padding:11px 15px;border:1px solid #ffffff24;border-radius:10px;background:#292532;color:#f5f0fa;font-size:10px;box-shadow:0 14px 40px #0006;opacity:0;pointer-events:none;transition:.23s}.toast.show{opacity:1;transform:translate(-50%)}.close{position:absolute;right:calc(50% - min(185px,50vw - 10px));top:calc(50% - 155px);height:28px;width:28px;border-radius:8px;border:1px solid #ffffff20;background:#221f2b;color:#bbb}.empty-balance{color:#b9adb8}.rooms-brand{display:block;width:230px;height:52px;object-fit:contain;object-position:left center}.room.featured{grid-column:span 2;min-height:224px;padding:14px 15px;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:center;background:linear-gradient(135deg,#201b2b,#191721 63%)}.featured-copy{height:100%;display:flex;flex-direction:column;justify-content:space-between}.featured-copy .room-top{align-items:flex-start}.featured-copy .room-icon{background:#9868ef24;border-color:#a777ff3d}.member-side{min-width:0}.demo-label{margin:6px 2px 0;color:#766f80;font:7px var(--mono);letter-spacing:.08em}.member.is-speaking{z-index:8;transform:translateY(-7px) scale(1.1) rotate(-2deg);border-color:#00e68a;box-shadow:0 0 0 3px #00e68a88,0 0 28px #00e68a,inset 0 -20px 28px #100e1660;animation:speaking .24s ease-in-out infinite alternate}.member.is-speaking:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid #00e68a;border-radius:8px;animation:voiceRing .8s ease-out infinite;pointer-events:none;z-index:2}.member.is-speaking:after{z-index:3}.member.is-speaking svg{filter:drop-shadow(0 0 14px #00e68a);animation:avatarTalk .28s ease-in-out infinite alternate;transform-origin:50% 90%}.member svg .talk-mouth{transform-box:fill-box;transform-origin:center;transition:opacity .08s}.member.is-speaking svg .talk-mouth{opacity:1;animation:mouthTalk .16s steps(2,end) infinite alternate}.member.rank-top{border:2px solid #ffdf68;background:radial-gradient(ellipse at 50% 24%,#fbd264,#423225 66%,#211d2a);box-shadow:0 0 0 2px #f4c75e55,0 0 25px #ffcf4fa6,inset 0 0 22px #ffd65a54}.member.rank-rich{border-color:#e2c5ff;box-shadow:0 0 0 1px #dcbaff6b,0 0 14px #bf83ff73}.member-tier.rich{border-color:#eed8a3;background:#f6d98b;color:#49351d}.member-tier.very-rich{border-color:#fff0ad;background:linear-gradient(110deg,#ffe98b,#e8a92d);color:#39280e;font-weight:900;box-shadow:0 1px 7px #ffd95b85}.member.rank-top:after{position:absolute;right:4px;top:4px;border-radius:5px;background:#ffdc75;font:7px var(--mono);box-shadow:0 2px 8px #0004;padding:3px 4px;color:#392812;content:none}.people{font:8px var(--mono);display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:#dcd5e5}.people b{font:800 21px/1 var(--sans);letter-spacing:-1px;color:#fff}.people small{font:7px var(--mono);letter-spacing:.1em;color:#aaa2b3}.member-label{display:flex;justify-content:space-between;margin:2px 2px 4px;font:700 7px var(--mono);letter-spacing:.08em;color:#d2cadc}.member-label span{color:#8f8799}.member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:5px;max-height:174px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9670c7 #272230;padding:2px 4px 5px 1px;margin:0}.member-grid::-webkit-scrollbar{width:5px}.member-grid::-webkit-scrollbar-track{background:#272230;border-radius:8px}.member-grid::-webkit-scrollbar-thumb{background:#9670c7;border-radius:8px}.member{position:relative;min-width:0;overflow:hidden;border:1px solid #ffffff1c;background:radial-gradient(ellipse at 50% 26%,var(--member-glow),#211d2a 76%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;box-shadow:inset 0 -20px 28px #100e1660;transition:transform .22s,border-color .2s,box-shadow .2s;aspect-ratio:1;min-height:0;padding:3px 2px 4px;border-radius:9px}.member svg{position:absolute;top:1px;left:50%;transform:translate(-50%);filter:drop-shadow(0 5px 8px #0c091155);transition:filter .2s;height:72%;width:84%}.member-info{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;gap:2px;text-align:center;padding:4px 2px 0;background:linear-gradient(0deg,#15121ce8,#15121c9c 72%,transparent);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:7px}.member-info small{font:7px var(--mono);color:#bdb6c7;font-size:6px}.room{position:relative;overflow:hidden;text-align:left;border:1px solid #ffffff16;border-radius:14px;background:#191721;transition:.22s;height:350px;min-height:350px;padding:13px;display:flex;flex-direction:column;justify-content:flex-start;gap:4px}.room-enter{display:flex;justify-content:space-between;align-items:center;color:#b5adbf;font:8px var(--mono);margin-top:auto;padding-top:5px}.customize-trigger{border:1px solid #c5a0ff70;border-radius:9px;background:#241b35e6;font-size:10px;font-weight:750;padding:8px 11px;color:#e5d3ff}.customize-trigger:hover{background:#68429a}.custom-dialog::backdrop{background:#08060dc9;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.custom-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.custom-head h2{font-size:21px;letter-spacing:-.8px;margin:0}.custom-head small{color:#9e95ad;font-size:10px}.custom-look{background:radial-gradient(ellipse at 50% 32%,#66477a,#211b2b 72%);border:1px solid #ffffff13;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:start;position:sticky;top:0;padding:18px 8px}.custom-look svg{height:100%;width:100%}.balance-chip{color:#00e68a;font:11px var(--mono);padding:9px 12px;border:1px solid #00e68a2f;border-radius:99px;background:#121019}.custom-options h3{margin:0 0 10px;font:700 10px var(--mono);letter-spacing:.12em;color:#bdb3cc}.skin-options{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.skin-swatch{width:30px;height:30px;border:2px solid transparent;border-radius:50%;background:var(--skin);outline:1px solid #ffffff20;outline-offset:2px}.skin-swatch[aria-pressed=true]{outline:2px solid #00e68a}.trait-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:20px}.trait-card{position:relative;min-width:0;background:#25202e;border:1px solid #ffffff15;border-radius:12px;padding:5px 4px 9px;text-align:center}.trait-card svg{width:100%;height:77px;display:block}.trait-card strong{display:block;font-size:9px;margin:3px 0 5px}.trait-card small{font:8px var(--mono);color:#baaacb;display:block}.trait-card[aria-pressed=true]{border-color:#00e68a;background:#00e68a12;box-shadow:0 0 0 1px #00e68a33}.trait-card.locked{opacity:.62}.trait-card.locked small{color:#ffda82}.trait-card:hover{border-color:#c4a2ec}.custom-foot{padding:15px 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.custom-foot p{color:#a69bb4;font-size:10px;margin:0}.custom-foot .btn{font-size:11px}.custom-foot button:disabled{opacity:.45;cursor:not-allowed}.custom-close{background:#ffffff0a;border:1px solid #ffffff18;border-radius:50%;width:30px;height:30px;font-size:18px}.custom-status{min-height:28px;color:#d3bedf;font-size:10px;line-height:1.4}.custom-dialog{color:var(--text);max-height:90dvh;border:1px solid #ffffff28;border-radius:24px;padding:0;background:#191620;box-shadow:0 30px 100px #0009;width:min(850px,95vw)}.custom-body{display:grid;gap:24px;padding:24px;grid-template-columns:230px 1fr}.custom-options{max-height:62dvh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9875c4 #272230;padding:2px 7px 2px 2px}.trait-card[data-slot=fit] svg{padding:8px 3px}.trait-card[data-slot=border] svg{padding:6px 0}.header-customize{width:40px;height:40px;padding:0;display:grid;place-items:center;flex:none}.header-customize svg{width:22px;height:22px}.trait-frame{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--frame-color,transparent);border-radius:inherit;z-index:8;pointer-events:none;box-sizing:border-box}.trait-frame[data-border=none]{display:none}.trait-frame[data-border=slate]{--frame-color: #9a8caa}.trait-frame[data-border=purple]{--frame-color: #bd88ff}.trait-frame[data-border=mint]{--frame-color: #00e68a}.trait-frame[data-border=blue]{--frame-color: #6eabff;box-shadow:inset 0 0 15px #6eabff45}.trait-frame[data-border=silver]{--frame-color: #dce5f3;border-width:4px;border-style:double}.trait-frame[data-border=gold]{--frame-color: #ffe077;border-width:4px;border-style:double;box-shadow:inset 0 0 17px #ffe07750}.trait-frame[data-border=diamond]{--frame-color: #afffff;border-width:4px;border-style:double;box-shadow:inset 0 0 17px #afffff50}.trait-frame[data-border=neon]{--frame-color: #00e68a;box-shadow:inset 0 0 22px #00e68a66}.trait-frame[data-border=rainbow]{border:0}.trait-frame[data-border=rainbow]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:4px;border-radius:inherit;background:linear-gradient(135deg,#ed8cbf,#ab86ff,#72eaca,#ffdf71);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}#customPreview{position:relative;border-radius:inherit}.tiny-pfp{height:28px;width:28px;display:block;overflow:hidden;background:#302641;position:relative;border-radius:8px}.custom-look>div{width:100%;height:240px;border-radius:14px}.member .trait-frame{border-radius:inherit}.member-tier{position:absolute;right:4px;top:4px;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #ffffff4a;border-radius:5px;padding:3px 4px;background:#25202dbf;color:#dfd6ec;font:600 6px var(--mono);letter-spacing:.05em;z-index:9}.room-access{font:6px var(--mono);padding:4px 5px;border-radius:5px;border:1px solid #ae8ec640;background:#ae8ec612;color:#bd9cce;white-space:nowrap;letter-spacing:.02em}.room-access.open{border-color:#00e68a45;background:#00e68a12;color:#00e68a}.room .room-name{flex-wrap:wrap;gap:5px}.room.is-locked .arrow{font-size:11px}.verify-dialog{position:relative;width:min(370px,92vw);background:#1c1924;color:#f8f5ff;border:1px solid #b68ddb40;border-radius:22px;padding:28px;text-align:center;box-shadow:0 25px 100px #0008}.verify-dialog::backdrop{background:#08060dbb;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.verify-close{position:absolute;right:12px;top:12px}.verify-icon{display:grid;place-items:center;margin:8px auto 20px;width:64px;height:64px;background:#a776ff15;border:1px solid #a776ff40;color:#c2a1fa;border-radius:18px;font-size:39px}.verify-dialog h2{font-size:21px;letter-spacing:-.6px;margin:0 0 9px}.verify-dialog p{font-size:11px;color:#a79bb4;line-height:1.5}.verify-details{display:flex;flex-direction:column;gap:9px;text-align:left;background:#141019;border-radius:10px;padding:14px;margin:18px 0;font-size:10px;color:#b8d4c5}.verify-dialog .btn{width:100%;font-size:11px;margin-top:12px}.verify-dialog .btn:disabled{opacity:.5;cursor:wait}.verify-dialog .custom-status{font-size:10px}.room-locked-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:linear-gradient(180deg,#19132170,#191321e8);text-align:center;pointer-events:none}.room.is-locked .room-locked-overlay{display:flex}.room.is-locked{border-color:#b589eb50;background:linear-gradient(140deg,#231b30,#191721)}.room.is-locked .member-grid{opacity:.25;filter:blur(2px);pointer-events:none}.room-lock-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #bd91f47a;border-radius:14px;color:#d4b2ff;background:#30203e;box-shadow:0 5px 20px #0006}.room-lock-icon svg{width:25px;height:25px}.room-locked-overlay strong{font:850 13px var(--sans);letter-spacing:.14em;color:#f0e4ff}.room-locked-overlay small{font-size:9px;color:#baa6d0}.room.is-locked .room-access{background:#bb89fa2e;color:#dfbeff;border-color:#bb89fa70}.room .room-top{justify-content:flex-end;min-height:33px}.room .room-enter{width:100%;min-height:43px;padding:11px 13px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;font:850 12px var(--sans);letter-spacing:0;border:1px solid #00e68a90;background:#00e68a;color:#101d18;box-shadow:0 3px #075c3e;transition:background .18s,box-shadow .18s,transform .18s;flex-shrink:0}.room.is-locked .room-enter{font-weight:800;width:100%;min-height:43px;padding:11px 13px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;font:850 12px var(--sans);letter-spacing:0;border:1px solid #00e68a90;transition:background .18s,box-shadow .18s,transform .18s;flex-shrink:0;background:#b58aff;border-color:#ceb0ff;color:#211131;box-shadow:0 3px #664194}.room .room-enter .arrow,.room.is-locked .room-enter .arrow{font-size:15px;line-height:1;color:inherit}.room:hover .room-enter{background:#1aee9a;box-shadow:0 4px #075c3e}.room.is-locked:hover .room-enter{background:#c7a4ff;box-shadow:0 4px #664194}.room:focus-visible{outline:2px solid #fff;outline-offset:4px}.room:active .room-enter{transform:translateY(2px);box-shadow:0 1px #075c3e}.room.is-locked:active .room-enter{box-shadow:0 1px #664194}.room>.room-top{position:absolute;top:14px;right:13px;min-height:0}.room>.room-top+div>.room-name{font-size:13px;line-height:1.35;align-items:center;gap:5px}.room>.room-top+div .room-access{font-size:6px;line-height:1.2}.room>.room-top+div{padding-right:46px;min-height:0;margin:2px 0 0}.room>.room-top+div>.room-desc{font-size:9px;line-height:1.45;max-width:185px;margin-top:4px}.room>.member-label{flex-shrink:0;margin-top:5px}.room-tools{display:flex;align-items:center;gap:12px}.room-tools .btn{font-size:11px;padding:10px 15px}.create-dialog input,.create-dialog select{width:100%;background:#100e16;border:1px solid #ffffff20;border-radius:10px;color:#fff;padding:12px;font:12px var(--sans)}.create-dialog textarea{width:100%;background:#100e16;border:1px solid #ffffff20;border-radius:10px;color:#fff;padding:12px;font:12px var(--sans);resize:vertical;min-height:70px}.create-note{font-size:10px;color:#9d91aa;line-height:1.5}.empty-room{height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#8e819e;font-size:11px;border:1px dashed #ffffff1c;border-radius:12px;margin-top:8px}.empty-room b{font-size:28px;color:#bc9de2}.room-rules{font-size:9px;color:#a499b4;max-height:32px;overflow:hidden}.created-room .room-name{padding-right:8px}.fee-visual{display:flex;justify-content:center;align-items:center;gap:12px;margin:14px 0 25px}.fee-visual>span{width:90px;height:80px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#a776ff12;border:1px solid #a776ff32;border-radius:15px;color:#bb90ff;font-size:28px}.fee-visual small{font:8px var(--mono);color:#b0a3be}.fee-visual i{font-style:normal;color:#665773}.fee-visual .complete{color:#00e68a;border-color:#00e68a70;background:#00e68a10}.fee-dialog label{display:block;text-align:left;font:8px var(--mono);color:#b2a1c6;margin:15px 0 8px}.fee-dialog input{width:100%;padding:13px;background:#100e16;border:1px solid #ffffff24;color:#fff;border-radius:10px;font-size:11px}.fee-total{padding:18px;display:flex;align-items:center;justify-content:space-between;text-align:left;background:#a776ff12;border-radius:12px;margin-top:16px;gap:12px}.fee-total strong{font-size:24px;white-space:nowrap}.fee-total small{font-size:9px;line-height:1.6;color:#c2adc9}.fee-destination{background:#100e16;padding:12px;border-radius:10px;text-align:left;display:flex;gap:12px;align-items:center}.fee-destination code{font-size:10px;overflow-wrap:anywhere;min-width:0}.fee-destination button{border:1px solid #a776ff55;border-radius:8px;background:#a776ff22;padding:8px;font-size:10px}.visibility-options button{position:relative;text-align:left;padding:14px 16px;border-radius:10px;border:1px solid transparent;background:transparent;transition:background .18s,border-color .18s}.visibility-options strong{display:block;font-size:13px;color:#f2ebfc}.visibility-options small{display:block;margin-top:5px;font-size:9px;color:#978aa7}.visibility-options button:hover{background:#ffffff06}.visibility-options button[aria-pressed=true]{color:#d5baff;background:linear-gradient(135deg,#a776ff25,#a776ff10);border-color:#ab80ec80;box-shadow:0 3px 12px #0003}.visibility-options button[aria-pressed=true] small{color:#c2acdf}.percent-input{position:relative}.percent-input input{padding-right:40px}.percent-input span{position:absolute;right:15px;top:12px;color:#b999e6;font-size:14px}.percent-help{display:block;color:#8f819f;font-size:9px;margin-top:7px}.verify-steps{list-style:none;display:grid;grid-template-columns:1.2fr 1.3fr .75fr;gap:10px;padding:0;margin:10px 0 27px;text-align:left}.verify-steps li{position:relative;display:flex;flex-direction:column;gap:8px;color:#786d85;font-size:9px;line-height:1.4;padding-top:10px;border-top:2px solid #ffffff12}.verify-steps .step-number{font:10px var(--mono);color:#8b7c9b}.verify-steps li.active{border-color:#b58aff;color:#e2cffc}.verify-steps li.active .step-number{color:#c8a8ff}.verify-steps li.complete{border-color:#00e68a;color:#00e68a}.verify-steps li.complete .step-number{color:#00e68a}.fee-dialog{width:min(460px,94vw);max-height:90vh;overflow:auto;padding:28px;text-align:left}.fee-dialog>h2{margin-bottom:7px}.fee-dialog>p{margin-top:0}.fee-dialog .fee-demo{font-size:9px;color:#90829c;margin-bottom:0;margin-top:12px}.fee-dialog .verify-close{top:9px;right:9px}.fee-dialog .custom-status{line-height:1.5}.rooms>.room{min-width:0;overflow:hidden}.room-members-wrap{position:relative;border-radius:10px;flex-shrink:1;min-width:0;min-height:0;width:100%;overflow:hidden}.rooms .member-grid:not(.empty-room){grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:6px;padding:3px;min-width:0;min-height:0;overflow-x:hidden}.rooms .member{width:100%;height:auto;aspect-ratio:1/1;min-width:0;min-height:0;max-width:100%;box-sizing:border-box;isolation:isolate}.rooms .member.is-speaking{transform:none;animation:tileVoice .45s ease-in-out infinite alternate;z-index:auto;border-color:#00e68a;box-shadow:inset 0 0 0 2px #00e68a,inset 0 0 16px #00e68a35}.rooms .member.is-speaking:before{content:"";position:absolute;border-radius:inherit;z-index:10;pointer-events:none;top:0;right:0;bottom:0;left:0;border:2px solid #00e68a;animation:none}.rooms .member-info{min-width:0;max-width:100%}.room .room-members-wrap{position:relative;height:180px;flex:0 0 180px;width:100%}.room .room-members-wrap>.member-grid{height:100%;max-height:100%;margin:0}.room .room-locked-overlay{top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;text-align:center}.room .room-locked-overlay strong,.room .room-locked-overlay small{flex-shrink:0}.room .empty-room{height:100%;margin:0}.room-builder form{min-width:0}.create-dialog label{display:block;font-size:10px;font-weight:750;color:#bfb5ce;margin:15px 0 6px;letter-spacing:.06em}.create-dialog input:focus{outline:2px solid #b58aff80;outline-offset:2px}.create-dialog textarea:focus{outline:2px solid #b58aff80;outline-offset:2px}.create-dialog select:focus{outline:2px solid #b58aff80;outline-offset:2px}.visibility-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border:1px solid #ffffff12;border-radius:14px;background:#100e1666}.visibility-options button[data-visibility=public]{border-color:#00e68a33;background:#00e68a09}.visibility-options button[data-visibility=public] strong{color:#00e68a}.visibility-options button[data-visibility=private]{border-color:#b18aff44;background:#b18aff0b}.visibility-options button[data-visibility=private] strong{color:#cfb3ff}.visibility-options button[data-visibility=public][aria-pressed=true]{background:linear-gradient(135deg,#00e68a28,#00e68a12);border-color:#00e68ab0;box-shadow:inset 0 0 0 1px #00e68a22}.visibility-options button[data-visibility=private][aria-pressed=true]{background:linear-gradient(135deg,#b58aff35,#7957d522);border-color:#c397ff;box-shadow:inset 0 0 0 1px #b58aff22}.preview-access{font:7px var(--mono);padding:5px 6px;border-radius:5px;background:#00e68a18;color:#00e68a;white-space:nowrap}.preview-access.private{background:#b58aff25;color:#d2b2ff}.preview-room p{font-size:10px;line-height:1.5;color:#a99bb8;min-height:30px;overflow-wrap:anywhere;margin:8px 0 14px}.preview-lock[hidden]{display:none}.create-dialog .create-note{font-size:9px;margin-top:18px}.preview-heading small{font-size:7px;display:inline-flex;align-items:center;gap:6px;font:8px var(--mono);letter-spacing:.1em;padding:6px 9px;color:#ccb7eb;background:#a776ff12;border:1px solid #b58aff35;border-radius:6px}.preview-heading i{width:4px;height:4px;background:#b58aff;border-radius:50%;box-shadow:0 0 7px #b58aff55}.preview-room h3{margin:0;font-size:15px;line-height:1.4;overflow-wrap:anywhere;min-width:0}.preview-members-wrap .member{transform:none;animation:none;height:100%;width:100%;min-height:0;aspect-ratio:auto}.private-preview .preview-members-wrap .member-grid{opacity:.12;filter:blur(2px)}.preview-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px;background:linear-gradient(145deg,#21172deb,#17111ee8);-webkit-backdrop-filter:none;backdrop-filter:none;gap:10px}.preview-lock svg{color:#c8a3f9;width:32px;height:32px;flex-shrink:0;margin-bottom:3px}.preview-lock strong{font-size:13px;letter-spacing:0;font-weight:750;color:#e2d2f7}.preview-lock small{max-width:180px;font-size:10px;line-height:1.6;color:#aa95bf;overflow-wrap:anywhere}.preview-join.private{border-color:#a776ff60;color:#d3b7ff;justify-content:center;background:#a776ff18}.preview-caption{font-size:9px;line-height:1.5;text-align:center;color:#877693;margin-top:10px}.room-builder{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;margin-top:12px;align-items:stretch}.builder-preview{min-width:0;border-left:1px solid #b58aff20;padding-left:26px;top:0;padding-top:0;position:static;align-self:stretch;display:flex;flex-direction:column}.preview-heading{display:flex;align-items:center;font:9px var(--mono);letter-spacing:.12em;color:#cfc1e0;justify-content:flex-end;margin:0 0 8px;flex-shrink:0}.preview-room{background:linear-gradient(135deg,#292135,#1b1724);border:1px solid #b58aff50;border-radius:17px;box-shadow:0 15px 35px #0003;padding:16px;display:flex;flex-direction:column;flex:1;min-height:360px}.preview-members-wrap{position:relative;overflow:hidden;border-radius:10px;border:1px solid #ffffff0c;background:#17121f;height:auto;min-height:260px;flex:1}.preview-join{border:1px solid #00e68a35;background:#00e68a15;color:#00e68a;border-radius:9px;padding:12px;display:flex;justify-content:space-between;font-size:10px;font-weight:800;flex-shrink:0;margin-top:16px}.preview-room-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-shrink:0}.preview-room>p{flex-shrink:0}.preview-member-label{display:flex;justify-content:space-between;color:#8e809f;font:7px var(--mono);letter-spacing:.08em;margin-bottom:7px;margin-top:12px;flex-shrink:0}.preview-members-wrap .member-grid{max-height:none;overflow:hidden;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-content:stretch;gap:6px;padding:6px;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.gate-choices small{display:block;font-size:8px;line-height:1.5;color:#7e708d;margin-top:5px}.gate-choices button:hover{border-color:#b58aff65;background:#a776ff10}.gate-choices button[aria-pressed=true]{border-color:#b58aff;background:linear-gradient(135deg,#b58aff24,#a776ff10);box-shadow:inset 0 0 0 1px #b58aff18}.gate-choices button[aria-pressed=true] strong{color:#e2ceff}.gate-choices button[aria-pressed=true] small{color:#ae91ca}.gate-choices button:focus-visible{outline:2px solid #00e68a;outline-offset:3px}.gate-choices{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.gate-choices button{min-width:0;text-align:left;border:1px solid #ffffff17;border-radius:10px;background:#100e1680;transition:.18s;padding:14px 12px}.gate-choices strong{display:block;color:#bdb0ca;font-size:11px}.joined-room::backdrop{background:#08050cc9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.joined-head small{font:8px var(--mono);letter-spacing:.12em;color:#b293d6}.joined-head h2{font-size:23px;letter-spacing:-.7px;margin:7px 0 0;overflow-wrap:anywhere}.joined-head-actions{display:flex;align-items:center;gap:15px}.joined-head-actions>span{font:10px var(--mono);color:#c3b3d2;white-space:nowrap}.room-leave{border:1px solid #ed78973b;color:#efb1c1;background:#ed78970d;padding:11px 13px;border-radius:10px;font-size:10px;white-space:nowrap}.room-leave:hover{background:#ed789720}.joined-stage-head small{font-size:8px;color:#766b85}.joined-members .member-info small{font-size:7px}.joined-members .member.is-speaking{transform:none;animation:tileVoice .4s ease-in-out infinite alternate;border-color:#00e68a;box-shadow:inset 0 0 0 2px #00e68a}.joined-members .member.is-speaking:before{top:0;right:0;bottom:0;left:0;animation:none}.joined-members .member.self-in-room{border-color:#b58aff}.joined-sidebar{padding:20px 16px;border-left:1px solid #ffffff10;display:flex;flex-direction:column;min-height:0;background:#100d1680}.joined-sidebar h3{font-size:12px;margin:0}.joined-sidebar>p{font-size:10px;line-height:1.6;color:#9788a6;margin:9px 0 15px;overflow-wrap:anywhere}.joined-messages{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px}.joined-notice{border:1px solid #a776ff25;border-radius:10px;padding:13px;font-size:10px;color:#c6afd9;background:#a776ff09;line-height:1.6}.joined-notice small{display:block;font-size:9px;color:#8b789e;margin-top:6px}.joined-msg{padding:10px 12px;border-radius:10px;background:#a776ff15;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.joined-msg small{display:block;font-size:8px;color:#b792e1;margin-bottom:4px}.joined-sidebar form{display:flex;gap:6px;margin-top:15px}.joined-sidebar input{width:100%;min-width:0;background:#241d2d;border:1px solid #ffffff14;padding:11px;border-radius:10px;color:#fff;font-size:10px}.joined-sidebar form button{background:#b58aff;border:0;border-radius:9px;color:#21152e;width:36px}.joined-sidebar>small{font-size:9px;color:#ffb1b1;margin-top:6px}.joined-footer strong{display:block;font-size:11px}.joined-footer small{display:block;font-size:9px;color:#8f7f9e;margin-top:5px}.joined-footer button{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #b58aff55;border-radius:11px;background:#b58aff16;font-size:11px}.joined-footer button[aria-pressed=true]{border-color:#00e68a;color:#00e68a;background:#00e68a0d}.joined-footer svg{width:17px;height:17px}.joined-room{padding:0;color:#f8f5ff;background:#17131e;box-shadow:0 30px 110px #000b;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;overflow:hidden}.joined-room[open]{display:flex;flex-direction:column}.joined-head{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #ffffff12;background:linear-gradient(110deg,#a776ff14,transparent);flex-shrink:0;padding:16px 24px}.joined-body{flex:1;min-height:0;height:auto;display:grid;grid-template-columns:minmax(0,1fr) 260px;overflow:hidden}.joined-stage{padding:20px;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.joined-stage-head{display:flex;justify-content:space-between;margin-bottom:16px;font:8px var(--mono);letter-spacing:.1em;color:#ac9cbb;flex-shrink:0}.joined-members{display:grid;align-content:start;flex:1;min-height:0;grid-template-columns:repeat(var(--joined-cols,5),minmax(0,1fr));grid-template-rows:repeat(var(--joined-rows,4),minmax(0,1fr));gap:8px;overflow:hidden}.joined-members .member{transform:none;animation:none;isolation:isolate;width:100%;height:100%;aspect-ratio:auto;min-height:0;min-width:0;padding-bottom:3px}.joined-members .member svg{width:80%;height:78%;object-fit:contain}.joined-members .member-info{padding-bottom:3px;font-size:clamp(7px,.85vw,11px);padding-top:3px}.joined-members .member-tier{left:5px;right:auto;top:5px;font-size:6px;max-width:calc(100% - 10px)}.joined-controls{display:flex;gap:8px;align-items:center}.joined-controls button{white-space:nowrap}.vote-kick{position:absolute;z-index:12;right:5px;top:5px;padding:4px 5px;border:1px solid #ffffff20;border-radius:5px;background:#171020d9;color:#bca4c8;font-size:7px;opacity:0;transition:opacity .15s}.member:hover .vote-kick{opacity:1}.member:focus-within .vote-kick{opacity:1}.vote-kick:hover{border-color:#ff99b2;color:#ffc0d0}.vote-kick:disabled{opacity:1;font-size:6px;color:#e8aec1;cursor:default}.shared-screen{min-height:0;flex:0 0 45%;margin-bottom:12px;border:1px solid #b58aff40;background:#09070d;border-radius:12px;overflow:hidden;position:relative}.shared-screen[hidden]{display:none}.shared-screen>div{position:absolute;top:10px;left:12px;z-index:1;background:#171020bb;border-radius:6px;padding:6px 9px;font-size:9px}.shared-screen span{margin-left:10px;color:#a38db6;font-size:8px}.shared-screen video{width:100%;height:100%;object-fit:contain}.joined-room.is-sharing .joined-members .member-tier,#joinedChatToggle{display:none}.joined-head .room-leave{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:12px 18px;border:1px solid #ff9caa80;border-radius:12px;background:linear-gradient(135deg,#e94b6a,#c93658);color:#fff;font-size:12px;font-weight:800;box-shadow:0 3px #8c2441,0 5px 18px #e94b6a25;transition:background .18s,box-shadow .18s,transform .18s}.joined-head .room-leave svg{width:18px;height:18px;flex-shrink:0}.joined-head .room-leave:hover{background:linear-gradient(135deg,#fa6380,#df4164);box-shadow:0 3px #8c2441,0 6px 22px #e94b6a45;transform:translateY(-1px)}.joined-head .room-leave:active{transform:translateY(2px);box-shadow:0 1px #8c2441}.joined-head .room-leave:focus-visible{outline:2px solid #fff;outline-offset:4px}.create-dialog .visibility-options button,.create-dialog .gate-choices button{border-radius:12px;min-height:62px;box-shadow:0 3px #08060d,0 5px 15px #0002;transition:transform .18s,box-shadow .18s,filter .18s;background:linear-gradient(135deg,#30263d,#221b2c);border:1px solid #ffffff25}.create-dialog .visibility-options button:hover,.create-dialog .gate-choices button:hover{transform:translateY(-1px);filter:brightness(1.12)}.create-dialog .visibility-options button:active,.create-dialog .gate-choices button:active{transform:translateY(2px);box-shadow:0 1px #08060d}.create-dialog .visibility-options button[data-visibility=public]{background:linear-gradient(135deg,#25402e,#1a2922);border-color:#00e68a50}.create-dialog .visibility-options button[data-visibility=public][aria-pressed=true] small{color:#07291c}.create-dialog .gate-choices button[aria-pressed=true]{background:linear-gradient(135deg,#b58aff,#8955dc);border-color:#d8b5ff99;box-shadow:0 3px #583092,0 6px 18px #a776ff25}.create-dialog .gate-choices button[aria-pressed=true] strong{color:#1e1036}.create-dialog .visibility-options button[data-visibility=private][aria-pressed=true] small,.create-dialog .gate-choices button[aria-pressed=true] small{color:#382054}.create-dialog #createRoomForm>.btn{min-height:46px;border-radius:12px;background:linear-gradient(135deg,#b58aff,#8955dc);border:1px solid #d8b5ff99;color:#1e1036;font-size:12px;font-weight:850;box-shadow:0 3px #583092,0 6px 18px #a776ff25;transition:transform .18s,box-shadow .18s,filter .18s}.create-dialog #createRoomForm>.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.create-dialog #createRoomForm>.btn:active{transform:translateY(2px);box-shadow:0 1px #583092}.create-dialog button:focus-visible{outline:2px solid #fff;outline-offset:4px}.create-dialog .visibility-options{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;background:none;border:1px solid #b58aff55;border-radius:12px;overflow:hidden;box-shadow:none}.create-dialog .visibility-options button[data-visibility]{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:12px;border:0;border-radius:0;background:#a776ff0a;box-shadow:none;transform:none;filter:none;transition:background .2s,color .2s}.create-dialog .visibility-options button[data-visibility]+button{border-left:1px solid #b58aff35}.create-dialog .visibility-options button[data-visibility] strong{font-size:13px;font-weight:750;line-height:1;color:#a494b5}.create-dialog .visibility-options button[data-visibility]:hover{background:#a776ff18;transform:none;filter:none;box-shadow:none}.create-dialog .visibility-options button[data-visibility=public][aria-pressed=true]{border-color:#00e68a99;background:linear-gradient(110deg,#00e68a,#00e68a);border:0;box-shadow:none;transform:none;filter:none}.create-dialog .visibility-options button[data-visibility=public][aria-pressed=true] strong{color:#07291c}.create-dialog .visibility-options button[data-visibility=private][aria-pressed=true]{border-color:#d8b5ff99;background:linear-gradient(110deg,#c7a5f8,#aa80e9);border:0;border-left:1px solid #b58aff35;box-shadow:none;transform:none;filter:none}.create-dialog .visibility-options button[data-visibility=private][aria-pressed=true] strong{color:#2d1848}.create-dialog .visibility-options button[data-visibility]:active{transform:none;box-shadow:none;filter:none}.create-dialog .visibility-options button:focus-visible{outline:2px solid #fff;outline-offset:-4px}.create-dialog{text-align:left;width:min(830px,94vw);padding:30px;border:1px solid #b58aff88;box-shadow:0 0 0 5px #a776ff0b,0 35px 100px #0009;background:linear-gradient(140deg,#241d31,#17141e 65%);height:min(650px,90dvh);max-height:90dvh;overflow:hidden}.create-dialog[open]{display:flex;flex-direction:column}.create-dialog>h2{font-size:26px;letter-spacing:-1px;flex-shrink:0}.create-dialog>p{flex-shrink:0}.create-dialog>.room-builder{flex:1;min-height:0;overflow:hidden}.room-builder>#createRoomForm{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9670c7 transparent;padding:0 6px 5px 0;overscroll-behavior:contain}.create-dialog .builder-preview{min-height:0;overflow:hidden}.create-dialog .preview-room,.create-dialog .preview-members-wrap{min-height:0}.create-dialog .preview-room>p{max-height:75px;overflow:auto}.create-dialog .gate-choices{gap:0;border:1px solid #b58aff55;border-radius:12px;overflow:hidden;background:none;box-shadow:none}.create-dialog .gate-choices button[data-gate]{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:12px;border:0;border-radius:0;background:#a776ff0a;box-shadow:none;transform:none;filter:none;transition:background .2s,color .2s}.create-dialog .gate-choices button[data-gate]+button{border-left:1px solid #b58aff35}.create-dialog .gate-choices button[data-gate] strong{font-size:13px;font-weight:750;line-height:1;color:#a494b5}.create-dialog .gate-choices button[data-gate]:hover{background:#a776ff18;transform:none;filter:none;box-shadow:none}.create-dialog .gate-choices button[data-gate][aria-pressed=true]{background:linear-gradient(110deg,#c7a5f8,#aa80e9);box-shadow:none;transform:none;filter:none}.create-dialog .gate-choices button[data-gate][aria-pressed=true] strong{color:#2d1848}.create-dialog .gate-choices button[data-gate]:active{transform:none;box-shadow:none;filter:none}.create-dialog .gate-choices button:focus-visible{outline:2px solid #fff;outline-offset:-4px}.create-dialog .gate-choices button[data-gate=invite]{background:#edba6610}.create-dialog .gate-choices button[data-gate=invite] strong{color:#b9a083}.create-dialog .gate-choices button[data-gate=invite]:hover{background:#edba6620}.create-dialog .gate-choices button[data-gate=invite][aria-pressed=true]{background:linear-gradient(110deg,#f3cc84,#e4ad55)}.create-dialog .gate-choices button[data-gate=invite][aria-pressed=true] strong{color:#483018}.create-dialog .gate-choices button[data-gate=token]{background:#67dac910}.create-dialog .gate-choices button[data-gate=token] strong{color:#8caea9}.create-dialog .gate-choices button[data-gate=token]:hover{background:#67dac920}.create-dialog .gate-choices button[data-gate=token][aria-pressed=true]{background:linear-gradient(110deg,#8ee6d7,#5bcbb8)}.create-dialog .gate-choices button[data-gate=token][aria-pressed=true] strong{color:#153d35}.invite-add-row{display:flex;gap:8px;align-items:stretch}.invite-add-row input{min-width:0;flex:1}.create-dialog #addRoomInvite{border:1px solid #c5a1ff70;border-radius:10px;background:#b58aff;color:#27143f;padding:0 17px;font-size:11px;font-weight:800;box-shadow:none}.create-dialog #addRoomInvite:hover{background:#c7a4ff}.invite-error{display:block;color:#f3a8bc;font-size:9px;line-height:1.5;margin-top:6px}.invite-error:empty{display:none}.invite-list-heading{display:flex;justify-content:space-between;align-items:center;margin:14px 0 7px;font:8px var(--mono);color:#9e8caf;letter-spacing:.05em}.invite-list-heading small{font-size:8px;color:#c4a4e9}.invite-wallet-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:145px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9670c7 transparent}.invite-wallet-list li{display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid #a776ff22;background:#a776ff07;border-radius:9px}.invite-avatar{width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;border-radius:7px;color:#caaaf5;background:#b58aff18;font:9px var(--mono)}.invite-wallet-list code{font-size:9px;color:#bfb0cf;overflow-wrap:anywhere;min-width:0;flex:1;line-height:1.5}.invite-wallet-list button{border:0;background:transparent;color:#9986ad;font-size:18px;width:25px;height:28px;border-radius:6px;flex-shrink:0}.invite-wallet-list button:hover{background:#ed789717;color:#f4a9be}.invite-wallet-list .invite-empty{justify-content:center;padding:16px;border-style:dashed;color:#7d6d8e;font-size:10px}.main-room-section{margin-bottom:32px}#mainRoom{width:100%;height:auto;min-height:0;align-content:start;container-type:inline-size;padding:24px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;align-items:center;gap:24px 24px;text-align:left;border:1px solid #ffffff20;border-radius:20px;background:#191721;box-shadow:none;overflow:hidden}#mainRoom>.room-top{position:static;grid-column:2;grid-row:1;min-height:0;margin:0}#mainRoom>.room-top+div{grid-column:1;grid-row:1;min-width:0;padding:0;min-height:0;margin:0}#mainRoom>.room-top+div>.room-name{font-size:24px;line-height:1.25;gap:10px;flex-wrap:wrap;letter-spacing:-.7px}#mainRoom>.room-top+div>.room-desc{font-size:12px;line-height:1.5;max-width:none;margin-top:7px;color:#a39bab}#mainRoom .room-access{font-size:8px;padding:5px 8px;letter-spacing:.03em}#mainRoom .people{flex-direction:row;align-items:center;gap:7px;white-space:nowrap}#mainRoom .people b{font-size:17px;letter-spacing:-.4px}#mainRoom .people small{font:500 10px var(--sans);letter-spacing:0;text-transform:lowercase}#mainRoom>.member-label{display:none}#mainRoom>.member-grid{min-height:calc((100cqw - 96px) / 9 * 2 + 12px);grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;gap:12px;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0}#mainRoom .member{width:100%;height:auto;min-width:0;aspect-ratio:1;transform:none!important;border-radius:12px}#mainRoom .member-tier,#mainRoom .member-info small{display:none}#mainRoom .member-info{font-size:9px;bottom:7px}#mainRoom>.room-enter{grid-column:3;grid-row:1;width:112px;min-height:43px;margin:0;padding:11px 18px;border-radius:10px;font-size:13px;gap:14px;align-self:center}.rooms{display:grid;gap:11px;align-items:stretch;grid-template-columns:repeat(3,minmax(0,1fr))}.pay-dex-trigger{display:flex;flex-direction:column;align-items:center;gap:3px;background:#f5f5f5!important;color:#151515!important;border-color:#fff!important;font-weight:850!important}.pay-dex-trigger span{font-size:7px;letter-spacing:.1em}.dex-dialog{width:min(420px,calc(100vw - 28px));max-height:90dvh;overflow:auto;background:#191721;color:#f8f5ff;border:1px solid #ffffff30;border-radius:20px;padding:25px;box-shadow:0 24px 90px #0009}.dex-dialog::backdrop{background:#08060dcc;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dex-dialog header{display:flex;justify-content:space-between;align-items:center}.dex-brand{font-size:10px;font-weight:900;letter-spacing:.13em}.dex-dialog header button{border:0;background:none;font-size:25px;color:#aaa}.dex-dialog h2{font-size:28px;letter-spacing:-1px;margin:20px 0 7px}.dex-dialog p{font-size:12px;color:#aaa2b3;margin-bottom:24px}.dex-dialog label{display:block;font-size:9px;font-weight:750;letter-spacing:.07em;margin:17px 0 8px;color:#b9b1c4}.dex-dialog input{width:100%;padding:13px;border:1px solid #ffffff20;border-radius:10px;background:#100e16;color:#fff;font:14px var(--sans)}.dex-dialog input:focus{outline:2px solid #00e68a55;border-color:#00e68a}.dex-dialog #dexOwn{font-size:25px;font-weight:800}.dex-disclaimer{display:block;font-size:10px;line-height:1.6;color:#958c9f;margin:16px 0}.dex-primary{border:0;border-radius:10px;padding:13px 17px;background:#00e68a;color:#07291c;font-weight:850;width:100%}#dexError{color:#ff99b2;font-size:11px;margin-bottom:10px}.dex-campaign{flex-shrink:0;border:1px solid #00e68a40;border-radius:13px;background:#12251f;padding:15px;margin-bottom:14px}.dex-campaign[hidden]{display:none}.dex-owner{font-size:10px;color:#b4c5be;margin-bottom:8px}.dex-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.dex-summary strong{font-size:17px}.dex-summary span{font-size:11px;color:#00e68a}.dex-progress{height:7px;border-radius:8px;background:#ffffff15;overflow:hidden;margin:12px 0}.dex-progress div{height:100%;background:#00e68a;transition:width .3s}.dex-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#a6b8af}.dex-meta code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.dex-donate{display:flex;gap:8px;margin-top:12px}.dex-donate input{min-width:0;flex:1;background:#100e16;border:1px solid #ffffff25;border-radius:8px;color:#fff;padding:9px;font:12px var(--sans)}.dex-donate button{background:#00e68a;color:#07291c;border:0;border-radius:8px;padding:9px 15px;font-weight:800}.dex-demo{display:block;margin-top:9px;font-size:9px;color:#93a99d}.dex-feedback{font-size:10px;color:#ffb1b1;margin-top:7px}.dex-price{float:right;color:#f8f5ff;font-size:18px}.dex-product{display:block;font-size:10px;font-weight:500;color:#a6b8af;margin-top:5px}.joined-footer{border-top:1px solid #ffffff12;display:flex;align-items:center;flex-shrink:0;padding:12px 24px;justify-content:space-between;gap:12px}.board-dialog[open]{display:flex;flex-direction:column}.board-dialog::backdrop{background:#08060ddd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.board-head small{color:#9c94a7;font-size:11px}.board-head button{border:1px solid #ffffff22;border-radius:8px;padding:9px 12px;font-size:11px;background:#00e68a;color:#07291c;font-weight:800}.board-color input{width:27px;height:29px;background:none;border:0;padding:0;cursor:pointer}.board-size input{width:70px;accent-color:#00e68a}.board-foot span:last-child{color:#726b7c}.board-dialog{width:min(1400px,96vw);height:94dvh;max-width:96vw;max-height:94dvh;padding:0;color:#f8f5ff;border:1px solid #ffffff25;overflow:hidden;background:#121017;border-color:#ffffff24;border-radius:22px}.board-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15;gap:12px;padding:18px 24px;background:#19161f}.board-head h2{margin:0 0 4px;font-size:21px;letter-spacing:-.6px}.board-head-right{display:flex;align-items:center;gap:20px}.board-head #closeBoard{background:#ffffff0a;color:#e8e3ef;border:1px solid #ffffff22;font-size:11px}.board-presence{display:flex;align-items:center;padding-left:6px}.board-presence>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--cursor-color);color:#16111c;border:3px solid #19161f;margin-left:-6px;font-size:10px;font-weight:850}.board-presence small{margin-left:9px;color:#9991a4;font-size:10px;white-space:nowrap}.board-toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;padding:14px 22px;gap:14px;background:#17141c;border-bottom:1px solid #ffffff0c}.board-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.board-tools button{border:1px solid #ffffff22;background:#ffffff05;border-color:#ffffff12;padding:10px 14px;border-radius:9px;font-size:11px}.board-tools button:hover{background:#ffffff10}.board-tools button[aria-pressed=true]{border-color:#00e68a;background:#00e68a;color:#062819;box-shadow:0 2px #075c3e}.board-color,.board-size{display:flex;align-items:center;gap:8px;font-size:10px;color:#b8afc3;height:35px;padding:0 11px;border-left:1px solid #ffffff15;margin-left:5px}.board-surface{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;margin:18px 22px 0;background:radial-gradient(#c8c8cc 1px,transparent 1px),#e5e5e9;background-size:18px 18px;border:1px solid #ffffff18;border-radius:12px;isolation:isolate}.board-paper-label{position:absolute;top:12px;left:14px;z-index:2;color:#9999a1;font-size:8px;letter-spacing:.14em;pointer-events:none}#boardCursors{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:hidden}.board-cursor{position:absolute;top:0;left:0;will-change:transform;filter:drop-shadow(0 2px 2px #0002);pointer-events:none}.board-cursor svg{display:block;width:22px;height:27px;fill:var(--cursor-color);stroke:#fff;stroke-width:1.4;stroke-linejoin:round}.board-cursor>span{position:absolute;bottom:31px;left:0;padding:5px 8px;border-radius:6px 6px 6px 0;background:var(--cursor-color);color:#16111c;font-size:10px;font-weight:800;white-space:nowrap}.board-cursor.remote{transition:transform 1.8s cubic-bezier(.4,0,.2,1)}.board-foot{display:flex;justify-content:space-between;gap:12px;font-size:10px;padding:14px 24px;color:#9c94a7}.board-demo-toggle{display:flex;gap:6px;align-items:center;font-size:10px;color:#a79eaf}.board-demo-toggle input{accent-color:#00e68a}#boardClear{color:#ef9fae}#boardUpload{border-color:#ffffff30;background:#ffffff0d}#boardExport{color:#00e68a}#whiteboardBtn{display:flex;align-items:center;gap:8px!important;background:#e7daff!important;color:#38205e!important;border:1px solid #f5edff!important;border-radius:12px!important;box-shadow:0 3px #8c6bb4;transform:rotate(-1deg);font-weight:850!important;transition:transform .15s,box-shadow .15s}#whiteboardBtn:hover{transform:rotate(1deg) translateY(-2px);box-shadow:0 5px #8c6bb4}#whiteboardBtn:active{transform:translateY(2px);box-shadow:0 1px #8c6bb4}.board-button-icon{display:grid;place-items:center;background:#fff9;transform:rotate(-8deg);border-radius:5px;width:23px;height:23px;font-size:12px;letter-spacing:-1px}.board-tools .board-action{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:12px;min-width:150px;text-align:left;box-shadow:0 3px #0004}.board-action b{font-size:25px;letter-spacing:-2px;line-height:1}.board-action svg{width:27px;height:27px;flex-shrink:0}.board-action span{font-size:13px;font-weight:850}.board-action small{display:block;font-size:9px;font-weight:500;margin-top:4px;opacity:.7}.board-tools .write-action{background:#e7daff;color:#38205e;border:1px solid #f5edff}.board-tools .photo-action{background:#c5f6df!important;color:#12442d!important;border:1px solid #e0ffef!important}.board-tools .board-action:hover{filter:brightness(1.05);transform:translateY(-1px)}.board-secondary button{font-size:11px;padding:10px 13px}.board-context-menu{position:absolute;z-index:12;width:176px;background:#fff;color:#292330;padding:6px;border:1px solid #ded8e5;border-radius:12px;box-shadow:0 8px 30px #17102025}.board-context-menu[hidden],.board-text-form[hidden]{display:none}.board-context-menu button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:#292330;padding:11px 9px;font-size:12px;text-align:left;border-radius:7px}.board-context-menu button:hover{background:#eee5ff;outline:none}.board-context-menu button:focus-visible{background:#eee5ff;outline:none}.board-context-menu button span{font-weight:850;font-size:16px;width:22px}.board-text-form{position:absolute;z-index:13;width:min(330px,calc(100% - 16px));padding:10px;background:#fff;color:#292330;border:1px solid #d6cae6;border-radius:13px;box-shadow:0 8px 30px #17102025}.board-text-form>div{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px}.board-text-form button,.board-text-form select{border:0;background:#f1ecf6;border-radius:6px;font-size:10px;padding:8px;color:#544362}.board-text-form button[type=submit]{background:#00e68a;color:#07291c;font-weight:800}.board-text-form input[type=color]{width:25px;height:27px;padding:0;border:0;background:none}#roomBoard{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:1;cursor:none;touch-action:none}.board-tools #boardDelete:disabled{opacity:.35;cursor:default}.board-text-form textarea{display:block;width:100%;resize:none;border:0;background:#f5f2f9;border-radius:7px;padding:12px;font:16px var(--sans);color:#292330;outline:none;min-height:125px}#payDexBtn{display:flex;flex-direction:row;align-items:center;gap:8px!important;background:#fff1ca!important;color:#493316!important;border:1px solid #fff8e6!important;border-radius:12px!important;box-shadow:0 3px #b58e49;transform:rotate(1deg);font-weight:850!important;transition:transform .15s,box-shadow .15s}#payDexBtn:hover{transform:rotate(-1deg) translateY(-2px);box-shadow:0 5px #b58e49}#payDexBtn:active{transform:translateY(2px);box-shadow:0 1px #b58e49}#payDexBtn .dex-button-icon{display:grid;place-items:center;background:#161616;width:29px;height:29px;border-radius:7px;transform:rotate(7deg);flex-shrink:0}#payDexBtn img{display:block;object-fit:contain;width:25px;height:25px}#payDexBtn .dex-button-label{font-size:inherit;letter-spacing:0;font-weight:850}.joined-controls #payDexBtn,.joined-controls #whiteboardBtn,.joined-controls #shareScreenBtn,.joined-controls #joinedMic{height:46px!important;min-height:46px!important;padding:0 14px!important;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:9px!important;font-size:11px!important;line-height:1!important;white-space:nowrap;border-radius:12px!important;font-weight:850!important}#shareScreenBtn{transition:transform .15s,box-shadow .15s,background .15s!important;background:#d6eeff!important;color:#183e62!important;border:1px solid #edf8ff!important;box-shadow:0 3px #688eaf;transform:rotate(-.5deg)}#shareScreenBtn svg{width:23px!important;height:23px!important;flex-shrink:0;padding:3px;box-sizing:content-box;border-radius:6px;background:#fff7;overflow:visible}#joinedMic svg{width:23px!important;height:23px!important;flex-shrink:0;padding:3px;box-sizing:content-box;border-radius:6px;background:#fff7;overflow:visible}#shareScreenBtn:hover{transform:translateY(-2px);box-shadow:0 5px #688eaf}#shareScreenBtn[aria-pressed=true]{background:#83caff!important;border-color:#bce2ff!important;box-shadow:0 3px #3975a4}#joinedMic{transition:transform .15s,box-shadow .15s,background .15s!important;background:#c5f6df!important;color:#12442d!important;border:1px solid #e0ffef!important;box-shadow:0 3px #589675;transform:rotate(.5deg)}#joinedMic:hover{transform:translateY(-2px);box-shadow:0 5px #589675}#joinedMic[aria-pressed=true]{background:#00e68a!important;border-color:#69ffc3!important;box-shadow:0 3px #087c4e}#joinedMic[aria-pressed=true] svg{background:#ffffff80;filter:drop-shadow(0 0 3px #ffffff70)}#shareScreenBtn:active,#joinedMic:active{transform:translateY(2px);box-shadow:0 1px #496b65}.joined-footer>#closeJoinedRoom{flex-shrink:0;margin-right:auto;height:46px!important;min-height:46px!important;padding:0 14px!important;display:flex;align-items:center;justify-content:center;gap:9px!important;box-sizing:border-box;background:#ffd4dc!important;color:#74253a!important;border:1px solid #ffe9ed!important;border-radius:12px!important;box-shadow:0 3px #ac6172;transform:rotate(-.5deg);font-size:11px!important;line-height:1!important;font-weight:850!important;transition:transform .15s,box-shadow .15s,background .15s}.joined-footer>#closeJoinedRoom svg{width:23px!important;height:23px!important;flex-shrink:0;padding:3px;box-sizing:content-box;border-radius:6px;background:#fff7}.joined-footer>#closeJoinedRoom:hover{background:#ffc4d0!important;transform:translateY(-2px);box-shadow:0 5px #ac6172}.joined-footer>#closeJoinedRoom:active{transform:translateY(2px);box-shadow:0 1px #ac6172}@media (max-width:850px){main{width:94vw;padding-top:16px}.room{height:330px;min-height:330px}.member-grid{max-height:160px;grid-template-columns:repeat(4,minmax(0,1fr))}.room .room-members-wrap{height:166px;flex-basis:166px}#mainRoom>.member-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px}.rooms{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:750px){.joined-body{grid-template-columns:minmax(0,1fr)}.joined-sidebar{display:none}.show-room-chat .joined-sidebar{display:flex;position:absolute;right:12px;top:85px;bottom:85px;width:min(320px,calc(100vw - 24px));border:1px solid #b58aff60;border-radius:14px;background:#181220;z-index:30;box-shadow:0 10px 40px #0008}#joinedChatToggle{display:flex}.joined-stage{padding:12px}.joined-members{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.vote-kick{opacity:1;font-size:6px;top:3px;right:3px}.joined-members .member-tier{display:none}.joined-footer{padding:10px 12px}.joined-controls{gap:5px}.joined-controls button{padding:10px;font-size:9px}.joined-head{padding:12px 16px}.joined-head-actions{gap:8px;flex-direction:row}.joined-footer>div small{max-width:120px;font-size:7px}.joined-footer>div strong{font-size:9px}}@media (max-width:650px){.create-dialog{padding:24px}.room-builder{grid-template-columns:minmax(0,1fr);gap:25px}.preview-room p{min-height:0}.preview-lock{gap:6px}.preview-lock svg{width:25px;height:25px;margin:0}.preview-lock small{max-width:90%}.preview-room{min-height:0}.preview-members-wrap{height:190px;min-height:190px;flex:none}.preview-members-wrap .member-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr);position:static}.builder-preview{position:static;border-left:0;border-top:1px solid #b58aff20;padding:18px 0 0;display:block}.create-dialog[open]{display:block;overflow-y:auto;scrollbar-gutter:stable}.create-dialog>.room-builder{overflow:visible;min-height:0}.room-builder>#createRoomForm{overflow:visible;padding-right:0}.create-dialog .builder-preview{overflow:visible}.create-dialog .preview-members-wrap{min-height:190px}.board-head{padding:14px}.board-head-right{gap:9px}.board-presence small{display:none}.board-presence>span{width:24px;height:24px;font-size:8px}.board-head #closeBoard{font-size:9px;padding:9px}.board-tools button{padding:9px 10px}.board-color,.board-size{padding:0 7px;margin:0}.board-size input{width:50px}.board-surface{margin:10px 9px 0}.board-foot{padding:12px}.board-dialog{border-radius:0}.board-cursor>span{font-size:9px}.board-tools .board-action{min-width:135px;padding:10px 12px}.board-toolbar{padding:10px;gap:12px}.board-secondary{width:100%;justify-content:flex-end}.board-paper-label{font-size:7px}.board-head h2{font-size:18px}}@media (max-width:560px){.top{height:63px;padding:0 4vw}.network{display:none}.logo{font-size:16px}.wallet{height:36px}.wallet-info small{font-size:7px}.btn{padding:9px;font-size:8px}.section-head{margin:27px 2px 11px}.section-head h2{font-size:17px}.section-head p{font-size:8px}.room-name{font-size:11px}.foot{padding:0 2px;gap:10px;flex-wrap:wrap}.foot span:last-child{display:none}.rooms-brand{width:165px;height:40px}.room.featured{grid-template-columns:1fr;gap:13px;min-height:250px}.featured-copy{min-height:75px}.room{height:296px;min-height:296px;padding:10px}.room-desc,.people{font-size:7px}.member-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:145px;gap:5px}.member-label,.member-info{font-size:6px}.member-info small{font-size:5px}.member-tier{font-size:5px;padding:2px 3px}.custom-look{position:static;flex-direction:row;justify-content:space-around;padding:6px}.custom-look>div{width:105px;height:120px}.custom-head{padding:16px}.custom-foot{padding:14px}.customize-trigger{font-size:8px;padding:7px}.trait-card svg{height:75px}.custom-dialog{max-height:94dvh}.custom-look .balance-chip{font-size:10px}.custom-body{padding:14px;gap:16px;grid-template-columns:1fr}.custom-options{max-height:49dvh}.trait-card strong{font-size:8px}.toplinks{gap:7px}.header-customize{width:35px;height:35px}.room-lock-icon{width:34px;height:34px;border-radius:10px}.room-lock-icon svg{width:21px;height:21px}.room-locked-overlay{gap:5px}.room-locked-overlay strong{font-size:11px}.room-locked-overlay small{font-size:7px}.room .room-enter,.room.is-locked .room-enter{min-height:38px;padding:9px;font-size:10px;border-radius:8px}.room .room-enter .arrow,.room.is-locked .room-enter .arrow{font-size:12px}.room>.room-top{top:12px;right:10px}.room>.room-top+div>.room-name{font-size:11px}.room>.room-top+div>.room-desc{font-size:8px}.room>.room-top+div .room-access{font-size:5px;padding:3px 4px}.room .member-grid{max-height:122px}.room>.room-top+div{padding-right:35px;min-height:0;margin:0}.room-tools{gap:6px}.empty-room{height:130px}.rooms .member-grid:not(.empty-room){grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.room .room-members-wrap{height:128px;flex-basis:128px}.joined-room{width:96vw;max-height:94dvh}.joined-head{align-items:start;padding:16px}.joined-head h2{font-size:18px}.joined-head-actions{flex-direction:column;align-items:end}.joined-body{display:flex;flex-direction:column;height:64dvh;overflow:auto}.joined-stage{overflow:visible;padding:16px}.joined-members{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.joined-sidebar{border-left:0;border-top:1px solid #ffffff12;min-height:230px;flex-shrink:0}.joined-messages{min-height:90px}.joined-footer small{max-width:160px;line-height:1.5}.joined-footer button{padding:11px}.joined-head .room-leave{padding:11px 13px;font-size:11px;gap:7px}.joined-head .room-leave svg{width:16px;height:16px}#mainRoom{padding:17px!important;grid-template-columns:minmax(0,1fr) auto;gap:18px 10px}#mainRoom>.room-top{grid-column:1;grid-row:2;justify-content:flex-start}#mainRoom>.room-top+div{grid-column:1/-1}#mainRoom>.room-top+div>.room-name{font-size:22px}#mainRoom>.room-top+div>.room-desc{font-size:11px}#mainRoom>.room-enter{grid-column:2;grid-row:2;width:110px;min-height:42px}#mainRoom>.member-grid{grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px}#mainRoom .member{aspect-ratio:1.15}.rooms{gap:8px;grid-template-columns:1fr}.dex-campaign{padding:12px}.dex-summary strong{font-size:14px}.joined-footer{padding:13px 16px;gap:7px;align-items:center;flex-wrap:wrap}.board-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.board-head{padding:14px}.board-toolbar{padding:10px;gap:8px}.board-tools{gap:5px}.board-tools button{padding:9px;font-size:10px}.board-surface{margin:0 8px}.board-foot{padding:12px;font-size:9px}.board-foot span:last-child{display:none}.joined-controls #payDexBtn,.joined-controls #whiteboardBtn,.joined-controls #shareScreenBtn,.joined-controls #joinedMic{height:42px!important;min-height:42px!important;padding:0 10px!important;font-size:10px!important;gap:6px!important}.joined-controls{flex-wrap:wrap;justify-content:flex-end;margin-left:auto;gap:8px!important}.joined-controls #shareScreenBtn svg{width:20px!important;height:20px!important}.joined-controls #joinedMic svg{width:20px!important;height:20px!important}.joined-controls #payDexBtn .dex-button-icon{width:26px;height:26px}.joined-footer>#closeJoinedRoom{height:42px!important;min-height:42px!important;padding:0 10px!important;font-size:10px!important;gap:6px!important}.joined-footer>#closeJoinedRoom svg{width:20px!important;height:20px!important}}@media (max-width:380px){.joined-footer{flex-wrap:wrap}.joined-controls{margin-left:auto}.joined-footer>div{display:none}.joined-head h2{font-size:16px}.joined-head-actions>span{font-size:8px}}@media (max-width:360px){.rooms{grid-template-columns:minmax(0,1fr)}.rooms .member-grid:not(.empty-room){grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.rooms .member.is-speaking{animation:none}.rooms .member.is-speaking svg{animation:none}}@keyframes speaking{to{transform:translateY(-13px) scale(1.15) rotate(2deg)}}@keyframes avatarTalk{to{transform:translate(-50%) translateY(-7px) rotate(5deg)}}@keyframes mouthTalk{to{transform:scaleY(3.5)}}@keyframes voiceRing{0%{opacity:.75;transform:scale(.96)}to{opacity:0;transform:scale(1.07)}}@keyframes tileVoice{0%{box-shadow:inset 0 0 0 2px #00e68a,inset 0 0 8px #00e68a20}to{box-shadow:inset 0 0 0 2px #00e68a,inset 0 0 22px #00e68a55}}.avatar-art{display:block;width:100%;height:100%}.avatar-art>svg{display:block;width:100%;height:100%}.tiny-pfp .avatar-art>svg{width:100%;height:100%}.room-skeleton{min-height:224px;display:grid;place-items:center;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--muted);font:600 12px var(--mono);letter-spacing:.08em}.member-empty{grid-column:1 / -1;align-self:center;text-align:center;color:var(--muted);font:500 11px var(--sans)}.room-delete{position:absolute;top:12px;right:12px;z-index:9;padding:5px 9px;border-radius:8px;border:1px solid #ff9db01f;background:#2a1b22;color:#ffb3c1;font:700 8px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;opacity:0;transition:opacity .15s}.room:hover .room-delete,.room-delete:focus-visible{opacity:1}.joined-room-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.joined-room{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;display:flex;flex-direction:column;background:var(--bg);color:var(--text);overflow:hidden}.joined-members{justify-items:center;align-items:center;padding:2px}.joined-member{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;max-width:230px;max-height:290px;padding:10px 8px 8px;border-radius:14px;border:2px solid #ffffff12;background:var(--panel2);outline:0 solid transparent;transition:outline-color .12s,box-shadow .12s;min-width:0}.joined-member .avatar-art{flex:1 1 auto;min-height:0;height:100%;width:auto;max-width:100%;aspect-ratio:240 / 280;margin-inline:auto}.joined-member.is-speaking{outline:3px solid var(--mint);outline-offset:-3px;box-shadow:0 0 0 4px #00e68a26}.joined-member.is-speaking .avatar-art .talk{animation:rooms-talk .32s ease-in-out infinite alternate;transform-origin:center}.joined-member.is-speaking .avatar-art>svg{animation:rooms-bob .9s ease-in-out infinite alternate}@keyframes rooms-talk{0%{transform:scaleY(.55)}to{transform:scaleY(1.25)}}@keyframes rooms-bob{0%{transform:translateY(0)}to{transform:translateY(-2.5px)}}@media (prefers-reduced-motion: reduce){.joined-member.is-speaking .avatar-art .talk,.joined-member.is-speaking .avatar-art>svg{animation:none}}.joined-member-info{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;width:100%;text-align:center}.joined-member-info strong{font:700 clamp(9px,1vw,12px) var(--sans);letter-spacing:-.2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.joined-member-info small{font:600 clamp(7px,.8vw,9px) var(--mono);letter-spacing:.04em;color:var(--muted)}.joined-member.rank-top{border-color:#ffdf68;background:radial-gradient(ellipse at 50% 24%,#fbd26433,#423225 66%,var(--panel2))}.joined-member.rank-whale{border-color:#f5cb75}.joined-member.rank-shark{border-color:#a5f1de}.joined-member.rank-fish{border-color:#91c6ff}.joined-member.is-self{box-shadow:inset 0 0 0 1px #ae78ff55}.joined-member-badge,.joined-member-muted{position:absolute;top:6px;padding:2px 6px;border-radius:6px;font:700 7px var(--mono);letter-spacing:.06em;text-transform:uppercase}.joined-member-badge{left:6px;background:#83caff;color:#10344f}.joined-member-muted{right:6px;background:#312c3c;color:var(--muted)}.joined-member-actions{display:flex;gap:3px;opacity:0;transition:opacity .14s}.joined-member:hover .joined-member-actions,.joined-member:focus-within .joined-member-actions{opacity:1}.joined-member-actions button{padding:3px 6px;border-radius:7px;border:1px solid var(--line);background:#26222f;color:#cfc7da;font:700 7px var(--mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.joined-member-actions button:hover:not(:disabled){background:#332c3f;color:var(--text)}.joined-member-actions button:disabled{opacity:.45;cursor:default}.joined-members.speaker-view{grid-template-columns:repeat(auto-fit,minmax(min(240px,40%),1fr));flex:1 1 auto}.participant-strip{display:flex;gap:8px;overflow-x:auto;padding:8px 2px 2px;border-top:1px solid var(--line);margin-top:8px;flex:0 0 auto;scrollbar-width:thin}.strip-member{flex:0 0 auto;width:54px;display:flex;flex-direction:column;align-items:center;gap:2px}.strip-member .avatar-art{width:44px;height:44px;border-radius:10px;border:2px solid #ffffff12;overflow:hidden;background:var(--panel2)}.strip-member.rank-top .avatar-art{border-color:#ffdf68}.strip-member.rank-whale .avatar-art{border-color:#f5cb75}.strip-member.rank-shark .avatar-art{border-color:#a5f1de}.strip-member.rank-fish .avatar-art{border-color:#91c6ff}.strip-member small{font:600 7px var(--mono);color:var(--muted);max-width:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.joined-message{padding:7px 10px;border-radius:10px;background:#221f2c;font:500 12px var(--sans);line-height:1.45;overflow-wrap:anywhere}.joined-message span{display:block;font:700 8px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.joined-message.mine{background:#2a2340}.joined-message.system{background:transparent;border:1px dashed var(--line);color:var(--muted)}.joined-message.wallet-warning{background:#3a2a1b;color:#ffd79a;border:1px solid #ffbe6b33}.joined-message.wallet-warning span{color:#ffbe6b}@media (max-width: 850px){.joined-room-shell:not(.show-chat) .joined-sidebar{display:none}}.board-cursor{position:absolute;transform:translate(-2px,-2px);pointer-events:none;display:flex;align-items:flex-start;gap:3px;z-index:6;transition:left .08s linear,top .08s linear}.board-cursor svg{width:16px;height:16px;filter:drop-shadow(0 1px 2px #0006)}.board-cursor span{padding:2px 6px;border-radius:7px;background:var(--cursor-color);color:#15121c;font:800 9px var(--sans);white-space:nowrap}.board-presence span{padding:3px 8px;border-radius:999px;background:#ffffff10;border:1px solid var(--cursor-color);color:var(--text);font:700 9px var(--sans)}.board-hint{color:var(--muted);font:500 10px var(--sans)}.board-confirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-content:center;gap:14px;padding:28px;background:#0d0b1199;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center}.board-confirm p{font:600 14px var(--sans);color:var(--text);max-width:34ch}.board-confirm div{display:flex;gap:10px;justify-content:center}.board-confirm button{height:40px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:700 12px var(--sans);cursor:pointer}.board-confirm button.danger{background:#ffb3c1;border-color:#ffc9d4;color:#5e1f2c;box-shadow:0 3px #ac6172}.dex-campaign{border:1px solid #ffe2a855;border-radius:16px;background:linear-gradient(180deg,#2b2518,#211e2c 70%);padding:14px 16px;margin-bottom:12px;flex:0 0 auto}.dex-campaign-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.dex-campaign-head small{display:block;font:700 8px var(--mono);letter-spacing:.1em;color:var(--muted)}.dex-campaign-head strong{font:800 15px var(--sans);letter-spacing:-.3px}.dex-status{padding:4px 9px;border-radius:999px;font:800 8px var(--mono);letter-spacing:.07em;text-align:right;max-width:18ch}.dex-status-funding{background:#2f2a3e;color:#cbbdf0}.dex-status-funded{background:#3a2f1b;color:#ffd79a;border:1px solid #ffbe6b55}.dex-status-service_payment_verified{background:#163a2a;color:#7df0b5}.dex-status-cancelled{background:#2a2230;color:var(--muted)}.dex-recipient,.dex-note{font:500 11px var(--sans);color:#b4acc0;line-height:1.5;margin:6px 0 0}.dex-recipient code,.dex-note code{font:600 10px var(--mono);color:var(--text)}.dex-note a{color:var(--mint)}.dex-boundary{border-left:3px solid #ffbe6b;padding-left:9px}.dex-progress{margin-top:10px}.dex-progress-bar{height:9px;border-radius:999px;background:#ffffff14;overflow:hidden}.dex-progress-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#00e68a,#7df0b5);transition:width .3s}.dex-progress-figures{display:flex;align-items:baseline;gap:7px;margin-top:6px}.dex-progress-figures strong{font:800 15px var(--sans)}.dex-progress-figures small{font:500 10px var(--sans);color:var(--muted)}.dex-goal{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#1c1925}.dex-goal strong{display:block;font:800 18px var(--sans)}.dex-goal small{display:block;margin-top:3px;font:500 10px var(--sans);line-height:1.5;color:var(--muted)}.dex-donate{margin-top:10px}.dex-donate label{display:block;font:700 8px var(--mono);letter-spacing:.1em;color:var(--muted);margin-bottom:4px}.dex-donate>div{display:flex;gap:7px}.dex-donate input{flex:1;min-width:0;height:38px;padding:0 11px;border-radius:10px;border:1px solid var(--line);background:#191721;color:var(--text);font:600 13px var(--sans)}.dex-donate button{height:38px;padding:0 14px;border-radius:10px;border:1px solid #69ffc3;background:var(--mint);color:#0c3d28;font:800 12px var(--sans);cursor:pointer;box-shadow:0 3px #0b6b47}.dex-donate button:disabled{opacity:.55;cursor:default}.dex-ledger{margin-top:10px}.dex-ledger summary{font:700 9px var(--mono);letter-spacing:.07em;color:var(--muted);cursor:pointer;text-transform:uppercase}.dex-ledger ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}.dex-ledger li{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:baseline;font:500 11px var(--sans)}.dex-ledger em{font:700 8px var(--mono);letter-spacing:.06em;text-transform:uppercase;font-style:normal}.dex-contrib-confirmed{color:var(--mint)}.dex-contrib-pending{color:#ffd79a}.dex-contrib-failed,.dex-contrib-expired{color:#ff9db0}.trait-art{display:block;width:100%}.trait-art>svg{display:block;width:100%;height:auto}.trait-card.locked{opacity:.45;cursor:default}.invite-wallet-list li{display:flex;align-items:center;justify-content:space-between;gap:8px}.invite-wallet-list code{font:600 10px var(--mono);color:var(--text)}.invite-wallet-list button{border:0;background:none;color:#ff9db0;font-size:15px;line-height:1;cursor:pointer;padding:2px 5px}.toast{z-index:60}.joined-room-shell~.toast,.toast{z-index:60}@media (max-width: 380px){.joined-footer>.joined-controls{display:flex;flex-wrap:wrap;width:100%;margin-left:0;justify-content:space-between;gap:6px}.joined-footer{row-gap:10px}.joined-footer>#joinedVoiceStatus{font-size:9px;flex:1 1 auto;text-align:right}}