.platform-hint{display:flex;font-size:12px;gap:8px;margin-top:4px}.platform-badge{background:var(--bg3);border:1px solid var(--border);border-radius:20px;color:var(--text2);font-size:11px;padding:4px 10px}.platform-badge.rutube{border-left:2px solid #6bcfff}.platform-badge.youtube{border-left:2px solid #ff6b6b}.home-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.home-bg{inset:0;position:fixed;z-index:0}.home-bg-grid{background-image:linear-gradient(#ff3c5a0a 1px,#0000 0),linear-gradient(90deg,#ff3c5a0a 1px,#0000 0);background-size:40px 40px;inset:0;position:absolute}.home-bg-glow{background:radial-gradient(circle,#ff3c5a1f 0,#0000 70%);filter:blur(40px);height:600px;left:50%;pointer-events:none;position:absolute;top:30%;transform:translate(-50%,-50%);width:600px}.home-content{animation:fadeIn .5s ease both;max-width:480px;position:relative;width:100%;z-index:1}.home-header{margin-bottom:40px;text-align:center}.home-logo{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:12px}.logo-icon{animation:pulse 2s ease infinite;color:var(--accent);filter:drop-shadow(0 0 16px var(--accent));font-size:32px}.logo-text{background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;background-clip:text;color:#0000;font-family:var(--font-display);font-size:52px;font-weight:800;letter-spacing:.08em;line-height:1}.home-subtitle{color:var(--text2);font-size:15px;font-weight:400;letter-spacing:.03em}.home-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12121ae6;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;padding:36px 32px;position:relative}.home-card:before{animation:shimmer 3s ease infinite;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent));background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}.home-card-label{color:var(--accent);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.15em;margin-bottom:24px;text-transform:uppercase}.home-form{gap:20px}.form-group,.home-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{color:var(--text2);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.form-label .optional{color:var(--text3);font-weight:400;text-transform:none}.form-input{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;padding:12px 16px;transition:all var(--transition-fast);width:100%}.form-input::placeholder{color:var(--text3)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-error{background:#ff3c5a1a;border:1px solid #ff3c5a33;border-radius:var(--radius);color:var(--accent);font-size:13px;padding:10px 14px}.btn-create{align-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:var(--radius);box-shadow:0 4px 20px #ff3c5a4d;color:#fff;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.02em;margin-top:4px;padding:14px 24px;transition:filter .18s ease,box-shadow .18s ease}.btn-create:hover:not(:disabled){box-shadow:0 5px 24px #ff3c5a57;filter:brightness(1.08)}.btn-create:active:not(:disabled){filter:brightness(.96)}.btn-create:disabled{cursor:not-allowed;opacity:.6}.btn-icon{font-size:13px}.btn-loading{align-items:center;display:flex;gap:5px}.dot{animation:pulse 1.2s ease infinite;background:#fff;border-radius:50%;height:6px;width:6px}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.home-features{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:28px}.feature{align-items:center;color:var(--text3);display:flex;font-size:12px;gap:6px;transition:color var(--transition-fast)}.feature:hover{color:var(--text2)}.feature-icon{font-size:14px}.home-page{background:#07070c;isolation:isolate;padding:clamp(24px,4vh,52px) clamp(28px,5vw,76px)}.home-page:after{background:linear-gradient(90deg,#07070cf2,#07070c6b 55%,#07070cc2),linear-gradient(0deg,#07070c,#0000 35%);content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.home-cinema{background:radial-gradient(ellipse at 69% 42%,#27101b 0,#0c0a11 47%,#07070c 75%);inset:0;overflow:hidden;position:absolute;z-index:-2}.home-cinema-grain{background-image:linear-gradient(#ff636617 1px,#0000 0),linear-gradient(90deg,#ff636617 1px,#0000 0);background-size:72px 72px;inset:0;-webkit-mask-image:radial-gradient(ellipse at 70% 50%,#000 2%,#0000 72%);mask-image:radial-gradient(ellipse at 70% 50%,#000 2%,#0000 72%);opacity:.25;position:absolute}.home-cinema-screen{aspect-ratio:1.4;border:1px solid #ffa09724;border-radius:50%;box-shadow:inset 0 0 100px #ff4d530f,0 0 120px #ff425d0f;position:absolute;right:-8%;top:13%;transform:perspective(900px) rotateY(-12deg);transition:transform 1.1s cubic-bezier(.18,.75,.2,1),box-shadow 1.1s ease;width:min(70vw,1120px)}.home-cinema-screen:after,.home-cinema-screen:before{border:1px solid #ff7b731f;border-radius:50%;content:"";inset:8%;position:absolute}.home-cinema-screen:after{border-color:#ff7b7314;inset:21%}.home-cinema-orbit{aspect-ratio:1;border-radius:50%;filter:blur(2px);position:absolute;top:50%;transform:translateY(-50%);transition:left 1.3s cubic-bezier(.18,.75,.2,1),right 1.3s cubic-bezier(.18,.75,.2,1),box-shadow 1.3s ease;width:17%}.home-cinema-orbit--one{animation:homeFloatOne 8s ease-in-out infinite;background:radial-gradient(circle at 45% 45%,#ff9c68 0,#fb4562 23%,#fb456217 68%,#0000 72%);box-shadow:0 0 80px #ff4d5240;left:20%}.home-cinema-orbit--two{animation:homeFloatTwo 9s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#e6dbff 0,#917dc4 24%,#917dc414 66%,#0000 72%);box-shadow:0 0 80px #9984da33;right:19%}.home-cinema-connection{background:linear-gradient(90deg,#0000,#ffab9e 50%,#0000);box-shadow:0 0 20px #ff645f,0 0 65px #ff565880;height:2px;left:30%;opacity:0;position:absolute;top:50%;transform:scaleX(0);transition:transform 1s cubic-bezier(.18,.75,.2,1),opacity .8s ease;width:40%}.home-cinema-center{color:#fff;font-size:clamp(32px,4vw,72px);left:50%;opacity:0;position:absolute;text-shadow:0 0 26px #ff6d71;top:50%;transform:translate(-50%,-50%) scale(.5);transition:opacity .8s ease,transform 1s ease}.home-cinema-beam{animation:homeBeam 9s ease-in-out infinite alternate;background:radial-gradient(ellipse,#ff3e5938,#0000 70%);filter:blur(70px);height:22vw;opacity:.3;position:absolute;top:38%;width:45vw}.home-cinema-beam--left{left:25%}.home-cinema-beam--right{animation-delay:-5s;background:radial-gradient(ellipse,#846fc233,#0000 70%);right:-10%}.home-page--connecting .home-cinema-screen{box-shadow:inset 0 0 110px #ff4d531a,0 0 150px #ff425d24;transform:perspective(900px) rotateY(0) scale(1.035)}.home-page--connecting .home-cinema-orbit--one{left:34%}.home-page--connecting .home-cinema-orbit--two{right:34%}.home-page--connecting .home-cinema-connection{opacity:1;transform:scaleX(1)}.home-page--connecting .home-cinema-center{opacity:1;transform:translate(-50%,-50%) scale(1)}.home-content{grid-column-gap:clamp(36px,6vw,100px);grid-row-gap:clamp(20px,3vh,34px);align-items:center;column-gap:clamp(36px,6vw,100px);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);max-width:1320px;row-gap:clamp(20px,3vh,34px)}.home-header{margin:0;text-align:left}.home-logo{justify-content:flex-start;margin-bottom:clamp(34px,6vh,72px)}.home-logo .logo-text{font-size:clamp(29px,3vw,42px)}.home-logo .logo-icon{font-size:25px}.home-card-footer,.home-card-label,.home-eyebrow,.home-storyline{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em}.home-eyebrow{align-items:center;color:#ff817d;display:flex;gap:12px;margin-bottom:22px}.home-eyebrow>span,.home-live-dot{background:#ff684e;border-radius:50%;box-shadow:0 0 12px #ff684e;display:inline-block;height:6px;width:6px}.home-title{color:#fff6f4;font-family:var(--font-display);font-size:clamp(70px,6vw,102px);font-weight:400;letter-spacing:.015em;line-height:.9}.home-title em{color:#ff6b73;font-style:normal}.home-subtitle{color:#a8a1b1;font-size:17px;line-height:1.65;margin-top:31px;max-width:420px}.home-storyline{align-items:center;color:#8f8296;display:flex;gap:14px;margin-top:clamp(28px,5vh,56px);white-space:nowrap}.home-storyline-track{background:linear-gradient(90deg,#ff5f72,#ff5f7214);height:1px;width:70px}.home-card{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:radial-gradient(ellipse 80% 48% at 12% 0,rgba(255,105,122,.085),#0000 72%),linear-gradient(160deg,#1f1925e6,#12101be6 48%,#0b0a12f2);border:1px solid #ffe1e536;box-shadow:0 38px 95px #0000008c,0 12px 28px #0000003d,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000052;padding:36px;width:100%}.home-card:before{background:linear-gradient(90deg,#0000,#ff6573,#0000);height:1px}.home-card-label{align-items:center;color:#ff8b84;display:flex;gap:10px;margin-bottom:36px}.home-card h2{color:#fff;font-family:var(--font-display);font-size:39px;font-weight:400;line-height:1}.home-card-description{color:#8f899e;font-size:13px;margin:10px 0 31px}.home-form{gap:19px}.home-card .form-input{background:#ffffff0d;border-color:#ffffff21;padding:15px 16px}.home-card .form-input:focus{background:#ffffff14}.home-card .btn-create{min-height:52px}.home-card-footer{border-top:1px solid #ffffff14;color:#6d687b;display:flex;font-size:9px;gap:12px;justify-content:space-between;letter-spacing:.08em;margin-top:30px;padding-top:20px}.home-features{gap:clamp(20px,4vw,60px);grid-column:1/-1;justify-content:flex-start;margin:16px 0 0}.home-features .feature{color:#91899e}@keyframes homeFloatOne{0%,to{translate:0 0}50%{translate:8% -11%}}@keyframes homeFloatTwo{0%,to{translate:0 0}50%{translate:-9% 11%}}@keyframes homeBeam{0%{transform:translate(-3%,-4%) scale(.95)}to{transform:translate(4%,6%) scale(1.1)}}@media (max-width:900px){.home-page{align-items:flex-start;padding:28px 22px 45px}.home-content{grid-template-columns:1fr;max-width:580px;row-gap:34px}.home-logo{margin-bottom:55px}.home-title{font-size:clamp(62px,13vw,90px)}.home-subtitle{margin-top:20px}.home-storyline{margin-top:30px}.home-cinema-screen{opacity:.65;right:-45%;top:8%;width:100vw}.home-features{grid-column:1;margin-top:0}}@media (max-width:520px){.home-page{padding:23px 16px 36px}.home-content{row-gap:24px}.home-logo{margin-bottom:28px}.home-logo .logo-text{font-size:30px}.home-title{font-size:clamp(52px,14vw,66px)}.home-subtitle{font-size:15px;margin-top:16px}.home-card{padding:22px 20px}.home-card-label{margin-bottom:22px}.home-card h2{font-size:30px}.home-card-description{margin-bottom:22px}.home-storyline{font-size:8px;gap:9px;margin-top:22px}.home-storyline-track{width:32px}.home-features{gap:12px 18px}}@media (prefers-reduced-motion:reduce){.home-cinema-beam,.home-cinema-orbit,.home-logo .logo-icon{animation:none!important}.home-cinema-center,.home-cinema-connection,.home-cinema-orbit,.home-cinema-screen{transition:none!important}}.video-player{background:#000;display:flex;flex:1 1;flex-direction:column;min-height:0}.video-wrapper{flex:1 1;min-height:0;position:relative}.video-iframe{border:none;display:block;height:100%;inset:0;position:absolute;width:100%}.video-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text2);display:flex;flex-direction:column;font-size:14px;gap:16px;inset:0;justify-content:center;z-index:10}.sync-toast,.video-overlay{background:#000000d9;pointer-events:none;position:absolute}.sync-toast{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:40px;bottom:24px;color:var(--text);font-family:var(--font-mono);font-size:13px;font-weight:500;left:50%;padding:8px 20px;transform:translateX(-50%);white-space:nowrap;z-index:20}.video-controls{background:var(--bg2);border-top:1px solid var(--border);flex-shrink:0;height:1px;opacity:0;overflow:hidden;padding:0 16px;pointer-events:none}.progress-bar{background:var(--bg4);border-radius:3px;cursor:pointer;height:6px;margin-bottom:10px;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:3px;height:100%;pointer-events:none}.progress-thumb{background:#fff;border-radius:50%;box-shadow:0 0 4px #00000080;height:12px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.controls-row{gap:14px}.controls-row,.ctrl-btn{align-items:center;display:flex}.ctrl-btn{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex-shrink:0;font-size:16px;height:36px;justify-content:center;transition:all .15s;width:36px}.time-display{color:var(--text2);font-family:var(--font-mono);font-size:12px;white-space:nowrap}.controls-right{margin-left:auto}.player-status{color:var(--text3);font-size:11px}.player-status.ready{color:var(--success)}.debug-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ff2;border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;font-family:var(--font-mono);font-size:11px;left:12px;max-height:280px;overflow:hidden;position:absolute;top:12px;width:400px;z-index:30}.debug-header{align-items:center;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;letter-spacing:.05em;padding:8px 12px}.debug-clear,.debug-header{color:var(--text2);font-size:10px}.debug-clear{background:var(--bg3);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-family:inherit;padding:2px 8px;transition:all var(--transition-fast)}.debug-clear:hover{border-color:var(--accent);color:var(--text)}.debug-log{display:flex;flex:1 1;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto;padding:8px}.debug-empty{color:var(--text3);padding:20px;text-align:center}.debug-entry{display:flex;gap:10px;line-height:1.4;padding:2px 0}.debug-time{color:var(--text3);flex-shrink:0}.debug-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0fd9;border:1px solid var(--border);border-radius:6px;color:var(--text3);cursor:pointer;font-family:var(--font-mono);font-size:10px;left:12px;padding:4px 10px;position:absolute;top:12px;transition:all var(--transition-fast);z-index:30}.debug-toggle:hover{border-color:var(--accent);color:var(--text)}.chat{overflow:hidden}.chat,.chat-messages{display:flex;flex:1 1;flex-direction:column;min-height:0}.chat-messages{gap:8px;overflow-y:auto;padding:16px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:var(--bg3)}.chat-messages::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.chat-empty{color:var(--text3);font-size:13px;padding:32px;text-align:center}.chat-msg{animation:slideIn .2s ease both}.chat-msg.system{padding:6px 0;text-align:center}.chat-system-text{background:var(--bg3);border-radius:20px;color:var(--text3);display:inline-block;font-size:11px;font-style:italic;padding:4px 12px}.chat-msg-header{align-items:baseline;display:flex;gap:8px;margin-bottom:4px}.chat-username{color:var(--accent);font-size:12px;font-weight:600}.chat-msg.own .chat-username{color:var(--accent2)}.chat-time{color:var(--text3);font-family:var(--font-mono);font-size:10px}.chat-msg-text{background:var(--bg3);border-radius:0 12px 12px 12px;color:var(--text);display:inline-block;font-size:13px;line-height:1.5;max-width:85%;padding:8px 12px;word-break:break-word}.chat-msg.own{align-items:flex-end;display:flex;flex-direction:column}.chat-msg.own .chat-msg-header{flex-direction:row-reverse}.chat-msg.own .chat-msg-text{background:linear-gradient(135deg,#ff3c5a26,#ff6b8a1a);border:1px solid #ff3c5a33;border-radius:12px 0 12px 12px}.chat-input-row{background:var(--bg2);border-top:1px solid var(--border);display:flex;gap:8px;padding:12px 16px}.chat-input{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex:1 1;font-size:13px;padding:10px 14px;transition:all var(--transition-fast)}.chat-input::placeholder{color:var(--text3)}.chat-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.chat-send{align-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:var(--radius);color:#fff;display:flex;flex-shrink:0;font-size:16px;height:38px;justify-content:center;transition:all var(--transition-fast);width:38px}.chat-send:disabled{cursor:default;opacity:.4}.chat-send:hover:not(:disabled){opacity:.9;transform:scale(1.02)}.room-page .chat-messages{background:radial-gradient(ellipse at 50% 0,rgba(255,76,94,.025),#0000 65%);gap:13px;padding:18px 16px}.room-page .chat-empty{color:#837a8d;font-size:12px;letter-spacing:.02em}.room-page .chat-system-text{background:hsla(0,0%,100%,.045);border:1px solid hsla(0,0%,100%,.055);color:#8d8093;font-style:normal}.room-page .chat-username{color:#ff8881}.room-page .chat-msg.own .chat-username{color:#ffb197}.room-page .chat-time{color:#716a7e}.room-page .chat-msg-text{background:hsla(0,0%,100%,.065);border:1px solid #ffffff0f;color:#ede7eb;padding:9px 12px}.room-page .chat-msg.own .chat-msg-text{background:linear-gradient(135deg,#ff456233,#ff6a4c1c);border-color:#ff74703d}.room-page .chat-input-row{background:hsla(0,0%,100%,.025);border-top:1px solid #ffffff14;gap:9px;padding:13px 15px}.room-page .chat-input{background:#ffffff0d;border:1px solid #ffffff1a;color:#f8f1f4;min-width:0}.room-page .chat-input:focus{background:hsla(0,0%,100%,.075);border-color:#ff777b;box-shadow:0 0 0 2px #ff70741a}.room-page .chat-send{background:linear-gradient(135deg,#fa425e,#ff694a);border-radius:8px;box-shadow:0 4px 14px #ff425e2b;height:40px;width:40px}.user-list{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:12px}.user-list::-webkit-scrollbar{width:4px}.user-list::-webkit-scrollbar-track{background:var(--bg3)}.user-list::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.users-empty{color:var(--text3);font-size:13px;padding:32px;text-align:center}.user-item{align-items:center;border-radius:var(--radius);cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:all var(--transition-fast)}.user-item:hover{background:var(--bg3);transform:translateX(2px)}.user-avatar{background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:50%;box-shadow:0 2px 8px #ff3c5a4d;color:#fff;flex-shrink:0;font-size:14px;font-weight:600;height:34px;justify-content:center;width:34px}.user-avatar,.user-info{align-items:center;display:flex}.user-info{flex:1 1;gap:6px;min-width:0}.user-name{color:var(--text);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-voice-badge{font-size:12px}.user-status{flex-shrink:0}.status-dot{border-radius:50%;display:block;height:8px;width:8px}.status-dot.online{animation:pulse 2s ease infinite;background:var(--success);box-shadow:0 0 6px var(--success)}.room-page .user-list{gap:7px;padding:16px}.room-page .user-item{border:1px solid #0000;border-radius:9px;padding:10px}.room-page .user-item:hover{background:hsla(0,0%,100%,.045);border-color:#ffffff12;transform:none}.room-page .user-avatar{background:linear-gradient(135deg,#ff4765,#ff8064);box-shadow:0 4px 14px #ff4c5f2b}.room-page .user-name{color:#ece5ed}.room-page .user-voice-badge{align-items:center;color:#ff9388;display:inline-flex}.room-page .status-dot.online{background:#65d991;box-shadow:0 0 9px #65d99173}.cinema-intro{animation:introArrival .5s ease both,introExit .85s ease 2.6s both;background:radial-gradient(ellipse at 50% 42%,#522329 0,#180e15 46%,#050507 85%);color:#fff9f2;inset:0;overflow:hidden;position:fixed;z-index:200}.cinema-intro-video{filter:contrast(1.08) saturate(.88);height:100%;object-fit:cover;opacity:0;position:absolute;transition:opacity .3s ease;width:100%}.cinema-intro-video--ready{opacity:.75}.cinema-intro-vignette{background:radial-gradient(ellipse at center,#0000 10%,#000000c7 100%),linear-gradient(0deg,#000000a1,#0000 35%,#00000073);inset:0;position:absolute}.cinema-intro-beam{animation:introBeam 3.5s linear infinite;background:conic-gradient(from 0deg at 50% 50%,#0000 0deg,#ffb6831f 17deg,#0000 34deg,#0000 180deg,#ff756421 205deg,#0000 226deg);inset:-25%;position:absolute}.cinema-intro-letterbox{background:#050507;height:clamp(24px,6vh,70px);left:0;position:absolute;right:0;z-index:3}.cinema-intro-letterbox--top{top:0}.cinema-intro-letterbox--bottom{bottom:0}.cinema-intro-content{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:2}.cinema-intro-bottomline,.cinema-intro-topline{color:#d1abb0;font:11px var(--font-mono);letter-spacing:.3em;position:absolute;text-align:center}.cinema-intro-topline{top:clamp(48px,12vh,120px)}.cinema-intro-topline span{color:#ff7b6f;padding:0 8px}.cinema-intro-bottomline{bottom:clamp(60px,13vh,130px)}.cinema-intro-counter{aspect-ratio:1;display:grid;place-items:center;position:relative;transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .6s ease;width:min(48vw,390px)}.cinema-intro-ring{border:3px solid #ffead5bf;border-radius:50%;box-shadow:0 0 30px #ff775c33;position:absolute}.cinema-intro-ring--outer{inset:0}.cinema-intro-ring--inner{border-width:2px;inset:12%}.cinema-intro-cross{background:#ffe2d68c;position:absolute}.cinema-intro-cross--horizontal{height:1px;width:145%}.cinema-intro-cross--vertical{height:145%;width:1px}.cinema-intro-number{color:#fff7ec;font-family:var(--font-display);font-size:clamp(130px,24vw,290px);line-height:1;opacity:0;position:absolute;text-shadow:0 0 45px #ff92767a;transform:scale(1.16)}.cinema-intro-number--active{animation:introNumber .76s ease-out both}.cinema-intro-mark{color:#fff8f2;font-family:var(--font-display);font-size:clamp(60px,12vw,170px);letter-spacing:.06em;opacity:0;position:absolute;text-shadow:0 0 55px #ff5454a6;transform:scale(1.35);transition:opacity .25s ease,transform .8s cubic-bezier(.16,.8,.2,1);white-space:nowrap}.cinema-intro--beat-3 .cinema-intro-counter{opacity:0;transform:scale(1.7)}.cinema-intro--beat-3 .cinema-intro-mark{opacity:1;transform:scale(1)}.cinema-intro-skip{bottom:clamp(34px,8vh,90px);color:#f4d7d7;font-size:12px;letter-spacing:.08em;padding:8px;position:absolute;right:clamp(20px,4vw,70px);z-index:5}.cinema-intro-skip:hover{color:#fff}.cinema-intro-skip span{margin-left:9px}@keyframes introArrival{0%{opacity:0}to{opacity:1}}@keyframes introExit{0%{clip-path:circle(150% at 50% 50%)}to{clip-path:circle(0 at 50% 50%)}}@keyframes introBeam{to{transform:rotate(1turn)}}@keyframes introNumber{0%{opacity:0;transform:scale(1.16)}18%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(.94)}to{opacity:0;transform:scale(.88)}}@media (max-width:600px){.cinema-intro-counter{width:66vw}.cinema-intro-mark{font-size:16vw}.cinema-intro-bottomline,.cinema-intro-topline{font-size:8px;letter-spacing:.18em}}@media (prefers-reduced-motion:reduce){.cinema-intro{animation:none}.cinema-intro-beam,.cinema-intro-number--active,.cinema-intro-video{animation:none;display:none}}.room-page{background:var(--bg);display:flex;flex-direction:column;height:100vh;overflow:hidden}.room-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12121af2;border-bottom:1px solid var(--border);gap:12px;height:56px;justify-content:space-between;min-height:56px;padding:0 20px;z-index:10}.room-back,.room-header{align-items:center;display:flex}.room-back{background:none;border-radius:var(--radius);color:var(--text2);font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all var(--transition-fast);white-space:nowrap}.room-back:hover{background:var(--bg3);color:var(--text)}.room-header-center{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:center}.room-id-badge{background:#ff3c5a1f;border:1px solid #ff3c5a33;border-radius:20px;color:var(--accent);font-family:var(--font-mono);font-size:13px;font-weight:500;padding:4px 12px}.room-user-count{background:var(--bg3);border-radius:20px;color:var(--text3);font-size:12px;padding:4px 10px}.invite-btn{align-items:center;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);display:flex;font-size:13px;font-weight:500;gap:6px;padding:7px 16px;transition:all var(--transition-fast);white-space:nowrap}.invite-btn:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.room-body{min-height:0}.room-body,.room-main{display:flex;flex:1 1;overflow:hidden}.room-main{background:#000;flex-direction:column;position:relative}.room-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12121af2;border-left:1px solid var(--border);display:flex;flex-direction:column;min-width:300px;overflow:hidden;width:340px}.sidebar-tabs{background:var(--bg2);border-bottom:1px solid var(--border);display:flex}.sidebar-tab{background:none;border-bottom:2px solid #0000;color:var(--text3);flex:1 1;font-size:13px;font-weight:500;padding:12px 8px;position:relative;transition:all var(--transition-fast)}.sidebar-tab:hover{background:var(--bg3);color:var(--text2)}.sidebar-tab.active{border-bottom-color:var(--accent);color:var(--text)}.voice-panel{background:var(--bg);border-top:1px solid var(--border);padding:14px 16px}.voice-panel-label{color:var(--text3);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em}.btn-join-voice{align-items:center;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:all var(--transition-fast);width:100%}.btn-join-voice:hover{background:#3cff8a14;border-color:var(--success);color:var(--success)}.voice-status{background:var(--bg3);border-radius:var(--radius);color:var(--text2);gap:10px;margin-bottom:10px;padding:8px 12px}.voice-dot{background:var(--text3);height:10px;width:10px}.voice-dot.active{animation:pulse 2s ease infinite;background:var(--success);box-shadow:0 0 8px var(--success)}.voice-count{background:#3cff8a26;color:var(--success);font-size:11px;font-weight:500;padding:2px 8px}.voice-btns{display:flex;gap:8px;margin-top:8px}.btn-mute{align-items:center;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;flex:1 1;font-size:15px;gap:6px;justify-content:center;padding:8px 12px;transition:all var(--transition-fast)}.btn-mute:hover{border-color:var(--text2)}.btn-mute.muted{border-color:var(--accent)}.btn-leave-voice,.btn-mute.muted{background:#ff3c5a1a;color:var(--accent)}.btn-leave-voice{align-items:center;border:1px solid #ff3c5a4d;border-radius:var(--radius);display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px;transition:all var(--transition-fast)}.btn-leave-voice:hover{background:#ff3c5a33}.voice-volumes{border-bottom:1px solid var(--border);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;margin:12px 0;padding:8px 0}.voice-volume-row{align-items:center;display:flex;gap:8px}.voice-volume-name{color:var(--text2);flex-shrink:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70px}.voice-volume-slider{appearance:none;background:var(--bg4);border-radius:4px;cursor:pointer;outline:none}.voice-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);height:14px;-webkit-transition:transform .1s;transition:transform .1s;width:14px}.voice-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.voice-volume-slider::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.voice-volume-val{color:var(--text3);flex-shrink:0;font-family:var(--font-mono);font-size:11px;text-align:right;width:36px}.room-error,.room-loading{align-items:center;color:var(--text2);display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center}.loading-spinner{animation:spin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:40px;width:40px}.room-error-box{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:400px;padding:40px;text-align:center}.error-icon{color:var(--accent);font-size:48px;margin-bottom:16px}.room-error-box h2{font-size:24px;margin-bottom:8px}.room-error-box p{color:var(--text2);margin-bottom:24px}.btn-back{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font-size:14px;padding:10px 24px;transition:all var(--transition-fast)}.btn-back:hover{background:var(--accent-glow);border-color:var(--accent)}.room-join-overlay{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:24px;position:relative}.room-bg-grid{background-image:linear-gradient(#ff3c5a0a 1px,#0000 0),linear-gradient(90deg,#ff3c5a0a 1px,#0000 0);background-size:40px 40px;inset:0;position:fixed}.join-card{animation:fadeIn .4s ease both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12121af2;border:1px solid var(--border);border-radius:var(--radius-lg);max-width:420px;padding:36px;position:relative;width:100%;z-index:1}.join-card:before{background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.join-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.voice-panel{background:#0000004d;border-radius:12px;margin-top:12px;padding:12px}.voice-panel-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.voice-join-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px;transition:transform .2s;width:100%}.voice-join-btn:hover{transform:translateY(-2px)}.voice-controls{display:flex;flex-direction:column;gap:12px}.voice-status{align-items:center;background:#22c55e1a;border-radius:8px;color:#22c55e;display:flex;font-size:13px;gap:8px;padding:8px}.voice-dot{background-color:#6b7280;border-radius:50%;height:8px;width:8px}.voice-dot.active{animation:pulse 1.5s infinite;background-color:#22c55e}.voice-count{background:#ffffff1a;border-radius:12px;font-size:12px;margin-left:auto;padding:2px 6px}.voice-users-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.voice-users-title{color:#9ca3af;font-size:12px;font-weight:600;margin-bottom:4px}.voice-user-item{background:#ffffff0d;border-radius:8px;padding:8px}.voice-user-info{display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.voice-user-name{color:#e5e7eb;font-weight:500}.voice-user-status{color:#22c55e;font-size:11px}.voice-volume-control{align-items:center;display:flex;gap:8px}.volume-icon{font-size:11px;opacity:.7}.voice-volume-slider{background:#374151;border-radius:2px;flex:1 1;height:4px}.voice-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-value{color:#9ca3af;font-size:10px;min-width:35px;text-align:right}.voice-buttons{display:flex;gap:8px;margin-top:4px}.voice-mute-btn{background:#374151;border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:18px;padding:8px;transition:all .2s}.voice-mute-btn.muted{background:#dc2626;color:#fff}.voice-leave-btn{background:#374151;border:none;border-radius:8px;color:#f87171;cursor:pointer;flex:2 1;font-weight:500;padding:8px;transition:all .2s}.voice-leave-btn:hover{background:#dc2626;color:#fff}.join-logo{background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;background-clip:text;color:#0000;font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:.05em}.join-room-id{background:#ff3c5a1f;border:1px solid #ff3c5a33;border-radius:20px;color:var(--accent);font-family:var(--font-mono);font-size:11px;padding:4px 10px}.join-subtitle{color:var(--text2);font-size:14px;margin-bottom:24px}.join-form{display:flex;flex-direction:column;gap:16px}.room-join-overlay--welcome{background:radial-gradient(ellipse at 50% 44%,#361621,#100b13 53%,#07070c 88%);isolation:isolate}.room-join-overlay--welcome:before{background:linear-gradient(#0000,#0000008f),repeating-linear-gradient(90deg,hsla(0,0%,100%,.016) 0 1px,#0000 1px 72px);content:"";inset:0;position:absolute;z-index:-1}.room-welcome-orbit{animation:welcomeOrbit 8s ease-in-out infinite alternate;aspect-ratio:1;border:1px solid #ff7d7024;border-radius:50%;box-shadow:0 0 120px #ff455f14,inset 0 0 120px #ff455f0f;position:absolute;width:min(80vw,780px)}.room-welcome-orbit:after,.room-welcome-orbit:before{border:1px solid #ff7d7017;border-radius:50%;content:"";inset:11%;position:absolute}.room-welcome-orbit:after{inset:27%}.room-join-overlay--welcome .join-card{background:radial-gradient(ellipse 80% 48% at 12% 0,rgba(255,105,122,.085),#0000 72%),linear-gradient(160deg,#1f1925eb,#12101beb 48%,#0b0a12f7);border:1px solid #ffe1e536;box-shadow:0 38px 95px #0000008c,0 12px 28px #0000003d,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000052;max-width:470px;padding:40px}.room-join-overlay--welcome .join-card:before{background:linear-gradient(90deg,#0000,#ff6875,#0000);height:1px}.join-eyebrow{color:#ff817d;font:10px var(--font-mono);letter-spacing:.18em;margin-bottom:16px}.join-title{font-family:var(--font-display);font-size:clamp(36px,6vw,51px);font-weight:400;line-height:1;margin-bottom:12px}.room-join-overlay--welcome .join-subtitle{margin-bottom:29px}.room-join-overlay--welcome .form-input{padding:15px 16px}.room-join-overlay--welcome .btn-create{min-height:52px}@keyframes welcomeOrbit{0%{transform:scale(.97)}to{transform:scale(1.04)}}@media (max-width:520px){.room-join-overlay--welcome .join-card{padding:28px 22px}}@media (prefers-reduced-motion:reduce){.room-welcome-orbit{animation:none}}@media (max-width:700px){.room-body{flex-direction:column}.room-sidebar{border-left:none;border-top:1px solid var(--border);height:300px;min-width:0;min-width:auto;width:100%}}.room-page{background:radial-gradient(ellipse at 45% -25%,#70253742,#0000 58%),#07070c;gap:12px;height:100dvh;padding:12px}.room-header{background:#120f18e0;border:1px solid #ffe2e21c;border-radius:13px;box-shadow:inset 0 1px #ffffff08;height:64px;min-height:64px;padding:0 18px}.room-back{color:#d7c5cb;gap:11px;padding:9px 10px}.room-back:hover{background:#ffffff0f;color:#fff}.room-back .ui-icon{color:#ff7980}.room-brand{font-family:var(--font-display);font-size:24px;letter-spacing:.075em;line-height:1}.room-header-center{gap:10px}.room-id-badge{background:#ff4c5f17;border:1px solid #ff706f3d;border-radius:7px;color:#ff8580;font-size:12px;padding:7px 12px}.room-badge-label{color:#a98290;font-size:9px;letter-spacing:.13em;margin-right:6px}.room-user-count{align-items:center;background:hsla(0,0%,100%,.045);border:1px solid #ffffff0f;border-radius:7px;color:#aca2b1;display:inline-flex;gap:8px;padding:7px 11px}.room-live-dot{background:#ff735f;border-radius:50%;box-shadow:0 0 10px #ff735f8c;height:6px;width:6px}.room-header-actions{display:flex;gap:8px}.invite-btn{background:#ffffff0a;border:1px solid #ffffff1c;border-radius:8px;color:#d1c9d3;gap:8px;min-height:36px;padding:8px 13px}.invite-btn .ui-icon{color:#ff8780}.invite-btn:hover{background:#ff6e7217;border-color:#ff6e726b;color:#fff}.room-body{gap:12px}.room-main{background:#0d0b11;border:1px solid #ffcdcd29;border-radius:16px;box-shadow:0 22px 70px #00000057,0 0 40px rgba(255,73,93,.035);min-width:0;padding:8px}.room-main:before{background:linear-gradient(90deg,#0000,#ff7074cc,#0000);content:"";height:1px;left:24%;pointer-events:none;position:absolute;top:0;width:52%;z-index:2}.room-main .video-player,.room-main .video-wrapper{border-radius:9px;overflow:hidden}.room-sidebar{background:linear-gradient(165deg,#17131df5,#0d0c14fa);border:1px solid #ffcdcd24;border-radius:16px;box-shadow:0 22px 70px #0000003b;min-width:318px;width:356px}.sidebar-tabs{background:#ffffff05;border-bottom:1px solid #ffffff14;min-height:58px}.sidebar-tab{align-items:center;border-bottom-width:1px;color:#938b9d;display:flex;font-size:12px;gap:8px;justify-content:center;letter-spacing:.02em}.sidebar-tab:hover{background:hsla(0,0%,100%,.035);color:#fff}.sidebar-tab.active{background:linear-gradient(0deg,#ff4b5f17,#0000 72%);border-bottom-color:#ff6c70;color:#fff4f2}.sidebar-tab.active .ui-icon{color:#ff7a78}.sidebar-tab-count{color:#aa9caa;font:10px var(--font-mono)}.room-page .voice-panel{background:linear-gradient(180deg,hsla(0,0%,100%,.025),#0000);border-radius:0;border-top:1px solid #ffffff14;margin:0;padding:16px}.room-page .voice-panel-label{align-items:center;color:#a99dac;display:flex;font:10px var(--font-mono);gap:9px;letter-spacing:.17em;margin-bottom:14px}.room-page .voice-panel-label .ui-icon{color:#ff837a}.room-page .voice-join-btn{align-items:center;background:linear-gradient(110deg,#fa405e,#ff694a);border:1px solid #ff7b754d;border-radius:8px;box-shadow:0 5px 18px #ff3e592e;color:#fff;display:flex;font-size:12px;gap:9px;justify-content:center;letter-spacing:.01em;min-height:43px;width:100%}.room-page .voice-join-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.room-page .voice-status{background:#3cd48014;border:1px solid #3cd48024;color:#66d99a;padding:9px 10px}.room-page .voice-dot.active{background:#53d78b;box-shadow:0 0 12px #53d78b80}.room-page .voice-count{background:#53d78b1f;color:#8ee2b0;margin-left:auto}.room-page .voice-user-item{background:#ffffff0a;border:1px solid #ffffff0d}.room-page .voice-user-status,.room-page .volume-icon{color:#b8a6b8;display:inline-flex}.room-page .voice-volume-slider::-webkit-slider-thumb{background:#ff7072}.room-page .voice-leave-btn,.room-page .voice-mute-btn{align-items:center;background:hsla(0,0%,100%,.055);border:1px solid #ffffff17;border-radius:8px;color:#ded4db;display:flex;font-size:12px;gap:8px;justify-content:center;min-height:38px}.room-page .voice-mute-btn.muted{background:#ff5b6b1f;border-color:#ff5b6b40;color:#ff888a}.room-page .voice-leave-btn{color:#ff9390}.room-page .voice-leave-btn:hover,.room-page .voice-mute-btn:hover{background:#ff707421;border-color:#ff70744d}.room-join-overlay--change{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#06050bb8;height:auto;inset:0;position:fixed;z-index:100}.room-join-overlay--change .join-card{background:#14111bf2;border:1px solid #ffdcdf33;box-shadow:0 28px 100px #0009;max-width:470px;padding:38px}.room-join-overlay--change .join-card:before{background:linear-gradient(90deg,#0000,#ff7077,#0000);height:1px}.room-join-overlay--change .join-eyebrow{align-items:center;display:flex;gap:8px}.room-join-overlay--change .join-title{margin-bottom:12px}.room-join-overlay--change .join-subtitle{line-height:1.5;margin-bottom:26px}.room-join-overlay--change .form-input{background:hsla(0,0%,100%,.055);padding:14px 16px}.modal-action-row{display:flex;gap:10px}.modal-action-row .btn-back,.modal-action-row .btn-create{flex:1 1;margin:0;min-height:43px;padding:10px 12px}.modal-action-row .btn-back{background:hsla(0,0%,100%,.055);border-color:#ffffff1a}@media (max-width:700px){.room-page{gap:8px;padding:8px}.room-header{grid-gap:8px;display:grid;gap:8px;grid-template-areas:"brand session" "actions actions";grid-template-columns:1fr auto;height:auto;min-height:0;padding:10px 12px}.room-back{grid-area:brand;padding:4px 2px}.room-brand{font-size:21px}.room-header-center{gap:6px;grid-area:session;justify-content:flex-end}.room-badge-label{display:none}.room-id-badge,.room-user-count{font-size:10px;padding:5px 7px}.room-header-actions{grid-area:actions;width:100%}.room-header-actions .invite-btn{flex:1 1;justify-content:center;min-width:0}.room-body{gap:8px}.room-main{aspect-ratio:16/9;flex:0 0 auto;min-height:190px;padding:5px;width:100%}.room-sidebar{flex:1 1;min-height:0;min-width:0;width:100%}.room-join-overlay--change .join-card{padding:27px 22px}}@media (max-width:420px){.room-user-count{display:none}.room-header-actions .invite-btn{font-size:11px}.sidebar-tabs{min-height:48px}.room-page .voice-panel{padding:12px}}@media (prefers-reduced-motion:reduce){.invite-btn,.room-page .voice-join-btn,.room-page .voice-leave-btn,.room-page .voice-mute-btn,.sidebar-tab{transition:none}}.app{min-height:100vh}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg2:#111118;--bg3:#1a1a24;--bg4:#222230;--border:#2a2a3a;--accent:#ff3c5a;--accent2:#ff6b3d;--accent-glow:#ff3c5a40;--text:#f0f0f8;--text2:#9090b0;--text3:#5a5a7a;--success:#3cff8a;--warning:#ffcc3c;--error:#ff3c5a;--font-display:"Bebas Neue",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--radius:8px;--radius-lg:14px;--transition-fast:0.15s ease;--transition-normal:0.2s ease}#root,body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;background:#0a0a0f;background:var(--bg);color:#f0f0f8;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#111118;background:var(--bg2)}::-webkit-scrollbar-thumb{background:#2a2a3a;background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#5a5a7a;background:var(--text3)}button{background:none;border:none;cursor:pointer}button,input,textarea{font-family:Inter,sans-serif;font-family:var(--font-body);outline:none}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ff3c5a40;box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px #ff3c5a40,0 0 60px #ff3c5a40;box-shadow:0 0 40px var(--accent-glow),0 0 60px var(--accent-glow)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:0 0}to{background-position:200% 0}}
/*# sourceMappingURL=main.5d06d5ba.css.map*/