.auth{--auth-bg: #000;--auth-field: #313135;--auth-text: #fff;--auth-text-soft: #fffefe;--auth-muted: #9898a0;--auth-link: #0093ff;--auth-error: #ff453a;--auth-btn-fg: #000;--auth-btn-bg: #fff;--auth-radius-field: clamp(.875rem, 3vw, 1rem);--auth-radius-btn: 2rem;--auth-radius-otp: clamp(.5rem, 2.5vw, .625rem);--auth-pad-x: clamp(1rem, 4.1vw, 1.25rem);--auth-pad-y: clamp(1.25rem, 4vw, 1.5rem);--auth-title-size: clamp(1.375rem, 5.1vw, 1.5rem);--auth-body-size: clamp(.9375rem, 3.6vw, 1rem);--auth-legal-size: clamp(.6875rem, 2.8vw, .75rem);--auth-otp-size: clamp(2.625rem, 12.8vw, 3.125rem);display:flex;flex-direction:column;align-items:stretch;width:100%;min-height:100vh;min-height:100dvh;padding:max(var(--auth-pad-y),env(safe-area-inset-top)) max(var(--auth-pad-x),env(safe-area-inset-right)) max(var(--auth-pad-y),env(safe-area-inset-bottom)) max(var(--auth-pad-x),env(safe-area-inset-left));gap:clamp(1.5rem,5vw,2rem);background:var(--auth-bg);color:var(--auth-text)}.auth__toolbar{display:flex;align-items:center;justify-content:flex-end;width:100%;min-height:1.5rem}.auth__toolbar--split{justify-content:space-between}.auth__body{display:flex;flex-direction:column;width:100%;max-width:28rem;margin-inline:auto}.auth__page-stack{display:flex;flex-direction:column;gap:clamp(1.5rem,5vw,2rem);width:100%}.auth__section{display:flex;flex-direction:column;gap:clamp(1.25rem,4vw,1.5rem);width:100%}.auth__otp-panel{display:flex;flex-direction:column;align-items:center;gap:clamp(1.25rem,4vw,1.5rem);width:100%;min-height:clamp(15rem,68vw,17.5rem)}.auth__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin:-.375rem;padding:0;border:none;border-radius:50%;background:transparent;color:var(--auth-text);cursor:pointer;transition:background .15s ease}.auth__icon-btn:hover{background:#ffffff14}.auth__icon-btn:focus-visible{outline:2px solid var(--auth-link);outline-offset:2px}.auth__head{display:flex;flex-direction:column;align-items:center;gap:clamp(.375rem,2vw,.5rem);width:100%;text-align:center}.auth__title{margin:0;font-size:var(--auth-title-size);font-weight:700;line-height:1.25;color:var(--auth-text)}.auth__subtitle{margin:0;font-size:var(--auth-body-size);font-weight:400;line-height:1.4;color:var(--auth-text)}.auth__subtitle--semibold{font-weight:600;color:var(--auth-text-soft)}.auth__field{display:flex;align-items:center;width:100%;min-height:clamp(2.875rem,13vw,3.1875rem);padding:clamp(.875rem,3.5vw,1rem);border:1px solid transparent;border-radius:var(--auth-radius-field);background:var(--auth-field);transition:border-color .15s ease,box-shadow .15s ease}.auth__field:focus-within{border-color:#0093ff8c;box-shadow:0 0 0 3px #0093ff26}.auth__input{width:100%;padding:0;border:none;background:transparent;color:var(--auth-text);font-size:var(--auth-body-size);line-height:1.4;outline:none}.auth__input::placeholder{color:var(--auth-muted)}.auth__btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:clamp(2.875rem,13vw,3.25rem);padding:clamp(.875rem,3.5vw,1rem);border:none;border-radius:var(--auth-radius-btn);background:var(--auth-btn-bg);color:var(--auth-btn-fg);font-size:var(--auth-body-size);font-weight:400;line-height:1.4;text-align:center;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.auth__btn:hover:not(:disabled){opacity:.92}.auth__btn:active:not(:disabled){transform:scale(.99)}.auth__btn:disabled{opacity:.45;cursor:not-allowed}.auth__legal{margin:0;font-size:var(--auth-legal-size);line-height:1.45;text-align:center;color:var(--auth-link)}.auth__legal a{color:inherit;text-decoration:none}.auth__legal a:hover{text-decoration:underline}.auth__error{margin:0;font-size:.875rem;line-height:1.4;text-align:center;color:var(--auth-error)}.auth__otp-row{display:flex;justify-content:center;gap:clamp(.375rem,2vw,.5rem);width:100%}.auth__otp-cell{display:flex;align-items:center;justify-content:center;width:var(--auth-otp-size);height:var(--auth-otp-size);border:2px solid transparent;border-radius:var(--auth-radius-otp);background:var(--auth-field);color:var(--auth-text);font-size:clamp(1.125rem,5vw,1.375rem);font-weight:600;transition:border-color .15s ease,background-color .15s ease}.auth__otp-digit{display:block;transition:opacity .2s ease,transform .2s ease}.auth__otp-row--error .auth__otp-cell--error{border-color:var(--auth-error);animation:auth-otp-shake .45s cubic-bezier(.36,.07,.19,.97)}.auth__otp-row--error .auth__otp-digit--clear{opacity:0;transform:scale(.85)}@keyframes auth-otp-shake{0%,to{transform:translate(0)}15%{transform:translate(-5px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}.auth__otp-hidden,.auth__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth__link-btn{padding:0;border:none;background:none;color:var(--auth-muted);font-size:var(--auth-body-size);font-weight:600;line-height:1.4;text-align:center;cursor:pointer}.auth__link-btn:disabled{cursor:default;opacity:1}.auth__text-link{padding:0;border:none;background:none;color:var(--auth-link);font-size:clamp(.8125rem,3.2vw,.875rem);line-height:1.4;text-align:center;cursor:pointer}.auth__footer-actions{display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,4vw,1.5rem);width:100%}@media(orientation:landscape)and (max-height:32rem){.auth{gap:1rem;padding-block:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-bottom))}.auth__page-stack,.auth__otp-panel{gap:1rem}.auth__otp-panel{min-height:auto}}@media(min-width:48rem){.auth__body{max-width:26rem}}@media(prefers-reduced-motion:reduce){.auth__otp-row--error .auth__otp-cell--error{animation:none}.auth__otp-row--error .auth__otp-digit--clear{opacity:1;transform:none}}.splash{--splash-bg: #000;--splash-fg: #fff;--splash-brand-size: clamp(2rem, 10.77vw, 2.625rem);--splash-loader-size: clamp(2rem, 10.77vw, 2.625rem);--splash-gap: clamp(1.25rem, 8.2vw, 2rem);--splash-stack-width: clamp(5.5rem, 32.56vw, 7.9375rem);position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100vh;min-height:100dvh;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));overflow:hidden;background:var(--splash-bg);color:var(--splash-fg);opacity:1;transition:opacity .45s ease}.splash--exiting{opacity:0;pointer-events:none}.splash__stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--splash-gap);width:var(--splash-stack-width);max-width:calc(100% - 2rem)}.splash__brand{margin:0;width:100%;font-family:Jost,Inter,system-ui,sans-serif;font-size:var(--splash-brand-size);font-weight:700;line-height:1;letter-spacing:-.02em;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none}.splash__loader-wrap{display:flex;justify-content:center;align-items:center;width:var(--splash-loader-size);height:var(--splash-loader-size);opacity:0;transform:translateY(.5rem);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.splash--loading .splash__loader-wrap,.splash--exiting .splash__loader-wrap{opacity:1;transform:translateY(0)}.splash__loader{width:100%;height:100%;color:var(--splash-fg);animation:splash-spin .85s linear infinite}.splash__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes splash-spin{to{transform:rotate(360deg)}}@media(orientation:landscape)and (max-height:32rem){.splash{--splash-gap: clamp(.75rem, 4vw, 1.25rem);--splash-brand-size: clamp(1.75rem, 6vh, 2.25rem);--splash-loader-size: clamp(1.75rem, 6vh, 2.25rem);padding-block:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-bottom))}}@media(min-width:48rem){.splash{--splash-brand-size: clamp(2.625rem, 4vw, 3.25rem);--splash-loader-size: clamp(2.625rem, 4vw, 3.25rem);--splash-gap: clamp(2rem, 3vw, 2.5rem);--splash-stack-width: clamp(7.9375rem, 12vw, 10rem)}}@media(prefers-reduced-motion:reduce){.splash,.splash__loader-wrap{transition-duration:.01ms}.splash__loader{animation-duration:1.4s}}*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark;--bg: #0b0d12;--surface: #141820;--surface-2: #1c2230;--border: #2a3344;--text: #eef1f6;--muted: #8b95a8;--accent: #6c5ce7;--accent-hover: #7f70f0;--danger: #ff6b6b;--radius: 12px;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:var(--bg)}body{margin:0;min-height:100vh}button,input{font:inherit}a{color:var(--accent)}.container{max-width:1100px;margin:0 auto;padding:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:10px;padding:.75rem 1.25rem;background:var(--accent);color:#fff;cursor:pointer;transition:background .15s}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-2);border:1px solid var(--border)}.btn-secondary:hover{background:#252d3d}.input{width:100%;padding:.75rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.input:focus{outline:2px solid color-mix(in srgb,var(--accent) 50%,transparent);border-color:var(--accent)}.muted{color:var(--muted)}.error{color:var(--danger);font-size:.9rem}.player-shell{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.player-shell:fullscreen,.player-shell:-webkit-full-screen{width:100vw;height:100vh;max-height:100vh;aspect-ratio:auto}.flocky-player--fullscreen,.flocky-player:fullscreen,.flocky-player:-webkit-full-screen{width:100%;height:100%}.player-fullscreen-btn{position:absolute;top:.65rem;right:.65rem;z-index:6;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;transition:background .15s ease}.player-fullscreen-btn:hover{background:#000000bf}.player-shell .react-player{position:absolute;top:0;right:0;bottom:0;left:0}.flocky-player,.rush-player{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.flocky-player-video,.rush-player-video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.flocky-player-preparing{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;font-size:.9rem;pointer-events:none;z-index:2}.flocky-player-tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;border:none;background:#0000008c;color:#fff;font:inherit;font-size:.95rem;cursor:pointer}.flocky-chrome,.rush-chrome{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:2.25rem .85rem .75rem;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 55%,transparent 100%);pointer-events:none}.flocky-chrome>*,.rush-chrome>*{pointer-events:auto}.flocky-chrome-bar,.rush-chrome-bar{margin-bottom:.5rem}.flocky-seek-track{position:relative;height:1.25rem;display:flex;align-items:center}.flocky-seek-track:before{content:"";position:absolute;left:0;right:0;height:4px;border-radius:999px;background:#ffffff1f}.flocky-seek-track:after{content:"";position:absolute;left:0;width:var(--buffer, 0%);height:4px;border-radius:999px;background:#ffffff38;pointer-events:none}.flocky-seek,.rush-seek{position:relative;z-index:1;width:100%;height:1.25rem;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.flocky-seek::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--progress, 0%),transparent var(--progress, 0%))}.flocky-seek::-moz-range-track{height:4px;border-radius:999px;background:#ffffff1f}.flocky-seek::-moz-range-progress{height:4px;border-radius:999px;background:var(--accent)}.flocky-seek::-webkit-slider-thumb,.rush-seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #6c5ce78c;transition:transform .12s ease}.flocky-seek:active::-webkit-slider-thumb{transform:scale(1.15)}.flocky-seek::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #6c5ce78c}.flocky-seek:disabled{opacity:.45;cursor:not-allowed}.flocky-chrome-row,.rush-chrome-row{display:flex;align-items:center;gap:.5rem}.flocky-chrome-btn,.rush-chrome-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:50%;background:#ffffff14;color:#fff;cursor:pointer;padding:0;flex-shrink:0;transition:background .15s ease,transform .12s ease}.flocky-chrome-btn:hover:not(:disabled),.rush-chrome-btn:hover:not(:disabled){background:#ffffff29}.flocky-chrome-btn:active:not(:disabled),.rush-chrome-btn:active:not(:disabled){transform:scale(.94)}.flocky-chrome-btn--primary{background:var(--accent)}.flocky-chrome-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.flocky-chrome-btn:disabled,.rush-chrome-btn:disabled{opacity:.4;cursor:not-allowed}.flocky-chrome-time,.rush-chrome-time{font-size:.8rem;color:#ffffffe6;font-variant-numeric:tabular-nums;min-width:5.5rem}.flocky-chrome-time-current{color:#fff}.flocky-chrome-time-sep{margin:0 .2rem;opacity:.45}.flocky-chrome-time-duration{opacity:.7}.flocky-chrome-meta{margin-left:auto;display:flex;align-items:center;gap:.4rem}.flocky-chrome-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:999px;background:#ffffff1a;font-size:.7rem;color:#ffffffbf;white-space:nowrap}.flocky-chrome-badge--sync{color:#c4b5fd;background:#6c5ce738}.flocky-chrome-sync,.flocky-chrome-host,.rush-chrome-sync,.rush-chrome-host{margin-left:auto;font-size:.75rem}.host-badge{display:inline-block;margin-left:.5rem;padding:.1rem .45rem;border-radius:6px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:600;vertical-align:middle}.host-badge--sm{margin-left:.35rem;font-size:.65rem}.room-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.load-form{display:flex;gap:.75rem;margin-bottom:1rem}.player-placeholder{height:100%;display:grid;place-items:center;color:var(--muted)}.room-hint{margin:0 0 1rem;font-size:.85rem}.user-list{margin:0;padding:0;list-style:none;display:grid;gap:.35rem}.sync-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sync-overlay-btn{font-size:1.1rem;padding:1rem 1.75rem}.sync-overlay-hint{margin:0;font-size:.85rem;text-align:center;max-width:18rem}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;color:var(--muted);font-size:1rem}