:root{--black-950: #030303;--black-900: #070707;--black-800: #0d0d0d;--black-700: #151515;--red-600: #ff1717;--red-500: #ff2a1a;--red-400: #ff4538;--gold-600: #c88700;--gold-500: #f2a900;--gold-400: #ffc83d;--gold-300: #ffd866;--white: #ffffff;--gray-200: #e5e5e5;--gray-400: #a3a3a3;--gray-600: #666666;--border-red: rgba(255, 30, 30, .35);--border-gold: rgba(255, 190, 40, .35);--surface-card: rgba(5, 5, 5, .72);--surface-glass: rgba(8, 8, 8, .66);--border-line: rgba(255, 255, 255, .09);--border-line-2: rgba(255, 255, 255, .16);--ink: #f5f5f5;--ink-2: #bdbdbd;--ink-3: #8a8a8a;--ink-4: #5f5f5f;--danger: #ff4538;--success: #34d399;--warn: var(--gold-400);--grad-cta: linear-gradient(90deg, #ff1111 0%, #ff4a00 48%, #ffb000 100%);--grad-cold: linear-gradient(90deg, #ff4538, #ffb000);--grad-brand: linear-gradient(135deg, var(--red-500), var(--gold-500));--grad-title: linear-gradient(92deg, var(--red-500) 0%, var(--gold-400) 100%);--font: "Inter", "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;--radius: 18px;--radius-sm: 12px;--radius-pill: 999px;--shadow: 0 22px 60px rgba(0, 0, 0, .6);--shadow-sm: 0 10px 30px rgba(0, 0, 0, .45);--glow-red: 0 8px 30px rgba(255, 42, 26, .25);--glow-gold: 0 8px 30px rgba(242, 169, 0, .22);--blur: blur(16px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--black-950);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button,input,select{font-family:inherit}button{cursor:pointer}.glass{background:var(--surface-glass);border:1px solid var(--border-line);border-radius:var(--radius);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow)}.scene-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(1150px 780px at 5% 26%,rgba(255,42,26,.2),transparent 56%),radial-gradient(1050px 820px at 96% 30%,rgba(242,169,0,.17),transparent 55%),radial-gradient(700px 520px at 60% 86%,rgba(255,74,0,.08),transparent 60%),linear-gradient(180deg,#060606,#030303,#070707);animation:bg-drift 26s ease-in-out infinite alternate}.scene-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-58deg,rgba(255,255,255,.016) 0 1px,transparent 1px 62px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 26%,#000 74%,transparent);mask-image:linear-gradient(90deg,transparent,#000 26%,#000 74%,transparent)}.scene-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 92% at 50% 8%,transparent 42%,rgba(0,0,0,.62) 100%)}@keyframes bg-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-1.5%,-1%,0) scale(1.025)}}.brand{display:inline-flex;align-items:center;gap:12px}.brand__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;color:#fff;background:var(--grad-brand);box-shadow:-4px 0 14px #ff2a1a80,5px 0 16px #f2a90080,0 8px 22px #00000080}.brand__icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(160deg,rgba(255,255,255,.22),transparent 45%);pointer-events:none}.brand__name{font-size:24px;font-weight:800;letter-spacing:.14em;background:linear-gradient(90deg,#ffffff,var(--gold-300));-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:15px;font-weight:700;letter-spacing:.01em;color:var(--ink);background:transparent;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .06s ease;-webkit-tap-highlight-color:transparent}.btn:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--cta{background:var(--grad-cta);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.42),0 0 12px rgba(0,0,0,.18);box-shadow:0 12px 30px #ff2a1a47,0 12px 40px #ffb00029}.btn--cta:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 14px 38px #ff2a1a66,0 14px 48px #ffb00042}.btn--cta:active:not(:disabled){filter:brightness(.98)}.btn--outline{background:#0808088c;border-color:var(--border-gold);color:var(--gold-400)}.btn--outline:hover:not(:disabled){background:var(--gold-500);color:#0a0a0a;border-color:transparent;box-shadow:var(--glow-gold)}.btn--ghost{background:#ffffff0a;border-color:var(--border-line);color:var(--ink-2)}.btn--ghost:hover:not(:disabled){background:#ffffff17;color:var(--ink)}.btn--danger{background:#ff45381f;border-color:#ff453852;color:#ff8a80}.btn--danger:hover:not(:disabled){background:#ff453838}.btn--block{width:100%}.btn--sm{padding:8px 12px;font-size:13px}.field{display:flex;flex-direction:column;gap:7px;width:100%}.field__label{font-size:11px;letter-spacing:.13em;color:var(--gold-400);font-weight:700;text-transform:uppercase}.field__control{position:relative;display:flex;align-items:center}.field input{width:100%;padding:14px 16px;font-size:15px;color:var(--ink);background:#050505;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.field input::placeholder{color:var(--ink-4)}.field input:focus{border-color:var(--red-500);box-shadow:0 0 0 3px #ff2a1a29,0 0 14px #ff2a1a2e}.field input[aria-invalid=true]{border-color:var(--danger)}.field__counter{position:absolute;right:14px;font-size:12px;color:var(--ink-3);pointer-events:none}.separator{display:flex;align-items:center;gap:12px;color:var(--ink-3);font-size:11px;letter-spacing:.18em;font-weight:700;margin:4px 0}.separator:before,.separator:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--red-500),rgba(163,163,163,.5),var(--gold-500))}.landing{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:56px 28px 90px;overflow:hidden}.landing__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#03030333,#030303b3)}.landing__content{position:relative;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:60px;max-width:1200px;width:100%;align-items:center;animation:fade-up .7s cubic-bezier(.16,1,.3,1) both}.landing__hero{padding:16px 0 16px 8px}.landing__brand{margin-bottom:40px}.landing__title{font-size:clamp(36px,5.2vw,62px);line-height:1.05;font-weight:800;letter-spacing:-.02em;color:#fff;margin:0 0 24px}.landing__title-accent{display:inline-block;background:var(--grad-title);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 12px rgba(255,42,26,.18))}.landing__text{font-size:17px;line-height:1.66;color:#bdbdbd;max-width:470px;margin:0 0 34px}.landing__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;max-width:500px}.feature{display:flex;gap:16px;align-items:flex-start;padding:15px 16px;border-radius:var(--radius);background:var(--surface-card);border:1px solid var(--border-line);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.feature:hover{transform:translateY(-4px)}.feature--red:hover{border-color:var(--border-red);box-shadow:var(--glow-red)}.feature--gold:hover,.feature--amber:hover{border-color:var(--border-gold);box-shadow:var(--glow-gold)}.feature__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px}.feature--red .feature__icon{background:#ff171724;color:var(--red-500);border:1px solid rgba(255,23,23,.35)}.feature--gold .feature__icon{background:#f2a90024;color:var(--gold-500);border:1px solid rgba(242,169,0,.35)}.feature--amber .feature__icon{background:#ffb00024;color:#ffae00;border:1px solid rgba(255,176,0,.4)}.feature__title{margin:2px 0 4px;font-size:16px;font-weight:700;color:#fff}.feature__desc{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-3)}.landing__panel{width:100%;max-width:420px;margin-left:auto}.landing__panel{animation:fade-up .7s .12s cubic-bezier(.16,1,.3,1) both}.join-card{width:100%}.join-card__frame{padding:1.5px;border-radius:24px;background:linear-gradient(180deg,var(--red-500) 0%,var(--gold-500) 100%);box-shadow:0 0 34px #ff2a1a24,0 0 52px #f2a9001f,0 30px 80px #0009}.join-card__body{border-radius:23px;background:#050505d1;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);padding:30px}.join-card__header{margin-bottom:22px}.join-card__title{font-size:26px;font-weight:800;letter-spacing:.02em;margin:0 0 8px;color:#fff}.join-card__subtitle{margin:0;font-size:14px;color:var(--ink-2);line-height:1.5}.join-card__form{display:flex;flex-direction:column;gap:16px}.join-card__error{margin:0;padding:10px 12px;font-size:13.5px;color:#ff8a80;background:#ff45381a;border:1px solid rgba(255,69,56,.28);border-radius:10px}.security-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px auto 0;font-size:12.5px;color:var(--ink-3)}.security-note svg{color:var(--gold-500);flex:0 0 auto}.landing__badge{position:fixed;left:24px;bottom:22px;z-index:20;display:inline-flex;align-items:center;gap:9px;padding:9px 14px;font-size:12.5px;font-weight:600;color:var(--gold-300);background:#030303d9;border:1px solid var(--border-gold);border-radius:var(--radius-pill);box-shadow:0 0 18px #ff2a1a29;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.landing__badge svg{color:var(--gold-500)}.landing__badge-dot{width:3px;height:3px;border-radius:50%;background:var(--red-400);box-shadow:0 0 6px var(--red-400)}.landing__fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.fx{position:absolute;display:block}.fx--orb{border-radius:50%;filter:blur(70px);opacity:.5}.fx--orb-red{width:380px;height:380px;left:-120px;top:18%;background:radial-gradient(circle,rgba(255,42,26,.5),transparent 68%);animation:orb-float 16s ease-in-out infinite alternate}.fx--orb-gold{width:420px;height:420px;right:-140px;top:24%;background:radial-gradient(circle,rgba(242,169,0,.42),transparent 68%);animation:orb-float 18s ease-in-out infinite alternate-reverse}@keyframes orb-float{0%{transform:translateZ(0)}to{transform:translate3d(-40px,30px,0) scale(1.06)}}.fx--line{height:1px;background:linear-gradient(90deg,transparent,rgba(255,42,26,.4),rgba(242,169,0,.4),transparent);filter:blur(.5px)}.fx--line-1{width:46%;left:6%;top:12%;transform:rotate(-16deg);opacity:.5}.fx--line-2{width:38%;right:4%;bottom:16%;transform:rotate(-12deg);opacity:.4}.fx--spark{border-radius:50%;background:var(--gold-400);box-shadow:0 0 8px var(--gold-400),0 0 16px var(--gold-400);animation:spark-drift ease-in-out infinite}@keyframes spark-drift{0%,to{transform:translateZ(0);opacity:.2}50%{transform:translate3d(0,-18px,0);opacity:.9}}.entry{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;overflow:hidden}.entry__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0303034d,#030303bf)}.entry__brand{margin-bottom:26px}.entry__hint{text-align:center;color:var(--ink-2);margin:0 0 20px;font-size:15px;max-width:400px}.entry__hint strong{color:var(--gold-300);letter-spacing:.06em}.entry__card{width:100%;max-width:420px}.room{position:relative;min-height:100vh;display:flex;flex-direction:column;gap:16px;padding:14px 18px 116px;max-width:1800px;margin:0 auto}.room__header{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 18px;border-radius:16px;background:#070707b8;border:1px solid var(--border-line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.room__brand{display:flex;align-items:center;flex:0 0 auto}.room__room-block{display:flex;flex-direction:column;gap:1px}.room__room-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--ink-4)}.room__room-name{font-size:13px;font-weight:700;color:var(--gold-300)}.room__code-row{display:flex;align-items:center;gap:8px;margin-top:3px}.room__roomcode-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:19px;font-weight:700;letter-spacing:.1em;color:#fff}.room__roomcode-copy{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;border:1px solid var(--border-line);background:#ffffff08;color:var(--ink-2);transition:background .2s ease,color .2s ease}.room__roomcode-copy:hover{background:#ffffff17;color:var(--ink)}.conn-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--border-line);background:#ffffff08}.conn-badge--ok{color:var(--success)}.conn-badge--warn{color:var(--gold-300)}.conn-badge--err{color:#ff8a80}.room__actions{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}.room__body{display:flex;flex:1;gap:18px;min-height:0}.room__stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:18px;border-radius:18px;background:#0202028c;border:1px solid var(--border-line);overflow:hidden}.empty-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;max-width:470px;margin:auto;animation:fade-up .5s cubic-bezier(.16,1,.3,1) both}.empty-stage__icon{display:inline-flex;align-items:center;justify-content:center;width:94px;height:94px;border-radius:28px;color:var(--gold-400);background:#f2a90014;border:1px solid rgba(242,169,0,.28);box-shadow:0 0 36px #f2a9002e,inset 0 0 26px #f2a90014;margin-bottom:6px}.empty-stage__title{font-size:22px;font-weight:800;color:#fff;margin:0}.empty-stage__desc{font-size:14.5px;color:var(--ink-2);line-height:1.6;margin:0 0 8px}.empty-stage__desc strong{color:var(--gold-300)}.empty-stage__cta{min-width:230px}.stage-featured{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.stage-minis{position:absolute;top:14px;left:14px;display:flex;flex-wrap:wrap;gap:8px;max-width:62%}.mini-avatar{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 5px;border-radius:999px;background:#080808cc;border:1px solid var(--border-line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--ink-2);font-size:12.5px;font-weight:600}.mini-avatar__avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(160deg,#ff2a1a66,#f2a90057)}.mini-avatar__ic{color:var(--gold-400)}.stage-grid{width:100%;height:100%;display:grid;gap:16px;align-content:center}.ptile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:#050505;border:1px solid rgba(255,255,255,.06);border-radius:20px;box-shadow:0 22px 60px #0009;aspect-ratio:16 / 9}.ptile--live{border-color:#ff2a1a38}.ptile--speaking{box-shadow:0 0 0 2px #f2a90080,0 0 36px #f2a90052,0 22px 60px #0009}.ptile--featured{width:100%;height:100%;aspect-ratio:auto}.ptile__stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.ptile__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.ptile__avatar{display:flex;align-items:center;justify-content:center;width:86px;height:86px;border-radius:50%;font-size:36px;font-weight:700;color:#fff;background:linear-gradient(160deg,#ff2a1a57,#f2a90052);border:1px solid rgba(255,255,255,.12)}.ptile__live{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;font-size:11px;font-weight:800;letter-spacing:.06em;color:#fff;background:#ff1717db;border-radius:999px;box-shadow:0 0 16px #ff171780}.ptile__live-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:live-pulse 1.3s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}.ptile__mic{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--ink-2);background:#00000073;border:1px solid var(--border-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ptile__mic--speaking{color:#0a0a0a;background:var(--gold-500);border-color:transparent;box-shadow:0 0 18px #f2a90099}.ptile__footer{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75))}.ptile__name{font-weight:700;font-size:15px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ptile__you{margin-left:8px;font-size:10.5px;color:var(--gold-300);background:#f2a90029;padding:2px 8px;border-radius:999px}.ptile__meta{margin-left:auto;display:inline-flex;align-items:center}.ptile__speaking-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--gold-400);text-transform:uppercase;letter-spacing:.06em}.ptile__speaking-bar{width:34px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--red-500),var(--gold-400));box-shadow:0 0 10px #f2a90080}.ptile__connecting{display:inline-flex;align-items:center;gap:8px;color:var(--ink-3);font-size:13px;font-weight:600}.animate-spin{animation:spin .8s linear infinite}.participants-backdrop{display:none}.participants{width:300px;flex:0 0 300px;display:flex;flex-direction:column;min-height:0;background:#050505d9;border:1px solid var(--border-line);border-radius:18px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);overflow:hidden}.participants__header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-line)}.participants__title{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#fff}.participants__title svg{color:var(--gold-400)}.participants__count{font-size:12px;font-weight:800;color:#0a0a0a;background:var(--gold-500);border-radius:999px;padding:2px 10px}.participants__close,.settings-panel__close{margin-left:auto;width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-2);font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.participants__close:hover,.settings-panel__close:hover{background:#ffffff14;color:var(--ink)}.participants__list{list-style:none;margin:0;padding:10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.prow{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid transparent}.prow__main{display:flex;align-items:center;gap:12px;width:100%}.prow[data-muted=true] .prow__avatar{opacity:.5}.prow__volume{display:flex;align-items:center;gap:8px;padding-left:50px}.prow__volume-ic{color:var(--gold-400);flex:0 0 auto}.prow__volume input[type=range]{flex:1;accent-color:var(--gold-500);height:4px;cursor:pointer}.prow__volume-pct{font-size:11px;color:var(--ink-3);min-width:26px;text-align:right;font-variant-numeric:tabular-nums}.prow__avatar{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;font-weight:700;color:#fff;background:linear-gradient(160deg,#ff2a1a57,#f2a90052)}.prow__info{display:flex;flex-direction:column;min-width:0;flex:1}.prow__name{font-weight:700;font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prow__you{margin-left:8px;font-size:10.5px;color:var(--gold-300);background:#f2a90029;padding:1px 7px;border-radius:999px}.prow__sub{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3)}.prow__dot{width:7px;height:7px;border-radius:50%;background:var(--ink-4)}.prow__dot[data-on=true]{background:var(--success);box-shadow:0 0 8px #34d39980}.prow__badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--red-400)}.prow__live-dot{width:6px;height:6px;border-radius:50%;background:var(--red-500);box-shadow:0 0 8px var(--red-500);animation:live-pulse 1.3s ease-in-out infinite}.prow__icons{display:inline-flex;align-items:center;gap:8px}.prow__icon--on{color:var(--gray-200)}.prow__icon--off{color:var(--ink-4)}.prow__icon--share{color:var(--red-400)}.prow__icon--idle{color:var(--ink-4)}.prow__speaking{width:8px;height:8px;border-radius:50%;background:var(--gold-500);box-shadow:0 0 10px var(--gold-500)}.controlbar-wrap{position:fixed;left:0;right:0;bottom:22px;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.controlbar{pointer-events:auto;display:flex;align-items:stretch;gap:6px;padding:10px;border-radius:20px;background:#050505d1;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);max-width:100%;overflow-x:auto}.controlbar__sep{width:1px;margin:4px;background:var(--border-line)}.ctl{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:64px;padding:10px 12px;border-radius:14px;border:1px solid transparent;background:#ffffff0a;color:var(--ink-2);transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .06s ease}.ctl:disabled{opacity:.45;cursor:not-allowed}.ctl:not(:disabled):hover{background:#ffffff17;color:var(--ink)}.ctl:active:not(:disabled){transform:translateY(1px)}.ctl__label{font-size:10.5px;font-weight:600;white-space:nowrap}.ctl--active{background:#ff2a1a24;color:var(--red-400);border-color:#ff2a1a66;box-shadow:0 0 14px #ff2a1a2e}.ctl--primary{background:var(--grad-cta);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);box-shadow:0 10px 26px #ff2a1a4d}.ctl--primary:hover:not(:disabled){filter:brightness(1.06);color:#fff}.ctl--danger{background:#ff453824;color:#ff8a80;border-color:#ff453847}.ctl--big{min-width:168px;flex-direction:row;gap:10px;padding:12px 18px}.ctl--big .ctl__label{font-size:13px;font-weight:700}.ctl--spin{pointer-events:none}.ctl__spin-icon{animation:spin .8s linear infinite}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(2px);padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;color:#fff;background:#000;border:1px solid var(--border-line);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:60}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000080}.settings-panel{position:fixed;right:16px;bottom:96px;z-index:51;width:300px;padding:18px;background:#050505eb;border:1px solid rgba(255,190,40,.25);border-radius:16px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.settings-panel__header{display:flex;align-items:center;margin-bottom:14px}.settings-panel__header h3{margin:0;font-size:16px}.settings-panel__field{display:flex;flex-direction:column;gap:8px}.settings-panel__field span{font-size:12.5px;color:var(--ink-2);font-weight:600}.settings-panel__field select{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--border-line);background:#050505;color:var(--ink);font-size:14px}.toast-region{position:fixed;top:18px;right:18px;z-index:100;display:flex;flex-direction:column;gap:10px;max-width:320px}.toast{display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:12px;background:#080808f0;border:1px solid var(--border-line);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);animation:toast-in .22s ease}.toast--success{border-color:#34d39959}.toast--success .toast__icon{color:var(--success)}.toast--error{border-color:#ff453866}.toast--error .toast__icon{color:var(--danger)}.toast--info{border-color:var(--border-gold)}.toast--info .toast__icon{color:var(--gold-400)}.toast__message{font-size:14px;line-height:1.4;flex:1}.toast__close{border:none;background:transparent;color:var(--ink-3);display:inline-flex;padding:4px;border-radius:6px}.toast__close:hover{color:var(--ink)}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.spinner{display:inline-block;width:17px;height:17px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px}@media (max-width: 1024px){.landing__content{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:36px}.landing__title{font-size:42px}.landing__badge{left:18px;bottom:16px}}@media (max-width: 840px){.landing__content{grid-template-columns:1fr;gap:28px;max-width:470px}.landing__panel{max-width:none;margin:0;animation-delay:.05s}.landing__hero{padding-left:0}.room__actions{width:100%;order:3}.room__body{flex-direction:column}.participants{position:fixed;top:0;right:0;bottom:0;width:min(90vw,340px);flex:none;border-radius:0 0 0 18px;z-index:50;animation:drawer-in .25s ease}.participants-backdrop{display:block}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}}@media (max-width: 640px){.landing{padding:28px 18px 72px}.landing__title{font-size:33px}.landing__text{font-size:15.5px}.landing__fx .fx--line,.landing__fx .fx--spark{display:none}.landing__fx .fx--orb{opacity:.25}.landing__badge{left:12px;right:12px;justify-content:center;text-align:center}.landing__badge .landing__badge-dot{display:none}.room{padding:10px 10px 124px}.room__stage{padding:10px}.room__header{gap:12px}.room__roomcode-value{font-size:15px}.room__room-name{display:none}.stage-grid{grid-template-columns:1fr!important}.ptile{aspect-ratio:4 / 3}.stage-minis{max-width:90%}.controlbar{border-radius:16px}.ctl{min-width:54px;padding:9px}.ctl--big{min-width:120px;padding:10px 12px}.ctl__label{font-size:9.5px}.empty-stage__title{font-size:18px}.settings-panel{right:10px;left:10px;width:auto}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}