:root{color:#f8fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#040711;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#040711}body{background:#040711;min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}.app-shell{color:#f8fbff;background:radial-gradient(circle at 50% 0,#00e5ff33,#0000 28rem),radial-gradient(circle at 20% 100%,#ff2dc629,#0000 24rem),#040711;justify-content:center;align-items:stretch;min-height:100svh;padding:0;display:flex}.phone-preview{box-sizing:border-box;background:linear-gradient(#0f162ef2,#050816fa),#071021;flex-direction:column;gap:10px;width:min(100%,414px);min-height:100svh;padding:12px;display:flex;box-shadow:0 0 60px #00e5ff2e}.phone-preview[data-theme=pink]{box-shadow:0 0 64px #ff2dc638}.phone-preview[data-theme=violet]{box-shadow:0 0 64px #755cff42}.phone-preview[data-theme=blue]{box-shadow:0 0 64px #2b7bff3d}.room-header,.premiere-card,.entry-panel,.chat-panel{background:#090f22c2;border:1px solid #57daff3d;box-shadow:0 14px 38px #00000059}.room-header{border-radius:18px;justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.room-header>div:first-child{flex:112px;min-width:112px}.eyebrow,.panel-title{color:#7cf7ff;margin:0;font-size:10px;font-weight:800}.eyebrow{white-space:nowrap}.room-header h1{margin:3px 0 0;font-size:19px;line-height:1}.header-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:5px;max-width:218px;display:flex}.room-switcher{background:#090f2294;border:1px solid #7cf7ff33;border-radius:16px;gap:8px;padding:9px 10px;display:grid}.room-switcher>div:first-child{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.room-switcher span{color:#7cf7ff;white-space:nowrap;font-size:11px;font-weight:900}.room-switcher strong{color:#dfe8ff;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;line-height:1.25;overflow:hidden}.room-switcher p{color:#98a8d8;overflow-wrap:anywhere;margin:-3px 0 0;font-size:11px;font-weight:700;line-height:1.35}.room-switcher-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.room-switcher button{color:#c7d3ff;text-overflow:ellipsis;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;min-height:30px;padding:0 5px;font-size:10px;font-weight:900;overflow:hidden}.room-switcher button.is-active{color:#06101c;background:linear-gradient(135deg,#7cf7ff,#ffb8ea);border-color:#7cf7ffa3;box-shadow:0 0 16px #7cf7ff42}.live-badge,.participants,.connection-status{border-radius:999px;align-items:center;min-height:28px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.live-badge{color:#fff;background:linear-gradient(135deg,#ff2dc6,#755cff);box-shadow:0 0 18px #ff2dc694}.participants{color:#bdefff;background:#00e5ff1f}.connection-status{color:#cceaff;background:#ffffff14}.connection-status:before{content:"";background:#8aa0c8;border-radius:50%;width:6px;height:6px;margin-right:4px}.connection-status.connected:before{background:#7cf7ff;box-shadow:0 0 10px #7cf7ffcc}.connection-status.reconnecting:before,.connection-status.connecting:before{background:#ffd166;box-shadow:0 0 10px #ffd166b3}.connection-status.offline:before{background:#ff6d9f;box-shadow:0 0 10px #ff6d9fb3}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled,input:disabled{cursor:not-allowed;opacity:.48}.icon-button{color:#f8fbff;background:#ffffff1a;border-radius:50%;width:30px;height:30px;transition:transform .18s,background .18s,box-shadow .18s}.icon-button:active{background:#7cf7ff2e;transform:scale(.94);box-shadow:0 0 18px #7cf7ff3d}.premiere-card{border-radius:22px;overflow:hidden}.video-frame{aspect-ratio:16/9;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%}.video-frame.is-framed{--youtube-frame-rgb:174, 92, 255;--youtube-frame-accent-rgb:124, 247, 255;box-sizing:border-box;border:1px solid rgba(var(--youtube-frame-rgb), .74);box-shadow:inset 0 0 0 1px #ffffff14, inset 0 0 18px rgba(var(--youtube-frame-rgb), .2), 0 0 16px rgba(var(--youtube-frame-rgb), .24);border-radius:18px}.video-frame.is-framed:before,.video-frame.is-framed:after{z-index:3;border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}.video-frame.is-framed:before{border:1px solid rgba(var(--youtube-frame-accent-rgb), .44);box-shadow:inset 0 0 9px rgba(var(--youtube-frame-accent-rgb), .18), 0 0 11px rgba(var(--youtube-frame-rgb), .2)}.video-frame.frame-purple{--youtube-frame-rgb:174, 92, 255;--youtube-frame-accent-rgb:255, 109, 219}.video-frame.frame-blue{--youtube-frame-rgb:43, 123, 255;--youtube-frame-accent-rgb:124, 247, 255}.video-frame.frame-green{--youtube-frame-rgb:49, 225, 141;--youtube-frame-accent-rgb:156, 255, 207}.video-frame.frame-red{--youtube-frame-rgb:255, 68, 105;--youtube-frame-accent-rgb:255, 172, 91}.video-frame.frame-gold{--youtube-frame-rgb:255, 216, 77;--youtube-frame-accent-rgb:255, 247, 178}.video-frame.frame-white{--youtube-frame-rgb:236, 246, 255;--youtube-frame-accent-rgb:124, 247, 255}.video-frame.frame-pulse{animation:2.8s ease-in-out infinite youtube-frame-pulse}.video-frame.frame-flow:after{background:linear-gradient(90deg, transparent, rgba(var(--youtube-frame-accent-rgb), .86), transparent) 0 0 / 38% 2px no-repeat, linear-gradient(180deg, transparent, rgba(var(--youtube-frame-accent-rgb), .74), transparent) 100% 0 / 2px 42% no-repeat, linear-gradient(270deg, transparent, rgba(var(--youtube-frame-accent-rgb), .74), transparent) 100% 100% / 38% 2px no-repeat, linear-gradient(0deg, transparent, rgba(var(--youtube-frame-accent-rgb), .62), transparent) 0 100% / 2px 42% no-repeat;filter:drop-shadow(0 0 9px rgba(var(--youtube-frame-accent-rgb), .72));animation:2.4s linear infinite youtube-frame-flow}.video-frame.frame-spark:after{background:radial-gradient(circle at 8% 9%, rgba(var(--youtube-frame-accent-rgb), .9) 0 1px, transparent 3px), radial-gradient(circle at 91% 13%, rgba(var(--youtube-frame-rgb), .82) 0 1px, transparent 3px), radial-gradient(circle at 88% 86%, rgba(var(--youtube-frame-accent-rgb), .78) 0 1px, transparent 3px), radial-gradient(circle at 12% 90%, rgba(var(--youtube-frame-rgb), .72) 0 1px, transparent 3px);filter:drop-shadow(0 0 8px rgba(var(--youtube-frame-accent-rgb), .72));opacity:.82;animation:1.15s steps(2,end) infinite youtube-frame-spark}.video-frame.frame-aurora:after{background:conic-gradient(from 90deg, rgba(var(--youtube-frame-rgb), 0), rgba(var(--youtube-frame-rgb), .3), rgba(var(--youtube-frame-accent-rgb), .34), #ff6ddb3d, rgba(var(--youtube-frame-rgb), 0));mix-blend-mode:screen;opacity:.44;animation:6s ease-in-out infinite alternate youtube-frame-aurora;inset:-20%}.video-frame.frame-none{animation:none}.video-placeholder{text-align:center;background:linear-gradient(135deg,#00e5ff2e,#0000 36%),linear-gradient(315deg,#ff2dc638,#0000 36%),radial-gradient(circle,#755cff6b,#040711e0 60%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.video-placeholder:before{content:"";border:1px solid #7cf7ff52;position:absolute;inset:13%;box-shadow:0 0 22px #7cf7ff47,inset 0 0 26px #ff2dc62e}.play-core{background:radial-gradient(circle,#ffffff29,#0000 56%),linear-gradient(135deg,#7cf7ff3d,#ff2dc63d);border-radius:50%;width:74px;height:74px;position:absolute;box-shadow:0 0 34px #7cf7ff57,0 0 44px #ff2dc640}.play-core:after{content:"";filter:drop-shadow(0 0 8px #ffffff80);border-top:13px solid #0000;border-bottom:13px solid #0000;border-left:19px solid #ffffffdb;position:absolute;top:24px;left:31px}.scanline{opacity:.34;background-image:linear-gradient(#ffffff14 1px,#0000 1px);background-size:100% 9px;position:absolute;inset:0}.video-copy{z-index:1;justify-items:center;gap:9px;padding:18px 16px;display:grid;position:relative}.video-copy p,.video-copy strong,.video-copy span{margin:0}.video-copy p{color:#7cf7ff;text-shadow:0 0 14px #7cf7ff99;font-size:13px;font-weight:800}.video-copy strong{text-shadow:0 0 18px #00e5ffb3,0 0 30px #ff2dc670;font-size:42px;line-height:1}.video-copy span{color:#d8ddff;font-size:13px;font-weight:700}.announcement{color:#fff;background:linear-gradient(90deg,#00e5ff2e,#ff2dc62e);gap:2px;padding:10px 14px;display:grid}.announcement strong{font-size:14px}.announcement span{color:#c7d3ff;font-size:12px}.host-notice{background:#ffffff0d;border-top:1px solid #7cf7ff24;gap:3px;padding:9px 14px 11px;display:grid}.host-notice span{color:#7cf7ff;letter-spacing:.04em;font-size:10px;font-weight:900}.host-notice p{color:#dfe8ff;margin:0;font-size:12px;font-weight:700;line-height:1.4}.entry-panel{border-radius:18px;gap:9px;padding:11px 12px;display:grid}.gate-panel,.admin-panel{background:#090f22c2;border:1px solid #57daff3d;border-radius:18px;gap:10px;padding:12px;display:grid;box-shadow:0 14px 38px #00000059}.gate-panel h2,.admin-panel h2{color:#fff;margin:0;font-size:20px;line-height:1.2}.event-meta{gap:7px;margin:0;display:grid}.event-meta div{color:#dfe8ff;grid-template-columns:78px 1fr;gap:8px;font-size:12px;display:grid}.event-meta dt,.event-meta dd{margin:0}.event-meta dt{color:#7cf7ff;font-weight:900}.gate-state{color:#ffd166;margin:0;font-size:12px;font-weight:800;line-height:1.45}.entry-panel label,.entry-panel legend,.admin-panel label,.admin-panel legend{color:#d8ddff;font-size:12px;font-weight:800}.entry-panel input[type=text],.chat-controls input,.admin-panel input,.admin-panel select{box-sizing:border-box;color:#fff;background:#ffffff14;border:1px solid #7cf7ff38;border-radius:12px;outline:none;width:100%;min-height:46px;margin-top:5px;padding:0 12px}.admin-panel select{appearance:none}.entry-note{color:#b8c6f5;margin:1px 0 8px;font-size:12px;font-weight:700;display:block}.entry-panel input:focus,.chat-controls input:focus{border-color:#7cf7ff;box-shadow:0 0 0 3px #7cf7ff29}fieldset{border:0;margin:0;padding:0}.avatar-picker{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px;display:grid}.host-icon-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.avatar-upload-card{color:#dfe8ff;background:#ffffff0f;border:1px solid #7cf7ff38;border-radius:14px;grid-template-columns:58px 1fr;align-items:center;gap:10px;margin-top:7px;padding:10px;display:grid}.avatar-upload-card strong{color:#fff;font-size:12px;line-height:1.35;display:block}.avatar-upload-card small{color:#aebcf0;margin-top:3px;font-size:11px;font-weight:800;line-height:1.4;display:block}.preset-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:6px;display:grid}.preset-choice{color:#dfe8ff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:7px;min-height:38px;padding:0 9px;font-size:11px;font-weight:900;display:flex}.preset-choice input{accent-color:#7cf7ff}.preset-choice.is-selected{color:#fff;background:#7cf7ff21;border-color:#7cf7ffa3}.gesture-guide-card{color:#f8fbff;background:linear-gradient(135deg,#ffe46e24,#ff6ddb1a),#080d1fd1;border:1px solid #ffe46e61;border-radius:14px;gap:4px;margin-top:9px;padding:10px;display:grid;box-shadow:0 0 22px #ffd84d1f}.gesture-guide-card strong{color:#ffe46e;font-size:12px;font-weight:950}.gesture-guide-card span,.gesture-guide-card small{font-size:11px;font-weight:850;line-height:1.35}.gesture-guide-card small{color:#bfefff}.avatar-choice{color:#d8ddff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;place-items:center;gap:3px;min-height:70px;font-size:11px;display:grid;position:relative}.avatar-choice input{opacity:0;pointer-events:none;position:absolute}.avatar-choice.is-selected{background:#7cf7ff1a;border-color:#7cf7ff;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 18px #00e5ff40}.avatar-face{border-radius:12px;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.avatar-face .avatar-image{object-fit:contain;width:26px;height:26px}.avatar-face.custom{background:#ffffff1a;border:1px solid #ffffff42}.avatar-face.custom img.avatar-image{object-fit:cover;border-radius:50%;width:30px;height:30px}.avatar-face.upload-preview{border-radius:999px;width:52px;height:52px}.avatar-face.upload-preview .avatar-image{object-fit:cover;border-radius:999px;width:100%;height:100%}.upload-choice{border-style:dashed}.upload-button{color:#7cf7ff;background:#7cf7ff14;border:1px solid #7cf7ff47;border-radius:12px;place-items:center;min-height:38px;margin-top:8px;font-size:12px;font-weight:900;display:grid}.upload-button input{opacity:0;pointer-events:none;position:absolute}.host-icon-settings{background:#ffffff0a;border:1px solid #ff6ddb2e;border-radius:16px;gap:10px;padding:10px;display:grid}.background-settings{background:#ffffff0a;border:1px solid #7cf7ff2e;border-radius:16px;gap:9px;padding:10px;display:grid}.background-preview{aspect-ratio:5/4;color:#98a8d8;background:radial-gradient(circle at 50% 0,#7cf7ff29,#0000 42%),linear-gradient(#0b112dfa,#040711f5);border:1px solid #ffffff1f;border-radius:14px;place-items:center;font-size:12px;font-weight:800;display:grid;overflow:hidden}.background-preview img{object-fit:cover;width:100%;height:100%}.subtle-button{color:#dfe8ff;background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;min-height:38px;font-size:12px;font-weight:900}.subtle-button:disabled{cursor:not-allowed;opacity:.45}.storage-note{color:#98a8d8;font-size:10px;font-weight:700;line-height:1.45}.primary-button,.chat-controls button,.action-row button{color:#06101c;background:linear-gradient(135deg,#7cf7ff,#ff6ddb);border-radius:14px;min-height:48px;font-weight:900;transition:transform .16s,filter .16s,box-shadow .16s;box-shadow:0 10px 26px #00e5ff33}.primary-button:active,.chat-controls button:active,.action-row button:active{filter:saturate(1.18);transform:translateY(1px)scale(.98);box-shadow:0 6px 18px #ff2dc640}.venue{background-color:#0000;background-image:radial-gradient(circle at 50% 0,#7cf7ff2e,#0000 34%),linear-gradient(#0b112dfa,#040711f5);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #755cff3d;border-radius:24px;min-height:302px;position:relative;overflow:hidden}.venue.has-custom-background{background-image:radial-gradient(circle at 50% 0%, #7cf7ff29, transparent 34%), linear-gradient(180deg, #0407111a, #0407116b), var(--room-background-image);background-position:50%;background-repeat:no-repeat;background-size:cover}.stage-lights{background:linear-gradient(112deg,#0000 12%,#00e5ff29 26%,#0000 43%),linear-gradient(248deg,#0000 16%,#ff2dc629 32%,#0000 50%);position:absolute;inset:0}.floating-comments-layer{z-index:6;pointer-events:none;position:absolute;inset:8px 0;overflow:hidden}.floating-comment{left:100%;top:calc(12px + (var(--comment-lane) * 14.5%));color:#fff;text-shadow:2px 0 #000000e0,-2px 0 #000000e0,0 2px #000000e0,0 -2px #000000e0,0 0 8px #000000e6,0 0 14px #7cf7ff6b;white-space:nowrap;max-width:92%;animation:floating-comment-move 8s linear var(--comment-delay,0s) forwards;will-change:transform;align-items:center;gap:6px;font-size:clamp(15px,4.5vw,22px);font-weight:950;line-height:1.15;display:inline-flex;position:absolute}.floating-comment strong{color:#06101c;text-shadow:none;background:linear-gradient(135deg,#ffe46e,#7cf7ff);border-radius:999px;padding:2px 6px;font-size:.62em}.floating-comment.is-host-comment{color:#fff7bf;text-shadow:2px 0 #000000e6,-2px 0 #000000e6,0 2px #000000e6,0 -2px #000000e6,0 0 9px #000000f2,0 0 16px #ffe46e80}.venue-avatar{z-index:2;justify-items:center;gap:4px;width:82px;display:grid;position:absolute}.venue-avatar.center{z-index:3;top:28px;left:50%;transform:translate(-50%)}.venue-avatar.host-corner{z-index:7;top:24px;right:7%;transform:scale(.94)}.venue-avatar.left{top:164px;left:5%}.venue-avatar.right{top:164px;right:5%}.venue-avatar.back-left{opacity:.88;top:61px;left:2%;transform:scale(.84)}.venue-avatar.back-right{opacity:.88;top:61px;right:2%;transform:scale(.84)}.venue-avatar.front{z-index:5;top:176px;left:50%;transform:translate(-50%)}.venue-avatar.live-0{z-index:6;top:176px;left:50%;transform:translate(-50%)}.venue-avatar.live-1{z-index:5;top:160px;left:22%;transform:translate(-50%)scale(.95)}.venue-avatar.live-2{z-index:5;top:160px;right:22%;transform:translate(50%)scale(.95)}.venue-avatar.live-3{z-index:4;top:188px;left:7%;transform:scale(.86)}.venue-avatar.live-4{z-index:4;top:188px;right:7%;transform:scale(.86)}.venue-avatar.live-5{z-index:3;top:218px;left:50%;transform:translate(-50%)scale(.82)}.venue-avatar.random-avatar{left:var(--avatar-x,50%);top:var(--avatar-y,58%);z-index:var(--avatar-z,2);transform:translate(-50%,-50%)}.venue-avatar.random-avatar.mine{z-index:80}.venue-avatar.gesture-enabled{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.real-avatar .avatar-body{border-color:#7cf7ff6b}.host-avatar{opacity:1;justify-items:center;width:104px}.host-avatar .speech-bubble{text-align:center;color:#06101c;background:linear-gradient(135deg,#fff,#7cf7ff 48%,#ffd1f3);border:1px solid #ffffffc7;border-radius:13px 13px 5px;justify-self:center;max-width:96px;margin-inline:auto;position:relative;box-shadow:0 0 0 3px #7cf7ff24,0 10px 24px #ff2dc633}.host-avatar .host-bubble:after{content:"";background:inherit;border-bottom:1px solid #ffffffc7;border-right:1px solid #ffffffc7;width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:4px 4px 10px #ff2dc624}.venue-avatar.mine .avatar-body{transform-origin:bottom;border-width:4px;border-color:#ffd84d;box-shadow:0 0 0 4px #ffd84d38,0 0 26px #ffd84d9e,0 0 34px #ff2dc633}.venue-avatar.is-jumping .avatar-body,.venue-avatar.reaction-jump .avatar-body{animation:.76s cubic-bezier(.22,1.25,.36,1) reaction-jump}.venue-avatar.reaction-shake .avatar-body{animation:.78s ease-in-out reaction-shake}.venue-avatar.reaction-bounce .avatar-body{animation:1.08s ease-in-out reaction-bounce}.venue-avatar.reaction-pop .avatar-body{animation:.72s cubic-bezier(.16,1.28,.32,1) reaction-pop}.venue-avatar.reaction-glow .avatar-body{animation:1.24s ease-out reaction-glow}.venue-avatar.reaction-spin .avatar-body{animation:.86s cubic-bezier(.22,.95,.38,1) reaction-spin}.speech-bubble{color:#06101c;overflow-wrap:anywhere;background:#ffffffe6;border-radius:12px 12px 12px 4px;max-width:104px;min-height:24px;padding:5px 9px;font-size:12px;font-weight:800;line-height:1.15;box-shadow:0 7px 16px #0003}.my-bubble{background:linear-gradient(135deg,#7cf7ff,#ffd1f3);border-radius:13px 13px 4px;box-shadow:0 0 0 2px #ffffff6b,0 8px 18px #00e5ff3d}.avatar-body{aspect-ratio:1;box-sizing:border-box;background:linear-gradient(#ffffff2e,#ffffff08);border:2px solid #ffffff52;border-radius:999px;flex:none;place-items:center;width:56px;min-width:56px;height:56px;min-height:56px;display:grid;position:relative;overflow:hidden}.avatar-image{object-fit:cover;object-position:center center;place-items:center;width:100%;min-width:100%;height:100%;min-height:100%;font-size:27px;line-height:1;display:grid}img.avatar-image{vertical-align:bottom;border-radius:999px;display:block}.cyan{background-color:#00e5ff2e;box-shadow:0 0 18px #00e5ff52}.pink{background-color:#ff2dc62e;box-shadow:0 0 18px #ff2dc652}.violet{background-color:#755cff38;box-shadow:0 0 18px #755cff59}.blue{background-color:#2b7bff33;box-shadow:0 0 18px #2b7bff59}.green{background-color:#46ff9b2e;box-shadow:0 0 18px #46ff9b4d}.orange{background-color:#ff8b2d2e;box-shadow:0 0 18px #ff8b2d52}.moon{background-color:#aac4ff2e;box-shadow:0 0 18px #aac4ff52}.custom{background-color:#ffffff1f;box-shadow:0 0 0 3px #7cf7ff14,0 0 18px #ff6ddb47}.host{background-color:#ffffff29;box-shadow:0 0 0 4px #ffffff14,0 0 28px #ffffff40}.host-avatar .avatar-body{border-width:3px;border-color:#ffffff80;width:72px;min-width:72px;height:72px;min-height:72px}.host-avatar.host-self .avatar-body{border-width:4px;border-color:#ffd84d;box-shadow:0 0 0 4px #ffd84d38,0 0 28px #ffd84d9e,0 0 38px #7cf7ff3d}.host-avatar .avatar-image{width:100%;height:100%;font-size:36px}.host-avatar img.avatar-image,.custom img.avatar-image{object-fit:cover;object-position:center center;background:0 0;border-radius:50%}.venue-empty{z-index:2;color:#dfe8ff;background:#00000057;border:1px solid #7cf7ff3d;border-radius:999px;margin:0;padding:5px 10px;font-size:11px;font-weight:900;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.avatar-name{color:#eaf7ff;overflow-wrap:anywhere;text-align:center;background:#0000006b;border-radius:999px;max-width:82px;padding:2px 7px;font-size:10px;font-weight:900;line-height:1.2}.avatar-chat-flash{z-index:9;color:#fff8d6;pointer-events:none;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 6px #000000a6;white-space:nowrap;background:#050918c7;border:1px solid #ffffff6b;border-radius:999px;max-width:74px;padding:3px 6px;font-size:10px;font-weight:900;line-height:1.15;animation:1.8s forwards avatar-chat-flash;position:absolute;top:28px;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffd84d2e,0 10px 20px #00000047}.reaction-burst{pointer-events:none;width:1px;height:1px;position:absolute;top:62px;left:50%}.venue-avatar.random-avatar .reaction-burst{top:28px}.reaction-burst span{filter:drop-shadow(0 0 9px #fff9);animation:1.16s ease-out forwards reaction-float-emoji;animation-delay:var(--burst-delay);font-size:24px;position:absolute;top:-12px;left:-12px}.reaction-burst.reaction-clap span{filter:drop-shadow(0 0 10px #7cf7ffcc)}.reaction-burst.reaction-love span{filter:drop-shadow(0 0 12px #ff2dc6c7)}.reaction-burst.reaction-fire span{filter:drop-shadow(0 0 12px #ff8a23e0)}.reaction-burst.reaction-cry span{filter:drop-shadow(0 0 12px #4baaffcc)}.chat-panel{border-radius:20px;gap:8px;padding:12px;display:grid}.compact-chat-input-panel{background:linear-gradient(135deg,#7cf7ff14,#ff6ddb0f),#070b1cd1;border:1px solid #7cf7ff3d;border-radius:16px;gap:7px;padding:9px;display:grid;box-shadow:inset 0 1px #ffffff14,0 12px 28px #0000003d}.compact-chat-input-panel .chat-controls{grid-template-columns:1fr 66px}.compact-chat-helper{color:#aebcf0;flex-wrap:wrap;justify-content:space-between;gap:5px 8px;font-size:10px;font-weight:850;display:flex}.compact-chat-helper strong{color:#ffe46e;flex-basis:100%}.chat-title{color:#fff;justify-content:space-between;gap:8px;font-weight:900;display:flex}.chat-title small{color:#98a8d8;font-size:11px;font-weight:700}.chat-log{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-content:start;gap:6px;max-height:112px;display:grid;overflow-y:auto}.chat-log p{color:#dfe8ff;background:#ffffff0f;border-radius:12px;grid-template-columns:22px auto 1fr;align-items:center;gap:6px;min-width:0;margin:0;padding:7px 9px;font-size:13px;display:grid}.chat-log p.chat-empty{color:#8fa4dd;text-align:center;font-size:12px;font-weight:800;display:block}.chat-log p.is-mine{background:#00e5ff24;border:1px solid #7cf7ff38;box-shadow:inset 3px 0 #ff2dc6cc}.chat-log strong{color:#7cf7ff;white-space:nowrap}.chat-icon{place-items:center;display:grid}.chat-icon img{object-fit:cover;border-radius:50%;width:20px;height:20px}.chat-text{overflow-wrap:anywhere;min-width:0;line-height:1.35}.chat-controls{grid-template-columns:1fr 70px;gap:8px;display:grid}.chat-controls input{margin-top:0;scroll-margin-bottom:34dvh;font-size:16px}.action-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.action-row button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.action-row button span{font-size:18px;line-height:1}.chat-helper{color:#98a8d8;justify-content:space-between;align-items:center;gap:8px;min-height:18px;font-size:11px;font-weight:700;display:flex}.chat-helper strong{color:#ffd166;text-align:right;font-size:11px}@keyframes jump-avatar{0%,to{transform:translate(-50%)translateY(0)}18%{transform:translate(-50%)translateY(4px)scaleY(.94)}45%{transform:translate(-50%)translateY(-42px)scaleY(1.04)}68%{transform:translate(-50%)translateY(-8px)}}@keyframes youtube-frame-pulse{0%,to{box-shadow:inset 0 0 0 1px #ffffff14, inset 0 0 14px rgba(var(--youtube-frame-rgb), .16), 0 0 12px rgba(var(--youtube-frame-rgb), .2)}50%{box-shadow:inset 0 0 0 1px #ffffff24, inset 0 0 26px rgba(var(--youtube-frame-rgb), .3), 0 0 22px rgba(var(--youtube-frame-rgb), .34)}}@keyframes youtube-frame-flow{0%{background-position:-42% 0,100% -42%,142% 100%,0 142%}to{background-position:142% 0,100% 142%,-42% 100%,0 -42%}}@keyframes youtube-frame-spark{0%,to{opacity:.28;transform:scale(1)}50%{opacity:.95;transform:scale(1.01)}}@keyframes youtube-frame-aurora{0%{transform:rotate(0)scale(1)}to{transform:rotate(14deg)scale(1.08)}}@keyframes avatar-chat-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}16%,72%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.98)}}@keyframes reaction-jump{0%,to{filter:none;transform:translateY(0)scale(1)}34%{filter:drop-shadow(0 0 14px #7cf7ffad);transform:translateY(-18px)scale(1.04)}64%{transform:translateY(2px)scale(.98)}}@keyframes reaction-shake{0%,to{transform:translate(0)rotate(0)}12%,36%,60%{transform:translate(-5px)rotate(-3deg)}24%,48%,72%{transform:translate(5px)rotate(3deg)}}@keyframes reaction-bounce{0%,to{transform:translateY(0)scale(1)}25%,70%{transform:translateY(-7px)scale(1.02)}48%{transform:translateY(2px)scale(.99)}}@keyframes reaction-pop{0%,to{transform:scale(1)}34%{filter:drop-shadow(0 0 16px #ff2dc6b8);transform:scale(1.2)}62%{transform:scale(.95)}}@keyframes reaction-glow{0%,to{filter:none;box-shadow:inherit}42%{filter:drop-shadow(0 0 18px #7cf7ffe6);box-shadow:0 0 0 4px #7cf7ff38,0 0 28px #ff2dc673,0 0 34px #ffd84d5c}}@keyframes reaction-spin{0%{transform:rotate(0)scale(1)}72%{transform:rotate(360deg)scale(1.05)}to{transform:rotate(360deg)scale(1)}}@keyframes reaction-float-emoji{0%{opacity:0;transform:translate(0)rotate(0)scale(.35)}20%{opacity:1}to{transform:translate(var(--burst-x), var(--burst-y)) rotate(var(--burst-rotate)) scale(1.26);opacity:0}}@media (prefers-reduced-motion:reduce){.video-frame.is-framed,.video-frame.is-framed:after{animation:none}}@keyframes burst{0%{opacity:0;transform:translate(0)rotate(0)scale(.35)}20%{opacity:1}to{transform:translate(var(--burst-x), var(--burst-y)) rotate(var(--burst-rotate)) scale(1.26);opacity:0}}.phone-preview.is-entered{height:100dvh;min-height:100svh;max-height:100dvh;padding:8px 8px calc(24px + env(safe-area-inset-bottom));scrollbar-width:none;gap:7px;overflow:hidden}.phone-preview.is-entered::-webkit-scrollbar{display:none}.phone-preview.is-entered .room-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;flex:none;align-items:center;gap:6px;padding:8px 9px;position:relative;top:0}.phone-preview.is-entered .room-header>div:first-child{flex-basis:96px;min-width:96px}.phone-preview.is-entered .eyebrow{font-size:9px}.phone-preview.is-entered .room-header h1{font-size:17px}.phone-preview.is-entered .header-actions{gap:4px;max-width:238px}.phone-preview.is-entered .live-badge,.phone-preview.is-entered .participants,.phone-preview.is-entered .connection-status{min-height:24px;padding:0 6px;font-size:10px}.phone-preview.is-entered .icon-button{width:26px;height:26px}.timetable-trigger-row{flex:none;justify-content:flex-end;margin-top:-4px;display:flex}.timetable-trigger{color:#dffbff;letter-spacing:0;white-space:nowrap;background:linear-gradient(135deg,#7cf7ff24,#ff6ddb1a),#060b1cc7;border:1px solid #7cf7ff47;border-radius:999px;min-height:28px;padding:0 11px;font-size:10px;font-weight:950;box-shadow:0 0 16px #7cf7ff1f}.timetable-overlay{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle at 50% 12%,#7cf7ff1f,#0000 34%),radial-gradient(circle at 16% 88%,#ff6ddb1a,#0000 28%),#03061180;place-items:center;padding:10px;display:grid;position:absolute;inset:0}.timetable-panel{background:linear-gradient(#0a1024db,#050816c2),#080d1fc7;border:1px solid #7cf7ff57;border-radius:18px;grid-template-rows:auto auto minmax(0,1fr);width:min(100%,720px);max-height:min(86dvh,680px);display:grid;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 24px 70px #00000085,0 0 32px #7cf7ff29}.timetable-topbar{background:linear-gradient(90deg,#7cf7ff1a,#0000 48%),#050918b8;border-bottom:1px solid #7cf7ff2e;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.timetable-topbar h2{color:#f8fbff;margin:2px 0 0;font-size:clamp(18px,5vw,22px);line-height:1}.timetable-close{color:#08111f;background:linear-gradient(135deg,#7cf7ff,#ff6ddb);border-radius:999px;flex:none;width:40px;height:40px;font-size:24px;font-weight:950;line-height:1;box-shadow:0 0 18px #7cf7ff47}.timetable-stage-header{background:linear-gradient(#030714e0,#030714ad);border-bottom:1px solid #ffffff14;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;display:grid}.timetable-stage-header.stage-count-1,.timetable-grid.stage-count-1{grid-template-columns:minmax(0,1fr)}.timetable-stage-header.stage-count-2,.timetable-grid.stage-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.timetable-stage-header.stage-count-3,.timetable-grid.stage-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-label{color:#fff;text-align:center;white-space:normal;overflow-wrap:anywhere;border:1px solid #ffffff1a;border-radius:12px;min-width:0;padding:7px 6px;font-size:10px;font-weight:950;line-height:1.15}.stage-label.cyan{background:#00e5ff29}.stage-label.pink{background:#ff2dc629}.stage-label.blue{background:#2b7bff2e}.stage-label.custom{border-color:color-mix(in srgb, var(--stage-color) 64%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--stage-color) 26%, transparent), #ffffff0d), #050817b8;box-shadow:inset 0 -8px 18px #0000002e}.timetable-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;scroll-padding-top:82px;overflow:auto}.timetable-grid-wrap{min-width:0;min-height:180px;position:relative}.timetable-now-line{z-index:3;color:#fff6b8;letter-spacing:0;pointer-events:none;text-shadow:0 0 12px #ffd166ad;align-items:center;gap:7px;font-size:11px;font-weight:950;display:flex;position:absolute;left:8px;right:8px}.timetable-now-line:before,.timetable-now-line:after{content:"";background:linear-gradient(90deg,#0000,#ffd166db,#7cf7ffa3);flex:auto;height:2px;box-shadow:0 0 12px #ffd1665c}.timetable-now-line:after{background:linear-gradient(90deg,#7cf7ffa3,#ffd166db,#0000)}.timetable-now-line span{white-space:nowrap;background:#090d1ceb;border:1px solid #fff6b8b3;border-radius:999px;padding:4px 9px;box-shadow:0 0 0 1px #ffd1661f,0 0 18px #ffd16652}.timetable-grid{gap:8px;padding:10px;display:grid}.timetable-stage{align-content:start;gap:8px;display:grid}.timetable-slot{border:1px solid color-mix(in srgb, var(--stage-color,#7cf7ff) 26%, transparent);color:#dfe8ff;background:linear-gradient(135deg, color-mix(in srgb, var(--stage-color,#7cf7ff) 10%, transparent), #ffffff0a), #ffffff0d;border-radius:14px;gap:3px;min-height:86px;padding:9px;display:grid;position:relative;overflow:hidden}.timetable-slot.is-now{border-color:color-mix(in srgb, var(--stage-color,#ffd166) 72%, #fff6b8);background:linear-gradient(135deg, color-mix(in srgb, var(--stage-color,#7cf7ff) 28%, transparent), #ffd16624), #ffffff1a;box-shadow:0 0 0 1px #ffffff0f, inset 4px 0 0 color-mix(in srgb, var(--stage-color,#ffd166) 80%, #fff6b8), 0 0 24px color-mix(in srgb, var(--stage-color,#ffd166) 32%, transparent)}.timetable-slot time{color:#7cf7ff;font-size:11px;font-weight:950}.timetable-slot.is-now time{color:#fff6b8}.timetable-slot em{color:#090d1c;letter-spacing:0;white-space:nowrap;background:linear-gradient(135deg,#fff6b8,#7cf7ff);border-radius:999px;justify-self:start;max-width:100%;padding:3px 7px;font-size:8.5px;font-style:normal;font-weight:950}.timetable-slot strong{color:#fff;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.timetable-slot span{color:#aebcf0;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.timetable-slot .timetable-logo-banner{border:1px solid color-mix(in srgb, var(--stage-color,#7cf7ff) 28%, transparent);background:linear-gradient(135deg,#ffffff14,#0000),#03071457;border-radius:10px;align-items:center;min-height:38px;padding:5px 7px;display:grid}.timetable-slot .timetable-logo-banner img{object-fit:contain;object-position:center;width:100%;max-width:100%;max-height:34px;display:block}.timetable-slot .timetable-logo-banner strong,.timetable-slot .timetable-logo-banner.is-broken img{display:none}.timetable-slot .timetable-logo-banner.is-broken strong{display:-webkit-box}.timetable-empty{color:#dfe8ff;text-align:center;background:#ffffff0d;border:1px dashed #7cf7ff42;border-radius:16px;width:min(100%,360px);margin:18px auto;padding:24px 14px;font-size:13px;font-weight:900}@media (width<=480px){.timetable-trigger-row{margin-top:-6px}.timetable-trigger{min-height:26px;padding-inline:10px;font-size:9.5px}.timetable-overlay{padding:7px}.timetable-panel{border-radius:15px;width:100%;max-height:min(88dvh,640px)}.timetable-topbar{padding:9px 10px}.timetable-topbar .panel-title{font-size:9px}.timetable-close{width:42px;height:42px;font-size:24px}.timetable-stage-header{gap:5px;padding:7px}.stage-label{place-items:center;min-height:34px;padding:6px 4px;font-size:9px;display:grid}.timetable-scroll{scroll-padding-top:72px}.timetable-grid{gap:6px;padding:8px}.timetable-slot{border-radius:12px;min-height:78px;padding:7px 6px}.timetable-slot time{font-size:9.5px}.timetable-slot em{padding:2px 5px;font-size:7.5px}.timetable-slot strong{font-size:10.5px;line-height:1.18}.timetable-slot span{font-size:9px;line-height:1.22}.timetable-slot .timetable-logo-banner{min-height:34px;padding:4px 5px}.timetable-slot .timetable-logo-banner img{max-height:30px}.timetable-now-line{gap:5px;font-size:9.5px;left:6px;right:6px}.timetable-now-line span{padding:3px 7px}.timetable-draft-settings,.timetable-settings-group{border-radius:14px;padding:9px}.timetable-group-heading,.timetable-slot-heading,.admin-save-bar{align-items:stretch;gap:8px;display:grid}.timetable-stage-card-list{grid-template-columns:minmax(0,1fr)}.stage-color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.timetable-slot-card{padding:9px}.display-type-picker{grid-template-columns:minmax(0,1fr)}.timetable-logo-preview img{max-height:48px}.admin-save-bar .primary-button{width:100%}}@media (width<=360px){.timetable-stage-header.stage-count-3,.timetable-grid.stage-count-3{grid-template-columns:minmax(0,1fr)}.timetable-stage{gap:6px}}.live-fixed-top{z-index:24;flex:none;position:sticky;top:0}.phone-preview.is-entered .premiere-card{border-radius:16px;width:100%}.phone-preview.is-entered .video-frame.is-framed{box-shadow:inset 0 0 0 1px #ffffff0f, inset 0 0 10px rgba(var(--youtube-frame-rgb), .14), 0 0 9px rgba(var(--youtube-frame-rgb), .18);border-radius:14px}.live-room-layout,.live-main-column,.live-stage-stack,.live-side-panel{min-height:0}.live-room-layout{flex-direction:column;flex:auto;gap:7px;display:flex}.live-main-column,.live-stage-stack,.live-side-panel{align-content:start;gap:7px;display:grid}.phone-preview.is-entered .live-room-layout{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:0 1px calc(18px + env(safe-area-inset-bottom));scrollbar-width:none;overflow-y:auto}.phone-preview.is-entered .live-room-layout.is-listener-room{flex-direction:column;gap:36px;display:flex;overflow-y:auto}.phone-preview.is-entered .live-room-layout.is-listener-room .listener-stage-stack{z-index:1;align-content:start;gap:7px;min-height:0;display:grid;position:relative}.phone-preview.is-entered .live-room-layout::-webkit-scrollbar{display:none}.phone-preview.is-entered .live-main-column{display:contents}.live-scroll-area{align-content:start;gap:7px;display:grid}.phone-preview.is-entered .live-scroll-area{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:0 1px calc(18px + env(safe-area-inset-bottom));scrollbar-width:none;flex:auto;overflow-y:auto}.phone-preview.is-entered .live-scroll-area::-webkit-scrollbar{display:none}.admin-screen .live-fixed-top{z-index:24;position:sticky;top:0}.admin-screen .live-room-layout{gap:8px;display:grid}.admin-screen .live-scroll-area{flex:none;padding:0;overflow:visible}.phone-preview.is-entered .video-copy{gap:6px;padding:14px 12px}.phone-preview.is-entered .video-copy p{font-size:12px}.phone-preview.is-entered .video-copy strong{font-size:35px}.phone-preview.is-entered .video-copy span{font-size:12px}.phone-preview.is-entered .venue{aspect-ratio:5/4;border-radius:18px;flex:none;min-height:302px}.phone-preview.is-entered .venue-avatar{gap:3px;width:72px}.phone-preview.is-entered .venue-avatar.center{top:16px}.phone-preview.is-entered .venue-avatar.host-corner{top:14px;right:3%;transform:scale(.9)}.phone-preview.is-entered .venue-avatar.random-avatar{left:var(--avatar-x,50%);top:var(--avatar-y,58%);z-index:var(--avatar-z,2);transform:translate(-50%,-50%)}.phone-preview.is-entered .venue-avatar.left{top:126px;left:4%}.phone-preview.is-entered .venue-avatar.right{top:126px;right:4%}.phone-preview.is-entered .venue-avatar.back-left{top:52px;left:1%}.phone-preview.is-entered .venue-avatar.back-right{top:52px;right:1%}.phone-preview.is-entered .venue-avatar.live-0{top:128px}.phone-preview.is-entered .venue-avatar.live-1,.phone-preview.is-entered .venue-avatar.live-2{top:120px}.phone-preview.is-entered .venue-avatar.live-3,.phone-preview.is-entered .venue-avatar.live-4{top:146px}.phone-preview.is-entered .venue-avatar.live-5{top:164px}.phone-preview.is-entered .speech-bubble{max-width:92px;min-height:22px;padding:4px 7px;font-size:11px}.phone-preview.is-entered .avatar-body{aspect-ratio:1;flex:0 0 50px;width:50px;min-width:50px;height:50px;min-height:50px}.phone-preview.is-entered .avatar-image{object-fit:cover;object-position:center center;width:100%;min-width:100%;height:100%;min-height:100%;font-size:24px;display:block}.phone-preview.is-entered .host-avatar .avatar-body{aspect-ratio:1;flex:0 0 68px;width:68px;min-width:68px;height:68px;min-height:68px}.phone-preview.is-entered .host-avatar .avatar-image{width:100%;height:100%;font-size:32px}.phone-preview.is-entered .avatar-name{max-width:72px;padding:2px 6px;font-size:9px}.phone-preview.is-entered .avatar-chat-flash{max-width:62px;padding:2px 5px;font-size:9px;top:25px}.phone-preview.is-entered .reaction-burst{top:52px}.phone-preview.is-entered .venue-avatar.random-avatar .reaction-burst{top:25px}.action-dock{background:#090f22cc;border:1px solid #7cf7ff3d;border-radius:16px;padding:8px;display:grid;box-shadow:0 12px 30px #00000047}.phone-preview.is-entered .listener-action-dock{display:none}.preset-action-grid{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:7px;max-width:100%;padding:1px 2px 5px;display:flex;overflow:auto hidden}.preset-action-grid button{color:#06101c;scroll-snap-align:start;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(135deg,#7cf7ff,#ff6ddb);border-radius:999px;flex:none;min-width:92px;min-height:44px;padding:0 13px;font-size:12px;font-weight:900;line-height:1.1;transition:transform .16s,box-shadow .16s,filter .16s;overflow:hidden}.preset-action-grid button:active{filter:saturate(1.18);transform:translateY(1px)scale(.96);box-shadow:0 0 20px #7cf7ff52,inset 0 1px #ffffff52}.festival-stage-switcher{background:linear-gradient(135deg,#7cf7ff1a,#ff6ddb14),#070b1cd6;border:1px solid #7cf7ff38;border-radius:16px;gap:7px;padding:9px;display:grid}.festival-stage-header{color:#f8fbff;gap:2px;font-size:11px;font-weight:900;display:grid}.festival-stage-header small{color:#9fdcff;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800;overflow:hidden}.festival-stage-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.festival-stage-buttons button{color:#dce8ff;background:#ffffff12;border:1px solid #7cf7ff3d;border-radius:12px;min-height:38px;padding:5px;font-size:11px;font-weight:950}.festival-stage-buttons button.is-active{color:#07111f;background:linear-gradient(135deg,#7cf7ff,#ffe46e 54%,#ff6ddb);box-shadow:0 0 18px #7cf7ff4d}.festival-stage-buttons button:disabled{color:#dfe8ff73;cursor:not-allowed;background:#ffffff0a}.festival-stage-buttons small{margin-top:2px;font-size:8px;display:block}.phone-preview.is-entered .chat-panel{border-radius:16px;flex:none;grid-template-rows:auto auto auto minmax(0,1fr);gap:7px;min-height:208px;padding:9px}.phone-preview.is-entered .live-room-layout.is-listener-room .chat-panel{z-index:auto;flex:none;margin-top:0;position:relative;transform:none}.phone-preview.is-entered .chat-log{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:112px;max-height:min(28dvh,240px);padding-right:2px;overflow-y:auto}.phone-preview.is-entered .chat-log::-webkit-scrollbar{display:none}.phone-preview.is-entered .chat-log p{padding:6px 8px;font-size:12px}.phone-preview.is-entered .action-row{gap:7px}.phone-preview.is-entered .action-row button{border-radius:13px;min-height:42px}.admin-screen{min-height:100svh;overflow-y:auto}.admin-nav,.host-toggles{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.admin-nav button,.host-toggles button,.danger-button{color:#eaf7ff;background:#ffffff14;border-radius:12px;min-height:40px;font-size:11px;font-weight:900}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.toggle-line{align-items:center;gap:8px;min-height:38px;display:flex}.toggle-line input{accent-color:#7cf7ff;width:auto;min-height:0;margin:0}.admin-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.festival-settings{background:#ffe46e0d;border:1px solid #ffe46e38;border-radius:16px;gap:10px;padding:10px;display:grid}.youtube-frame-settings{background:linear-gradient(135deg,#7cf7ff14,#ff6ddb12),#05081775;border:1px solid #7cf7ff38;border-radius:16px;gap:10px;padding:10px;display:grid}.festival-toggle{font-weight:950}.festival-stage-settings{gap:12px;display:grid}.stage-setting-card{background:#0508177a;border:1px solid #7cf7ff33;border-radius:14px;gap:10px;padding:10px;display:grid}.stage-setting-card legend{color:#ffe46e;padding:0 6px;font-size:12px;font-weight:950}.stage-background-row{grid-template-columns:1fr;gap:8px;display:grid}.stage-background-preview{min-height:96px}.stage-background-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.timetable-draft-settings{background:linear-gradient(135deg,#ff6ddb14,#7cf7ff0f),#0508177a;border:1px solid #ff6ddb38;border-radius:16px;gap:12px;padding:12px;display:grid}.section-heading{gap:3px;padding-bottom:2px;display:grid}.section-heading small,.timetable-slot-heading small,.timetable-group-heading small{color:#aebcf0;font-size:11px;font-weight:800;line-height:1.35}.timetable-draft-body{gap:14px;display:grid}.timetable-settings-group{background:linear-gradient(135deg,#7cf7ff0d,#0000 44%),#ffffff09;border:1px solid #7cf7ff29;border-radius:16px;gap:10px;padding:10px;display:grid}.timetable-group-heading{justify-content:space-between;align-items:end;gap:10px;min-width:0;display:flex}.timetable-stage-count{background:#ffffff0a;border:1px solid #7cf7ff2e;border-radius:14px;gap:8px;padding:9px;display:grid}.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.segmented-control button{color:#dfe8ff;background:#ffffff12;border:1px solid #7cf7ff38;border-radius:999px;min-height:38px;font-size:13px;font-weight:950}.segmented-control button.is-active{color:#06101c;background:linear-gradient(135deg,#7cf7ff,#ffe46e);box-shadow:0 0 18px #7cf7ff3d}.timetable-stage-card-list,.timetable-slot-card-list{gap:10px;display:grid}.timetable-stage-card-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.timetable-stage-card,.timetable-slot-card{background:#05081785;border:1px solid #7cf7ff2e;border-radius:14px;gap:10px;padding:10px;display:grid}.timetable-slot-card{background:linear-gradient(135deg,#ffd84d0e,#0000 36%),#0508178a;border-color:#ffd84d29;padding-top:12px;position:relative}.timetable-stage-card legend,.timetable-slot-card legend,.timetable-stage-count legend,.display-type-picker legend{color:#ffe46e;padding:0 6px;font-size:12px;font-weight:950}.stage-color-picker{gap:8px;display:grid}.stage-color-selected{color:#f8fbff;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:900;display:flex}.stage-color-selected strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stage-color-dot{background:var(--stage-color);width:16px;height:16px;box-shadow:0 0 14px color-mix(in srgb, var(--stage-color) 60%, transparent);border:1px solid #ffffff94;border-radius:999px;flex:none}.stage-color-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.stage-color-grid button{background:radial-gradient(circle at 35% 28%, #ffffff6b, transparent 36%), var(--stage-color);border:2px solid #ffffff24;border-radius:12px;min-height:34px;box-shadow:inset 0 -8px 16px #0003}.stage-color-grid button.is-selected{box-shadow:0 0 0 2px #ffd84d3d, 0 0 18px color-mix(in srgb, var(--stage-color) 62%, transparent), inset 0 -8px 16px #0000002e;border-color:#fff6b8}.timetable-slot-settings{gap:10px;padding:10px;display:grid}.timetable-slot-heading{justify-content:space-between;align-items:end;gap:8px;min-width:0;display:flex}.timetable-slot-heading>div{min-width:0}.timetable-slot-heading .subtle-button{flex:none;min-height:34px;padding-inline:12px}.display-type-picker{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px;display:grid}.display-type-picker label{color:#dfe8ff;align-items:center;gap:7px;min-height:34px;font-size:12px;font-weight:900;display:flex}.display-type-picker input{accent-color:#7cf7ff;width:auto;min-height:0;margin:0}.timetable-placeholder{color:#dfe8ff;background:#ffd84d0f;border:1px dashed #ffd84d47;border-radius:12px;margin:0;padding:8px 10px;font-size:12px;font-weight:850;line-height:1.35}.timetable-logo-uploader{background:linear-gradient(135deg,#7cf7ff0e,#0000),#ffffff09;border:1px solid #7cf7ff24;border-radius:12px;gap:8px;padding:9px;display:grid}.timetable-logo-uploader small{color:#aebcf0;font-size:11px;font-weight:850}.timetable-logo-upload-control{gap:6px;display:grid}.timetable-logo-preview{background:linear-gradient(135deg,#ffffff17,#0000),#03071470;border:1px solid #ffffff1a;border-radius:12px;gap:8px;padding:8px;display:grid}.timetable-logo-preview img{object-fit:contain;object-position:center;width:100%;max-height:58px;display:block}.form-error{color:#ffd8e2;background:#ff44691a;border:1px solid #ff446957;border-radius:12px;margin:0;padding:8px 10px;font-size:12px;font-weight:900;line-height:1.35}.timetable-slot-delete{justify-self:stretch;min-height:38px;margin-top:2px}.host-console{margin-top:2px}.host-status{color:#dfe8ff;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;font-size:12px;font-weight:800;display:grid}.host-tools-placeholder{color:#98a8d8;border:1px dashed #7cf7ff47;border-radius:12px;padding:9px;font-size:12px;font-weight:800}.danger-button{color:#fff;background:linear-gradient(135deg,#ff4f7b,#755cff)}.admin-save-bar{background:linear-gradient(135deg,#7cf7ff14,#ffd84d14),#ffffff0b;border:1px solid #7cf7ff33;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:11px;display:flex}.admin-save-bar>div{min-width:0}.admin-save-bar small{color:#aebcf0;font-size:11px;font-weight:800;line-height:1.35}.admin-save-bar .primary-button{flex:none;min-width:128px}@media (width<=480px){.admin-save-bar{align-items:stretch;gap:8px;display:grid}.admin-save-bar .primary-button{width:100%}}.compact-notice{padding:8px 12px}@media (width>=700px){.app-shell{padding:26px 0}.phone-preview{border:1px solid #7cf7ff2e;border-radius:32px;min-height:calc(100svh - 52px)}}@media (width>=768px){.app-shell{align-items:center;padding:18px}.phone-preview.is-entered,.phone-preview.admin-screen{border-radius:28px;width:min(100%,1240px);min-height:min(920px,100svh - 36px)}.phone-preview.is-entered{gap:12px;height:min(920px,100dvh - 36px);max-height:calc(100dvh - 36px);padding:14px}.phone-preview.is-entered .room-header{border-radius:18px;padding:10px 12px}.phone-preview.is-entered .room-header>div:first-child{flex-basis:190px;min-width:190px}.phone-preview.is-entered .room-header h1{font-size:20px}.phone-preview.is-entered .header-actions{max-width:none}.phone-preview.is-entered .timetable-trigger,.admin-screen .timetable-trigger{min-height:30px;padding:0 13px;font-size:11px}.phone-preview.is-entered .live-room-layout,.admin-screen .live-room-layout{grid-template-columns:minmax(0,2.1fr) minmax(300px,.9fr);gap:14px;padding:0;display:grid;overflow:hidden}.phone-preview.is-entered .live-room-layout.is-listener-room{flex-direction:column;gap:24px;padding:0;display:flex;overflow-y:auto}.phone-preview.is-entered .live-room-layout.is-listener-room .listener-stage-stack{gap:12px;display:grid}.phone-preview.is-entered .live-main-column,.admin-screen .live-main-column{grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;display:grid}.phone-preview.is-entered .live-stage-stack,.admin-screen .live-stage-stack{align-content:stretch;min-height:0}.phone-preview.is-entered .live-side-panel,.admin-screen .live-side-panel{grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:0;display:grid;overflow:hidden}.phone-preview.is-entered .live-fixed-top,.admin-screen .live-fixed-top{z-index:auto;position:static;top:auto}.phone-preview.is-entered .premiere-card,.admin-screen .premiere-card{border-radius:20px}.phone-preview.is-entered .video-frame,.admin-screen .video-frame{aspect-ratio:16/9}.phone-preview.is-entered .video-copy,.admin-screen .video-copy{min-height:clamp(220px,38vh,430px)}.phone-preview.is-entered .video-copy strong,.admin-screen .video-copy strong{font-size:clamp(42px,5vw,68px)}.phone-preview.is-entered .venue,.admin-screen .venue{aspect-ratio:auto;min-height:clamp(260px,34vh,410px)}.phone-preview.is-entered .venue-avatar{width:76px}.phone-preview.is-entered .avatar-body{flex-basis:56px;width:56px;min-width:56px;height:56px;min-height:56px}.phone-preview.is-entered .host-avatar .avatar-body{flex-basis:74px;width:74px;min-width:74px;height:74px;min-height:74px}.phone-preview.is-entered .action-dock,.admin-screen .action-dock{order:2;padding:10px;display:grid}.phone-preview.is-entered .preset-action-grid,.admin-screen .preset-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.phone-preview.is-entered .preset-action-grid button,.admin-screen .preset-action-grid button{min-height:44px;font-size:12px}.phone-preview.is-entered .chat-panel,.admin-screen .chat-panel{order:1;grid-template-rows:auto minmax(0,1fr) auto auto;min-height:0;padding:12px;overflow:hidden}.phone-preview.is-entered .live-room-layout.is-listener-room .chat-panel{margin-top:0;position:relative;transform:none}.phone-preview.is-entered .chat-title,.admin-screen .chat-title{order:0}.phone-preview.is-entered .chat-log,.admin-screen .chat-log{order:1;min-height:0;max-height:none;overflow-y:auto}.phone-preview.is-entered .chat-controls,.admin-screen .chat-controls{order:2}.phone-preview.is-entered .chat-helper,.admin-screen .chat-helper{order:3}}@media (width>=1100px){.phone-preview.is-entered .live-room-layout,.admin-screen .live-room-layout{grid-template-columns:minmax(0,2.35fr) minmax(340px,.85fr)}}@media (width<=360px){.phone-preview{padding:10px}.room-header{flex-direction:column;align-items:flex-start}.avatar-picker{grid-template-columns:repeat(2,1fr)}}:root{--fes-bg-0:#02040d;--fes-bg-1:#071126;--fes-panel:#080f22bd;--fes-panel-strong:#0a122ae0;--fes-line:#7cf7ff38;--fes-cyan:#7cf7ff;--fes-pink:#ff6ddb;--fes-gold:#ffe46e;--fes-green:#31e18d;--fes-text-soft:#b8c6f5}.app-shell{background:linear-gradient(115deg, #ff6ddb1f, transparent 34%), linear-gradient(245deg, #7cf7ff29, transparent 38%), radial-gradient(ellipse at 50% 0%, #ffe46e1f, transparent 34rem), linear-gradient(180deg, var(--fes-bg-1), var(--fes-bg-0) 72%);position:relative;overflow:hidden}.app-shell:before,.app-shell:after{content:"";pointer-events:none;position:absolute;inset:-20%}.app-shell:before{opacity:.88;background:conic-gradient(from 210deg at 18% 0,#0000,#7cf7ff1f,#0000 18%),conic-gradient(from 150deg at 82% 0,#0000,#ff6ddb1f,#0000 18%)}.app-shell:after{opacity:.34;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(#0000,#000 18% 78%,#0000);mask-image:linear-gradient(#0000,#000 18% 78%,#0000)}.phone-preview{z-index:1;background:linear-gradient(180deg, #0c1530f2, #030612fa), var(--fes-bg-0);border:1px solid #7cf7ff29;position:relative;box-shadow:0 0 0 1px #ffffff09,0 0 70px #7cf7ff29,0 30px 80px #0000007a}.phone-preview:before{z-index:-1;content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ff6ddb24,#0000 26%),linear-gradient(240deg,#7cf7ff1f,#0000 28%);position:absolute;inset:0}.room-header,.premiere-card,.entry-panel,.gate-panel,.admin-panel,.chat-panel,.action-dock,.festival-stage-switcher,.timetable-draft-settings,.festival-settings,.youtube-frame-settings,.background-settings,.host-icon-settings{background:linear-gradient(145deg, #ffffff13, transparent 44%), var(--fes-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#7cf7ff3d;box-shadow:inset 0 1px #ffffff14,0 18px 44px #00000057,0 0 22px #7cf7ff0e}.room-header{background:linear-gradient(90deg,#7cf7ff21,#0000 42%),linear-gradient(270deg,#ff6ddb1f,#0000 44%),#060c1edb;border-radius:20px}.eyebrow,.panel-title{color:var(--fes-cyan);text-transform:uppercase;text-shadow:0 0 14px #7cf7ff52}.room-header h1,.gate-panel h2,.admin-panel h2{color:#fff;text-shadow:0 0 16px #7cf7ff3d,0 0 28px #ff6ddb29}.live-badge{background:linear-gradient(135deg,#ff4469,#ff6ddb 46%,#755cff);box-shadow:0 0 0 1px #ffffff1f,0 0 22px #ff6ddb94}.participants,.connection-status{background:#ffffff13;border:1px solid #7cf7ff1f}.connection-status.connected{color:#dffcff;background:linear-gradient(135deg,#31e18d29,#7cf7ff1a),#fff1}.icon-button{background:linear-gradient(135deg,#7cf7ff1f,#ff6ddb1a),#ffffff13;border:1px solid #7cf7ff2e;box-shadow:inset 0 1px #ffffff14}.primary-button,.upload-button,.subtle-button,.admin-nav button,.host-toggles button,.preset-action-grid button,.festival-stage-buttons button{border:1px solid #ffffff1f;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff38,0 12px 26px #00000047}.primary-button{color:#04101f;background:linear-gradient(135deg, var(--fes-cyan), var(--fes-gold) 52%, var(--fes-pink));box-shadow:inset 0 1px #ffffff5c,0 0 22px #7cf7ff52,0 16px 32px #0000005c}.upload-button,.subtle-button,.admin-nav button,.host-toggles button{color:#eaf7ff;background:linear-gradient(135deg,#7cf7ff1f,#ff6ddb14),#ffffff13}.primary-button:after,.upload-button:after,.preset-action-grid button:after{content:"";background:linear-gradient(120deg,#0000,#ffffff47,#0000);transition:transform .42s;position:absolute;inset:0;transform:translate(-120%)}.primary-button:hover:after,.upload-button:hover:after,.preset-action-grid button:hover:after{transform:translate(120%)}.entry-panel input[type=text],.chat-controls input,.admin-panel input,.admin-panel select{background:linear-gradient(#ffffff14,#ffffff0b),#020612b8;border-color:#7cf7ff38;box-shadow:inset 0 1px #ffffff0f}.entry-panel input:focus,.chat-controls input:focus,.admin-panel input:focus,.admin-panel select:focus{border-color:var(--fes-cyan);box-shadow:0 0 0 3px #7cf7ff24,0 0 22px #7cf7ff24}.video-placeholder{background:linear-gradient(135deg,#7cf7ff33,#0000 34%),linear-gradient(315deg,#ff6ddb38,#0000 38%),radial-gradient(#ffe46e2e,#0000 38%),linear-gradient(#08122ceb,#030612f5)}.venue{border-color:#7cf7ff3d;box-shadow:inset 0 0 34px #7cf7ff14,inset 0 -40px 70px #ff6ddb14,0 16px 36px #00000057}.venue:after{background:linear-gradient(90deg,#0000,#7cf7ff14,#0000),linear-gradient(#0000 66%,#ffe46e14)}.avatar-body{box-shadow:inset 0 0 14px #ffffff14,0 0 18px #7cf7ff38}.venue-avatar.mine .avatar-body,.host-avatar.host-self .avatar-body{box-shadow:0 0 0 2px #ffe46e38,0 0 28px #ffe46e73,inset 0 0 16px #ffffff14}.avatar-name{background:#040816d1;border:1px solid #7cf7ff33;box-shadow:0 0 14px #7cf7ff1f}.avatar-chat-flash{background:linear-gradient(135deg,#ffe46e38,#ff6ddb24),#050817d1;border:1px solid #ffe46e57}.chat-panel{background:linear-gradient(#7cf7ff12,#0000 36%),#080f22c7}.chat-log p{background:linear-gradient(135deg,#7cf7ff11,#0000),#ffffff0e;border:1px solid #ffffff13}.chat-log p strong{color:var(--fes-cyan)}.preset-action-grid button{color:#04101f;background:linear-gradient(135deg, var(--fes-cyan), #dffcff 45%, var(--fes-pink))}.festival-stage-switcher{background:linear-gradient(135deg,#ffe46e1a,#ff6ddb14),#070b1cd6;border-color:#ffe46e38}.festival-stage-header span{color:var(--fes-gold);text-shadow:0 0 14px #ffe46e47}.timetable-trigger{color:#06101c;background:linear-gradient(135deg, var(--fes-gold), var(--fes-cyan));border-color:#ffe46e70;box-shadow:0 0 18px #ffe46e38,0 10px 24px #00000042}.admin-screen{background:linear-gradient(180deg, #09112af5, #030612fa), var(--fes-bg-0)}.admin-settings-form{gap:12px}.admin-settings-form>.panel-title{color:var(--fes-gold);background:linear-gradient(90deg,#ffe46e1f,#0000),#ffffff09;border:1px solid #ffe46e33;border-radius:14px;padding:8px 10px}.admin-settings-form>label,.admin-settings-form>fieldset,.admin-settings-form>.admin-grid,.admin-settings-form>.host-icon-settings,.admin-settings-form>.background-settings,.admin-settings-form>.festival-settings,.admin-settings-form>.timetable-draft-settings{background:linear-gradient(135deg,#ffffff12,#0000 44%),#ffffff09;border:1px solid #7cf7ff2e;border-radius:18px;min-width:0;padding:12px}.admin-settings-form>.admin-grid{align-items:start}.admin-settings-form>.admin-grid>label,.admin-settings-form>.admin-grid>.toggle-line{min-width:0}.host-icon-settings,.background-settings,.festival-settings,.timetable-draft-settings,.youtube-frame-settings{position:relative}.host-icon-settings:before,.background-settings:before,.festival-settings:before,.timetable-draft-settings:before,.youtube-frame-settings:before{color:#ffe46eb8;letter-spacing:0;pointer-events:none;font-size:10px;font-weight:950;position:absolute;top:10px;right:12px}.host-icon-settings:before{content:"HOST"}.background-settings:before{content:"VENUE"}.festival-settings:before{content:"STAGES"}.timetable-draft-settings:before{content:"TIME TABLE"}.youtube-frame-settings:before{content:"LIVE FRAME"}.background-preview,.avatar-upload-card,.timetable-logo-preview,.stage-background-preview{background:linear-gradient(135deg,#7cf7ff0e,#0000),#0206128c;border-color:#7cf7ff2e}.admin-save-bar{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffe46e29,#7cf7ff1f),#050918eb;border-color:#ffe46e52;position:sticky;bottom:10px;box-shadow:0 0 24px #ffe46e24,0 18px 40px #00000061}@media (width>=900px){.phone-preview.admin-screen{width:min(100%,1180px)}.admin-settings-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.admin-settings-form>.panel-title,.admin-settings-form>.youtube-frame-settings,.admin-settings-form>.festival-settings,.admin-settings-form>.timetable-draft-settings,.admin-settings-form>.admin-save-bar,.admin-settings-form>.gate-state{grid-column:1/-1}.festival-stage-settings,.timetable-stage-card-list{grid-template-columns:repeat(3,minmax(0,1fr))}.timetable-slot-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.room-header,.premiere-card,.entry-panel,.gate-panel,.admin-panel,.chat-panel,.action-dock{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff12,0 12px 28px #00000047}.admin-settings-form>label,.admin-settings-form>fieldset,.admin-settings-form>.admin-grid,.admin-settings-form>.host-icon-settings,.admin-settings-form>.background-settings,.admin-settings-form>.festival-settings,.admin-settings-form>.timetable-draft-settings{border-radius:16px;padding:10px}}.phone-preview.is-entered .live-room-layout.is-listener-room .venue{aspect-ratio:5/4;height:auto;min-height:0;padding-bottom:0;overflow:hidden}.phone-preview.is-entered .live-room-layout.is-listener-room .listener-stage-stack{height:auto;min-height:0;padding-bottom:0}.phone-preview.is-entered .live-room-layout.is-listener-room{gap:16px;height:auto;min-height:0;padding-bottom:0}.phone-preview.is-entered .live-room-layout.is-listener-room .compact-chat-input-panel{visibility:visible;opacity:1;height:auto;margin-top:0;display:block;position:relative}@keyframes floating-comment-move{0%{transform:translateX(135vw) translateY(calc(var(--comment-lane,0) * 0px)) scale(1);opacity:0}6%{opacity:var(--comment-opacity,1)}72%{opacity:var(--comment-opacity,1);transform:translate(-130vw)translateY(0)scale(1)}84%{opacity:calc(var(--comment-opacity,1) * .72);transform:translate(-165vw)translateY(-4px)scale(1.04)}94%{opacity:calc(var(--comment-opacity,1) * .25);transform:translate(-205vw)translateY(5px)scale(1.1)}to{opacity:0;transform:translate(-245vw)translateY(-8px)scale(1.16)}}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comments-layer,.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comments-overlay{z-index:999;pointer-events:none}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment{z-index:1000}.phone-preview.is-entered .live-room-layout.is-listener-room .venue,.phone-preview.is-entered .live-room-layout.is-listener-room .room-venue,.phone-preview.is-entered .live-room-layout.is-listener-room .venue-area,.phone-preview.is-entered .live-room-layout.is-listener-room .stage-venue{isolation:isolate;position:relative}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comments-layer,.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comments-overlay{z-index:2147483647;pointer-events:none;isolation:isolate;position:absolute;inset:0;overflow:hidden}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment{z-index:2147483647;pointer-events:none;position:absolute}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment-name{color:#ffe76a;margin-right:.2em;font-weight:900;display:inline-block}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment-body{display:inline}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment{animation:floating-comment-move 8.5s linear var(--comment-delay,0s) forwards;filter:drop-shadow(0 0 6px #ffffff73)}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-front{letter-spacing:.035em;font-size:clamp(18px,5vw,25px)}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-mid{letter-spacing:.025em;font-size:clamp(16px,4.4vw,22px)}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-back{letter-spacing:.015em;font-size:clamp(14px,3.8vw,19px)}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-far{letter-spacing:.01em;font-size:clamp(12px,3.3vw,17px)}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-front .floating-comment-name{color:#fff06a}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-mid .floating-comment-name{color:#ffe76a}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-back .floating-comment-name{color:#ffe76ae0}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-far .floating-comment-name{color:#ffe76ab8}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-front{opacity:1;z-index:2147483647;text-shadow:3px 0 #000,-3px 0 #000,0 3px #000,0 -3px #000,3px 3px #000,-3px 3px #000,3px -3px #000,-3px -3px #000,0 0 14px #ffffffe6;font-size:clamp(22px,6.4vw,32px);animation-duration:7.2s}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-mid{opacity:.88;z-index:2147483646;font-size:clamp(17px,4.8vw,24px);animation-duration:8.6s}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-back{opacity:.62;z-index:2147483645;filter:blur(.35px)drop-shadow(0 0 5px #ffffff40);font-size:clamp(13px,3.7vw,18px);animation-duration:10.2s}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-far{opacity:.42;z-index:2147483644;filter:blur(.8px)drop-shadow(0 0 3px #ffffff2e);font-size:clamp(10px,2.9vw,15px);animation-duration:12s}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-front{transform-origin:50%}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-back,.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-far{mix-blend-mode:screen}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment{top:var(--comment-depth-top,calc(8% + var(--comment-lane,0) * 12%))}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-front{opacity:1;filter:none;text-shadow:3px 0 #000,-3px 0 #000,0 3px #000,0 -3px #000,3px 3px #000,-3px 3px #000,3px -3px #000,-3px -3px #000,0 0 14px #ffffffd9;font-size:clamp(24px,7vw,36px)}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-mid{opacity:.86;filter:drop-shadow(0 0 6px #ffffff59);font-size:clamp(18px,5vw,25px)}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-back{opacity:.58;filter:blur(.55px)drop-shadow(0 0 4px #ffffff38);font-size:clamp(13px,3.6vw,18px)}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-depth-far{opacity:.36;filter:blur(1.1px)drop-shadow(0 0 2px #ffffff1f);font-size:clamp(10px,2.8vw,14px)}.phone-preview.is-entered .live-room-layout.is-listener-room .floating-comment.is-host-comment{filter:drop-shadow(0 0 8px #ffe66af2)drop-shadow(0 0 18px #ff78dc73)}.host-avatar{position:relative}.host-avatar .speech-bubble.host-bubble{z-index:2147483647;transform-origin:bottom;pointer-events:none;text-align:center;width:max-content;min-width:54px;max-width:128px;animation:5.2s forwards host-bubble-auto-hide;position:absolute;top:-8px;left:50%;transform:translate(-50%,-100%)}.host-avatar .host-bubble:after{bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes host-bubble-auto-hide{0%{opacity:0;transform:translate(-50%,-44%)scale(.96)}8%{opacity:1;transform:translate(-50%,-50%)scale(1)}76%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-58%)scale(.98)}}.phone-preview.is-entered .live-room-layout.is-listener-room .venue-avatar.host-avatar,.phone-preview.is-entered .live-room-layout.is-host-room .venue-avatar.host-avatar{z-index:900;position:absolute;inset:14px 14px auto auto;transform:none}.phone-preview.is-entered .live-room-layout.is-listener-room .venue-avatar.host-avatar .avatar-body,.phone-preview.is-entered .live-room-layout.is-host-room .venue-avatar.host-avatar .avatar-body{z-index:2;position:relative}.phone-preview.is-entered .live-room-layout.is-listener-room .venue-avatar.host-avatar .speech-bubble.host-bubble,.phone-preview.is-entered .live-room-layout.is-host-room .venue-avatar.host-avatar .speech-bubble.host-bubble{z-index:2147483647;position:absolute;inset:-8px auto auto 50%;transform:translate(-50%,-100%)}.venue .venue-avatar.host-avatar{z-index:10000!important;position:absolute!important;inset:16px 16px auto auto!important;transform:none!important}.venue .venue-avatar.host-avatar .avatar-body{z-index:2;position:relative}.venue .venue-avatar.host-avatar .speech-bubble.host-bubble{pointer-events:none;text-align:center;z-index:2147483647!important;position:absolute!important;inset:-8px auto auto 50%!important;transform:translate(-50%,-100%)!important}.venue .venue-avatar.host-avatar .speech-bubble.host-bubble:after{bottom:-6px!important;left:50%!important;transform:translate(-50%)rotate(45deg)!important}.venue .venue-avatar.host-avatar .speech-bubble.host-bubble,.phone-preview.is-entered .live-room-layout.is-listener-room .venue-avatar.host-avatar .speech-bubble.host-bubble,.phone-preview.is-entered .live-room-layout.is-host-room .venue-avatar.host-avatar .speech-bubble.host-bubble{pointer-events:none;text-align:center;z-index:2147483647!important;position:absolute!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important}.venue .venue-avatar.host-avatar .speech-bubble.host-bubble:after,.phone-preview.is-entered .live-room-layout.is-listener-room .venue-avatar.host-avatar .speech-bubble.host-bubble:after,.phone-preview.is-entered .live-room-layout.is-host-room .venue-avatar.host-avatar .speech-bubble.host-bubble:after{display:none!important}.admin-host-screen .reaction-panel,.admin-host-screen .reaction-buttons,.admin-host-screen .reaction-grid,.host-controls .reaction-panel,.host-controls .reaction-buttons,.host-controls .reaction-grid,.host-action-panel .reaction-panel,.host-action-panel .reaction-buttons,.host-action-panel .reaction-grid{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;margin-inline:-2px;flex-wrap:nowrap!important;gap:10px!important;padding:8px 4px 12px!important;display:flex!important;overflow:auto hidden!important}.admin-host-screen .reaction-panel button,.admin-host-screen .reaction-buttons button,.admin-host-screen .reaction-grid button,.host-controls .reaction-panel button,.host-controls .reaction-buttons button,.host-controls .reaction-grid button,.host-action-panel .reaction-panel button,.host-action-panel .reaction-buttons button,.host-action-panel .reaction-grid button{scroll-snap-align:start;white-space:nowrap;touch-action:manipulation;min-width:88px;min-height:44px;border-radius:999px!important;flex:none!important}.admin-host-screen .reaction-panel::-webkit-scrollbar{display:none}.admin-host-screen .reaction-buttons::-webkit-scrollbar{display:none}.admin-host-screen .reaction-grid::-webkit-scrollbar{display:none}.host-controls .reaction-panel::-webkit-scrollbar{display:none}.host-controls .reaction-buttons::-webkit-scrollbar{display:none}.host-controls .reaction-grid::-webkit-scrollbar{display:none}.host-action-panel .reaction-panel::-webkit-scrollbar{display:none}.host-action-panel .reaction-buttons::-webkit-scrollbar{display:none}.host-action-panel .reaction-grid::-webkit-scrollbar{display:none}.venue .venue-avatar.host-avatar{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.venue-avatar.is-reacting-jump,.venue-avatar.reaction-jump,.venue-avatar[data-reaction-effect=jump]{animation:.72s ease-out host-reaction-jump}.venue-avatar.is-reacting-spin,.venue-avatar.reaction-spin,.venue-avatar[data-reaction-effect=spin]{animation:.78s cubic-bezier(.2,.75,.2,1.15) host-reaction-spin}.venue-avatar.is-reacting-shake,.venue-avatar.reaction-shake,.venue-avatar[data-reaction-effect=shake]{animation:.52s linear host-reaction-shake}.venue-avatar.is-reacting-glow,.venue-avatar.reaction-glow,.venue-avatar[data-reaction-effect=glow]{animation:1.05s ease-out host-reaction-glow}.venue-avatar.is-reacting-burst,.venue-avatar.reaction-burst,.venue-avatar[data-reaction-effect=burst]{animation:.82s ease-out host-reaction-burst}@keyframes host-reaction-jump{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-28px)scale(1.08)}62%{transform:translateY(4px)scale(.96)}82%{transform:translateY(-8px)scale(1.03)}to{transform:translateY(0)scale(1)}}@keyframes host-reaction-spin{0%{transform:rotate(0)scale(1)}55%{transform:rotate(380deg)scale(1.12)}to{transform:rotate(720deg)scale(1)}}@keyframes host-reaction-shake{0%,to{transform:translate(0)rotate(0)}12%{transform:translate(-7px)rotate(-5deg)}24%{transform:translate(7px)rotate(5deg)}36%{transform:translate(-6px)rotate(-4deg)}48%{transform:translate(6px)rotate(4deg)}60%{transform:translate(-4px)rotate(-3deg)}72%{transform:translate(4px)rotate(3deg)}84%{transform:translate(-2px)rotate(-1deg)}}@keyframes host-reaction-glow{0%{filter:drop-shadow(0 0 #fff0);transform:scale(1)}35%{filter:drop-shadow(0 0 10px #fffffff2)drop-shadow(0 0 24px #55dcffcc)drop-shadow(0 0 38px #ff55dc73);transform:scale(1.08)}to{filter:drop-shadow(0 0 #fff0);transform:scale(1)}}@keyframes host-reaction-burst{0%{filter:drop-shadow(0 0 #fff0);transform:scale(1)}30%{filter:drop-shadow(0 0 16px #fff)drop-shadow(0 0 28px #ffd250e6)drop-shadow(0 0 44px #ff508cbf);transform:scale(1.34)}58%{transform:scale(.86)}to{filter:drop-shadow(0 0 #fff0);transform:scale(1)}}.timetable-trigger-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.timetable-trigger-row .festival-stage-switcher{box-shadow:none;background:0 0;border:0;align-items:center;margin:0;padding:0;display:flex}.timetable-trigger-row .festival-stage-header{display:none}.timetable-trigger-row .festival-stage-buttons{align-items:center;gap:8px;margin:0;display:flex}.timetable-trigger-row .festival-stage-buttons button,.timetable-trigger-row .timetable-trigger{letter-spacing:.08em;white-space:nowrap;border-radius:999px;height:21px;min-height:21px;padding:0 12px;font-size:.78rem;font-weight:900}.timetable-trigger-row .festival-stage-buttons button{min-width:104px}.timetable-trigger-row .timetable-trigger{min-width:132px}.timetable-trigger-row .festival-stage-buttons button small{opacity:.8;font-size:.62rem;line-height:1;display:block}@media (width<=520px){.timetable-trigger-row{gap:7px}.timetable-trigger-row .festival-stage-buttons{gap:5px}.timetable-trigger-row .festival-stage-buttons button{min-width:78px;padding:0 8px;font-size:.62rem}.timetable-trigger-row .timetable-trigger{min-width:112px;padding:0 8px;font-size:.64rem}}.system-notice,.system-toast,.notice-toast,.room-system-notice{display:none!important}.compact-chat-form,.chat-form,.room-chat-form{gap:4px!important;margin-top:4px!important;margin-bottom:4px!important;padding-top:4px!important;padding-bottom:4px!important}.compact-chat-input,.chat-input,.message-input,.room-chat-input{height:32px!important;min-height:32px!important;padding-top:4px!important;padding-bottom:4px!important}.compact-chat-helper,.chat-helper{min-height:0!important;margin-top:2px!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;line-height:1.1!important}.room-chat,.chat-panel,.compact-chat-panel{padding-top:6px!important;padding-bottom:6px!important}.phone-preview.is-entered .live-room-layout.is-listener-room{padding-bottom:4px!important}.phone-preview.is-entered .live-room-layout.is-listener-room .room-actions,.phone-preview.is-entered .live-room-layout.is-listener-room .chat-area,.phone-preview.is-entered .live-room-layout.is-listener-room .compact-chat-panel,.phone-preview.is-entered .live-room-layout.is-listener-room .room-chat,.phone-preview.is-entered .live-room-layout.is-listener-room .chat-panel{margin-bottom:0!important;padding-bottom:2px!important}.phone-preview.is-entered .live-room-layout.is-listener-room form,.phone-preview.is-entered .live-room-layout.is-listener-room .compact-chat-form,.phone-preview.is-entered .live-room-layout.is-listener-room .chat-form{margin-bottom:0!important;padding-bottom:0!important}.phone-preview.is-entered .live-room-layout.is-listener-room .compact-chat-helper,.phone-preview.is-entered .live-room-layout.is-listener-room .chat-helper{height:0!important;margin:0!important;padding:0!important;display:none!important}.pc-event-panel{display:none}@media (width>=1024px){.app-shell{background:radial-gradient(circle at 18% 0,#7cf7ff33,#0000 28rem),radial-gradient(circle at 92% 12%,#ff6ddb2e,#0000 30rem),radial-gradient(circle at 48% 110%,#755cff2e,#0000 28rem),linear-gradient(135deg,#020511 0%,#071021 48%,#03040d 100%);align-items:flex-start;padding:24px}.phone-preview.is-entered{background:linear-gradient(135deg,#0c1430eb,#050816f5),#050814;border:1px solid #7cf7ff38;border-radius:30px;gap:14px;width:min(100%,1440px);height:auto;min-height:calc(100dvh - 48px);max-height:none;padding:18px;box-shadow:0 0 0 1px #ffffff0a,0 28px 90px #0000007a,0 0 68px #00e5ff29}.phone-preview.is-entered .room-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#7cf7ff1a,#ff6ddb14),#070b1cd1;border-radius:20px;align-items:center;padding:12px 16px}.phone-preview.is-entered .room-header>div:first-child{flex-basis:auto;min-width:260px}.phone-preview.is-entered .room-header h1{font-size:22px}.phone-preview.is-entered .timetable-trigger-row{background:linear-gradient(135deg,#7cf7ff14,#755cff14),#070b1c8a;border:1px solid #7cf7ff29;border-radius:18px;justify-content:flex-start;padding:9px 11px}.phone-preview.is-entered .timetable-trigger-row .festival-stage-buttons button,.phone-preview.is-entered .timetable-trigger-row .timetable-trigger{border:1px solid #7cf7ff47;height:32px;min-height:32px;box-shadow:0 0 18px #7cf7ff1f}.phone-preview.is-entered .timetable-trigger-row .festival-stage-buttons button.is-active{box-shadow:0 0 0 1px #ffffff29,0 0 24px #7cf7ff57,0 0 34px #ff6ddb2e}.phone-preview.is-entered .live-room-layout.is-listener-room{grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-template-areas:"stage panel""chat panel";align-items:start;gap:16px;padding:0;display:grid;overflow:visible}.phone-preview.is-entered .live-room-layout.is-listener-room .listener-stage-stack{grid-area:stage;gap:14px;min-height:0;display:grid}.phone-preview.is-entered .live-room-layout.is-listener-room .compact-chat-input-panel{border-radius:18px;grid-area:chat;padding:12px}.phone-preview.is-entered .live-room-layout.is-listener-room .compact-chat-input-panel .chat-controls{grid-template-columns:minmax(0,1fr) 86px}.phone-preview.is-entered .live-room-layout.is-listener-room .compact-chat-helper{color:#9fdcff;height:auto!important;margin-top:3px!important;display:flex!important}.phone-preview.is-entered .live-room-layout.is-listener-room .premiere-card,.phone-preview.is-entered .live-room-layout.is-listener-room .venue,.phone-preview.is-entered .live-room-layout.is-listener-room .compact-chat-input-panel,.pc-info-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#7cf7ff14,#ff6ddb0e),#080d1fb8;border:1px solid #7cf7ff33;box-shadow:inset 0 1px #ffffff14,0 18px 52px #00000052}.phone-preview.is-entered .live-room-layout.is-listener-room .venue{aspect-ratio:5/4;border-radius:24px;justify-self:center;width:min(100%,780px);height:auto;min-height:0;padding-bottom:0}.phone-preview.is-entered .live-room-layout.is-listener-room .video-copy{min-height:clamp(250px,30vw,470px)}.pc-event-panel{grid-area:panel;align-content:start;gap:14px;display:grid;position:sticky;top:18px}.pc-info-card{border-radius:20px;gap:9px;padding:16px;display:grid}.pc-now-card{background:radial-gradient(circle at 18% 8%,#7cf7ff33,#0000 44%),linear-gradient(135deg,#755cff38,#ff6ddb1a),#080d1fc2}.pc-info-card h2,.pc-info-card strong,.pc-info-card span{min-width:0}.pc-info-card h2{color:#f8fbff;margin:0;font-size:26px;line-height:1.05}.pc-info-card strong{color:#ffe46e;font-size:15px;line-height:1.35}.pc-info-card span{color:#dce8ff;font-size:13px;line-height:1.45}.pc-signal-list{gap:8px;margin:0;display:grid}.pc-signal-list div{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:12px;padding:9px 0;display:flex}.pc-signal-list dt,.pc-signal-list dd{margin:0;font-size:12px;font-weight:900}.pc-signal-list dt{color:#98a8d8}.pc-signal-list dd{color:#7cf7ff;text-align:right}html,body,#root{min-height:100%;overflow-x:hidden}.phone-preview.is-entered{box-sizing:border-box!important;max-width:1440px!important;height:100vh!important;min-height:100vh!important;margin:0 auto!important;padding:10px 14px!important;overflow:hidden!important}.live-fixed-top{position:relative!important;top:auto!important}.phone-preview.is-entered .live-room-layout.is-listener-room{gap:8px!important;height:calc(100vh - 92px)!important;max-height:calc(100vh - 92px)!important;padding:0!important;overflow:hidden!important}.phone-preview.is-entered .live-room-layout.is-listener-room .listener-stage-stack{gap:8px!important;min-height:0!important}.phone-preview.is-entered .premiere-card{max-height:220px!important;overflow:hidden!important}.phone-preview.is-entered .video-frame,.phone-preview.is-entered .video-frame.is-framed{max-height:220px!important}.phone-preview.is-entered .venue{aspect-ratio:5/4!important;min-height:0!important;max-height:min(46vh,430px)!important;overflow:hidden!important}.phone-preview.is-entered .compact-chat-input-panel{flex:none!important;margin:0!important;padding:4px!important}.timetable-trigger-row{gap:6px!important;margin-top:0!important}.phone-preview.is-entered .premiere-card{min-height:0!important;max-height:none!important}.phone-preview.is-entered .video-frame,.phone-preview.is-entered .video-frame.is-framed{aspect-ratio:16/9!important;width:100%!important;min-height:260px!important;max-height:min(42vh,420px)!important}.phone-preview.is-entered .venue{aspect-ratio:5/4!important;max-height:min(34vh,360px)!important}.phone-preview.is-entered .live-room-layout.is-listener-room,.phone-preview.is-entered .live-room-layout.is-listener-room .listener-stage-stack{gap:6px!important}.phone-preview.is-entered .compact-chat-input-panel{padding:3px!important}.phone-preview:not(.is-entered){box-sizing:border-box!important;border-radius:28px!important;width:min(1180px,100vw - 32px)!important;max-width:1180px!important;height:auto!important;min-height:min(760px,100vh - 28px)!important;margin:14px auto!important;padding:18px!important;overflow:hidden!important}.phone-preview:not(.is-entered) .room-entry,.phone-preview:not(.is-entered) .entry-screen,.phone-preview:not(.is-entered) .join-screen,.phone-preview:not(.is-entered) .guest-entry,.phone-preview:not(.is-entered) .listener-entry{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;align-items:stretch!important;gap:18px!important;width:100%!important;max-width:none!important;min-height:calc(100vh - 92px)!important;display:grid!important}.phone-preview:not(.is-entered) .entry-hero,.phone-preview:not(.is-entered) .welcome-card,.phone-preview:not(.is-entered) .live-intro,.phone-preview:not(.is-entered) .room-hero{border-radius:24px!important;min-height:100%!important}.phone-preview:not(.is-entered) .entry-form,.phone-preview:not(.is-entered) .join-form,.phone-preview:not(.is-entered) .guest-form,.phone-preview:not(.is-entered) .listener-form{border-radius:22px!important;place-self:center!important;width:100%!important;max-width:420px!important;padding:18px!important}.phone-preview:not(.is-entered) input,.phone-preview:not(.is-entered) button{min-height:38px!important}.phone-preview.is-entered{box-sizing:border-box!important;width:min(1480px,100vw - 20px)!important;max-width:1480px!important;height:100vh!important;min-height:100vh!important;margin:0 auto!important;padding:8px 10px!important;overflow:hidden!important}.phone-preview.is-entered .live-room-layout.is-listener-room{grid-template:"top top""video venue"1fr/minmax(560px,1.35fr) minmax(420px,.95fr)!important;align-items:stretch!important;gap:8px!important;height:calc(100vh - 72px)!important;max-height:calc(100vh - 72px)!important;padding:0!important;display:grid!important;overflow:hidden!important}.phone-preview.is-entered .timetable-trigger-row{grid-area:top!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-height:28px!important;max-height:32px!important;margin:0!important;padding:0!important;display:flex!important}.phone-preview.is-entered .premiere-card{box-sizing:border-box!important;flex-direction:column!important;grid-area:video!important;justify-content:center!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;padding:8px!important;display:flex!important;overflow:hidden!important}.phone-preview.is-entered .video-frame,.phone-preview.is-entered .video-frame.is-framed{aspect-ratio:16/9!important;width:100%!important;height:auto!important;min-height:0!important;max-height:calc(100vh - 122px)!important}.phone-preview.is-entered .video-frame iframe,.phone-preview.is-entered .video-frame video,.phone-preview.is-entered .premiere-card iframe{width:100%!important;height:100%!important}.phone-preview.is-entered .listener-stage-stack{grid-area:venue!important;grid-template-rows:minmax(0,1fr) auto!important;gap:6px!important;width:100%!important;height:100%!important;min-height:0!important;display:grid!important;overflow:hidden!important}.phone-preview.is-entered .venue{aspect-ratio:5/4!important;place-self:center!important;width:100%!important;height:auto!important;min-height:0!important;max-height:calc(100vh - 150px)!important;overflow:hidden!important}.phone-preview.is-entered .compact-chat-input-panel{box-sizing:border-box!important;width:100%!important;min-height:0!important;margin:0!important;padding:3px!important}.phone-preview.is-entered .compact-chat-form,.phone-preview.is-entered .chat-form{gap:4px!important;margin:0!important;padding:0!important}}@media (width>=1024px) and (height<=780px){.phone-preview.is-entered{padding:6px 8px!important}.phone-preview.is-entered .live-room-layout.is-listener-room{gap:6px!important;height:calc(100vh - 60px)!important;max-height:calc(100vh - 60px)!important}.phone-preview.is-entered .venue{max-height:calc(100vh - 132px)!important}.phone-preview.is-entered .premiere-card{padding:6px!important}}@media (width>=1024px){.phone-preview.is-entered .live-room-layout.is-listener-room{grid-template-rows:1fr!important;grid-template-areas:"video venue"!important;height:calc(100vh - 24px)!important;max-height:calc(100vh - 24px)!important;padding-top:42px!important}.phone-preview.is-entered .timetable-trigger-row{z-index:9999!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;background:#040a1cb8!important;border:1px solid #7dd3fc52!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:auto!important;max-width:calc(100vw - 24px)!important;height:30px!important;min-height:30px!important;max-height:30px!important;margin:0!important;padding:4px 8px!important;display:flex!important;position:fixed!important;top:8px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 0 22px #22d3ee38!important}.phone-preview.is-entered .timetable-trigger-row .festival-stage-switcher{box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important}.phone-preview.is-entered .timetable-trigger-row .festival-stage-buttons{align-items:center!important;gap:5px!important;margin:0!important;display:flex!important}.phone-preview.is-entered .timetable-trigger-row .festival-stage-buttons button,.phone-preview.is-entered .timetable-trigger-row .timetable-trigger{white-space:nowrap!important;border-radius:999px!important;height:22px!important;min-height:22px!important;max-height:22px!important;padding:0 10px!important;font-size:.62rem!important;line-height:1!important}.phone-preview.is-entered .timetable-trigger-row .festival-stage-buttons button{min-width:76px!important}.phone-preview.is-entered .timetable-trigger-row .timetable-trigger{min-width:104px!important}}.listener-pc-dashboard{display:none}.listener-mobile-view{display:contents}@media (width>=1024px){.listener-mobile-view{display:none!important}.listener-pc-dashboard{grid-template-columns:minmax(250px,300px) minmax(0,1fr) minmax(320px,380px);gap:16px;width:min(100%,1440px);min-height:0;max-height:calc(100dvh - 48px);margin:0 auto;display:grid;overflow:hidden}.listener-pc-left,.listener-pc-center,.listener-pc-right{min-width:0;min-height:0}.listener-pc-left,.listener-pc-right{flex-direction:column;gap:12px;display:flex;overflow:hidden}.listener-pc-center{grid-template-rows:auto minmax(0,1fr);align-content:start;gap:14px;display:grid}.listener-pc-card{color:#eef6ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0f172ad1,#080d1eb3),radial-gradient(circle at 0 0,#ec489929,#0000 44%),radial-gradient(circle at 100% 100%,#22d3ee21,#0000 46%);border:1px solid #94a3b838;border-radius:18px;padding:14px;box-shadow:0 18px 44px #00000052,inset 0 1px #ffffff14}.listener-pc-card-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.listener-pc-card-heading span,.listener-pc-now span,.listener-pc-user-card span{color:#e2e8f0b3;font-size:.78rem}.listener-pc-now h2{margin:6px 0 8px;font-size:clamp(1.25rem,1.8vw,1.85rem);line-height:1.05}.listener-pc-now strong,.listener-pc-user-card strong{margin-bottom:4px;font-size:1rem;display:block}.listener-pc-primary-chip,.listener-pc-reaction-grid button{color:#f8fbff;cursor:pointer;background:linear-gradient(135deg,#ec489947,#22d3ee38);border:1px solid #38bdf852;border-radius:999px;box-shadow:0 0 20px #ec48992e}.listener-pc-primary-chip{width:100%;padding:11px 14px;font-weight:800}.listener-pc-stage-card .festival-stage-switcher{box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important}.listener-pc-stage-card .festival-stage-header{display:none!important}.listener-pc-stage-card .festival-stage-buttons{grid-template-columns:1fr!important;gap:8px!important;display:grid!important}.listener-pc-stage-card .festival-stage-buttons button{border-radius:14px!important;justify-content:flex-start!important;width:100%!important;min-height:42px!important}.listener-pc-stats{gap:10px;margin:0;display:grid}.listener-pc-stats div{border-top:1px solid #94a3b829;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.listener-pc-stats dt{color:#e2e8f09e;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.listener-pc-stats dd{color:#f8fbff;margin:0;font-weight:800}.listener-pc-video,.listener-pc-venue{min-width:0;min-height:0}.listener-pc-video .premiere-card{background:linear-gradient(145deg,#080d1eeb,#0f172ab3),radial-gradient(circle at 15% 0,#ec489933,#0000 34%),radial-gradient(circle at 85% 0,#22d3ee2e,#0000 34%)!important;border:1px solid #7dd3fc47!important;border-radius:22px!important;justify-self:center!important;width:min(100%,86dvh)!important;margin:0!important;padding:10px!important;box-shadow:0 20px 58px #0006!important}.listener-pc-video .video-frame{aspect-ratio:16/9!important;border-radius:16px!important;height:auto!important;min-height:0!important;max-height:none!important}.listener-pc-venue{place-items:center;display:grid;overflow:hidden}.listener-pc-venue .venue{aspect-ratio:5/4!important;border-radius:22px!important;width:min(100%,760px,62dvh)!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;box-shadow:0 22px 56px #0000006b,0 0 0 1px #7dd3fc38,0 0 30px #ec48991f!important}.listener-pc-comments{flex-direction:column;flex:auto;min-height:260px;display:flex;overflow:hidden}.listener-pc-comment-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:10px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.listener-pc-comment-list p{background:#0f172a7a;border:1px solid #94a3b824;border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:9px;margin:0;padding:9px;display:grid}.listener-pc-comment-list p.is-mine{border-color:#fbbf246b;box-shadow:inset 0 0 0 1px #fbbf242e}.listener-pc-comment-list .chat-icon{background:#ffffff17;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.listener-pc-comment-list .chat-icon img{object-fit:cover;width:100%;height:100%}.listener-pc-comment-list strong,.listener-pc-comment-list span span{min-width:0;display:block}.listener-pc-comment-list span span{color:#f1f5f9e6;overflow-wrap:anywhere;line-height:1.45}.listener-pc-empty{color:#e2e8f0a3;text-align:center;grid-template-columns:none!important;display:block!important}.listener-pc-right .compact-chat-input-panel{border-radius:18px!important;width:100%!important;margin:0!important;padding:12px!important}.listener-pc-right .compact-chat-form,.listener-pc-right .chat-form,.listener-pc-right .chat-controls{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;display:grid!important}.listener-pc-reactions{flex:none}.listener-pc-reaction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.listener-pc-reaction-grid button{text-align:left;min-height:48px;padding:8px 10px}.listener-pc-reaction-grid button strong,.listener-pc-reaction-grid button span{display:block}.listener-pc-reaction-grid button strong{font-size:.86rem}.listener-pc-reaction-grid button span{color:#e2e8f0b8;margin-top:2px;font-size:.68rem}.listener-pc-reaction-grid button:disabled{cursor:not-allowed;opacity:.45}.listener-pc-user-card{flex:none}}.phone-preview.is-stage-select{background:linear-gradient(160deg,#081f32f5 0%,#09142af5 44%,#24123af7 100%),#061224;position:relative;overflow:hidden}.phone-preview.is-stage-select:before{content:"";pointer-events:none;filter:blur(.2px);background:linear-gradient(118deg,#0000 0 18%,#7df9ff24 19% 20%,#0000 21% 36%,#ffd6661f 37% 38%,#0000 39%),linear-gradient(245deg,#0000 0 42%,#ff6fb91f 43% 45%,#0000 46%);height:58%;position:absolute;inset:-20% -30% auto}.phone-preview.is-stage-select .room-header{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0814279e;border-color:#b2f5ff42;position:relative}.stage-select-panel{isolation:isolate;background:linear-gradient(#ffffff1a,#0000 18%),linear-gradient(145deg,#071f30e6,#0d1330d1 58%,#2f1643c7);border:1px solid #aef4ff57;border-radius:28px;align-content:start;min-height:calc(100svh - 86px);padding:20px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000057,inset 0 1px #ffffff29}.stage-select-sky{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.stage-select-ray{transform-origin:top;opacity:.62;background:linear-gradient(#ffffff2e,#0000 72%);width:28%;height:92%;position:absolute;top:-18%}.stage-select-ray.ray-a{left:12%;transform:rotate(18deg)}.stage-select-ray.ray-b{background:linear-gradient(#66f5ff33,#0000 76%);right:8%;transform:rotate(-22deg)}.stage-select-wave{background:repeating-linear-gradient(90deg,#7df9ff24 0 14px,#0000 14px 28px);width:120%;height:2px;position:absolute;left:-10%;box-shadow:0 0 18px #7df9ff38}.stage-select-wave.wave-a{bottom:22%}.stage-select-wave.wave-b{background:repeating-linear-gradient(90deg,#ffd6662e 0 10px,#0000 10px 24px);bottom:14%}.stage-select-copy{z-index:1;gap:10px;display:grid;position:relative}.stage-select-copy .panel-title{color:#b8fff7;letter-spacing:.18em}.stage-select-copy h2{color:#fffdf5;letter-spacing:0;text-shadow:0 2px #0d142abd,0 0 28px #68e8ff52;max-width:9em;margin:0;font-size:clamp(2rem,12vw,3.15rem);font-weight:950;line-height:.98}.stage-select-copy p:not(.panel-title){color:#ecfdffd1;max-width:24rem;font-size:.92rem;font-weight:800;line-height:1.7}.stage-select-grid{z-index:1;gap:14px;margin-top:4px;position:relative}.stage-select-card{--stage-accent:#61e8ff;--stage-accent-2:#ffd166;isolation:isolate;border:1px solid color-mix(in srgb, var(--stage-accent) 46%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--stage-accent) 22%, transparent), transparent 44%), linear-gradient(150deg, #ffffff1f, #ffffff05 34%, #030a1b9e), #081226c7;min-height:138px;box-shadow:0 18px 34px #00000047, inset 0 1px 0 #ffffff24, 0 0 28px color-mix(in srgb, var(--stage-accent) 18%, transparent);border-radius:24px;padding:17px;position:relative;overflow:hidden;transform:translateZ(0)}.stage-select-card:before{content:"";z-index:-1;background:linear-gradient(170deg, transparent 0 36%, color-mix(in srgb, var(--stage-accent-2) 28%, transparent) 37% 43%, transparent 44%), linear-gradient(0deg, #ffffff1f, transparent 68%);height:56%;position:absolute;inset:auto -18% -22%}.stage-select-card-1{--stage-accent:#5eead4;--stage-accent-2:#facc15}.stage-select-card-2{--stage-accent:#7dd3fc;--stage-accent-2:#fb7185}.stage-select-card-3{--stage-accent:#c084fc;--stage-accent-2:#34d399}.stage-card-kicker{color:var(--stage-accent);letter-spacing:.16em;font-size:.7rem;font-weight:950}.stage-select-card strong{color:#fffef7;text-shadow:0 0 18px color-mix(in srgb, var(--stage-accent) 28%, transparent);font-size:1.35rem;font-weight:950;line-height:1}.stage-select-card em{color:#ffffffdb;font-size:.93rem;font-style:normal;font-weight:900}.stage-select-card small{color:#e5f6ffb3;font-weight:800}.stage-card-line{background:linear-gradient(90deg, var(--stage-accent), var(--stage-accent-2), transparent);height:3px;box-shadow:0 0 18px color-mix(in srgb, var(--stage-accent) 44%, transparent);border-radius:999px;position:absolute;bottom:15px;left:16px;right:16px}.stage-select-card:focus-visible{outline-offset:4px;outline:3px solid #fffc}@media (hover:hover){.stage-select-card{transition:transform .18s,border-color .18s,box-shadow .18s}.stage-select-card:hover{border-color:color-mix(in srgb, var(--stage-accent) 82%, white 8%);box-shadow:0 24px 50px #00000057, inset 0 1px 0 #ffffff29, 0 0 42px color-mix(in srgb, var(--stage-accent) 28%, transparent);transform:translateY(-3px)}}@media (width>=1024px){.phone-preview.is-stage-select{width:min(100%,1180px);min-height:min(100svh,820px);padding:22px}.phone-preview.is-stage-select .room-header{align-items:center;padding:14px 18px}.phone-preview.is-stage-select .room-header h1{font-size:24px}.stage-select-panel{grid-template-columns:minmax(290px,.78fr) minmax(0,1.22fr);align-items:end;gap:28px;min-height:calc(min(100svh,820px) - 104px);padding:34px}.stage-select-copy{align-self:center;padding-bottom:16px}.stage-select-copy h2{max-width:8.2em;font-size:clamp(3.5rem,6vw,5.7rem)}.stage-select-copy p:not(.panel-title){font-size:1rem}.stage-select-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-self:stretch;gap:16px;margin-top:0}.stage-select-card{align-content:end;min-height:380px;padding:22px}.stage-select-card strong{font-size:clamp(1.55rem,2vw,2.15rem)}}