.watch-page,.room-page{background:#000;width:100%;height:100dvh;position:relative;overflow:hidden}.room-page .ani-room-login{z-index:9;text-align:center;background:#0a0a09;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.room-page .ani-room-login p{max-width:34ch;color:var(--color-text-muted);margin:0}.ani-player{width:100%;height:100%;min-height:100%;color:var(--color-text);font-family:var(--font-sans);background:#000;position:relative}.ani-stage{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.ani-player.is-playing .ani-stage{cursor:default}.ani-frame{background:#060605;border-radius:22px;transition:inset .45s cubic-bezier(.3,0,.2,1),border-radius .45s cubic-bezier(.3,0,.2,1);position:absolute;inset:clamp(14px,3vh,34px) clamp(14px,3vw,34px) 128px;overflow:hidden;box-shadow:0 30px 90px #000a}.ani-player.is-playing .ani-frame{box-shadow:none;border-radius:0;inset:0}.ani-video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.ani-empty-state{background:radial-gradient(circle at 50% 38%,#1b1e17,#0a0b09);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.ani-empty-visual{align-items:flex-end;gap:7px;height:26px;display:flex}.ani-empty-bar{background:var(--color-lime);opacity:.2;border-radius:5px;width:16px;height:22px;animation:2s cubic-bezier(.3,0,.2,1) infinite ani-frame-assemble;transform:scale(.7)translateY(3px)}.ani-empty-bar:nth-child(2){animation-delay:.16s}.ani-empty-bar:nth-child(3){animation-delay:.32s}.ani-empty-bar:nth-child(4){animation-delay:.48s}@keyframes ani-frame-assemble{0%,to{opacity:.2;transform:scale(.7)translateY(3px)}35%,65%{opacity:1;transform:scale(1)translateY(0)}}.ani-empty-text{color:var(--color-text-muted);margin:0;font-size:.95rem}.ani-spinner{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.ani-spinner-ring{border:3px solid #ffffff30;border-top-color:var(--color-lime);border-radius:50%;width:46px;height:46px;animation:.85s linear infinite ani-spin}@keyframes ani-spin{to{transform:rotate(360deg)}}.ani-error-overlay{text-align:center;background:#0b0c0ad9;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.ani-error-overlay p{max-width:34ch;color:var(--color-text-muted);margin:0;font-size:.95rem}.ani-btn{min-height:44px;color:var(--color-text);background:#ffffff10;border:1px solid #ffffff24;border-radius:10px;padding:0 22px;font:650 15px/1 Inter,sans-serif}.ani-btn:hover{background:#ffffff1a}.ani-btn--primary{border-color:var(--color-lime);background:var(--color-lime);color:var(--color-lime-text)}.ani-btn--primary:hover{background:#e4fa89}.ani-topbar{z-index:4;opacity:1;pointer-events:auto;justify-content:space-between;align-items:flex-start;gap:16px;transition:opacity .28s;display:flex;position:absolute;top:clamp(26px,5vh,50px);left:clamp(30px,5vw,56px);right:clamp(30px,5vw,56px)}.ani-topbar.is-hidden{opacity:0;pointer-events:none}.ani-topbar-title{text-shadow:0 2px 16px #000000a0;flex-direction:column;gap:4px;display:flex}.ani-title-main{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:800;line-height:1.05}.ani-title-sub{color:var(--color-text-muted);font-size:.86rem;font-weight:600}.ani-topbar-right{flex-shrink:0}.ani-panel{z-index:4;background:var(--color-panel);opacity:1;border-radius:18px;padding:16px 20px;transition:left .45s cubic-bezier(.3,0,.2,1),right .45s cubic-bezier(.3,0,.2,1),bottom .45s cubic-bezier(.3,0,.2,1),border-radius .45s,background .45s,box-shadow .45s,padding .45s,opacity .25s;position:absolute;bottom:clamp(14px,3vh,34px);left:clamp(14px,3vw,34px);right:clamp(14px,3vw,34px);box-shadow:0 18px 50px #0007}.ani-player.is-playing .ani-panel{box-shadow:none;background:linear-gradient(#05050500 8%,#050505f0);border-radius:0;padding:14px clamp(20px,4vw,48px) 20px;bottom:0;left:0;right:0}.ani-panel.is-hidden{opacity:0;pointer-events:none}.ani-panel-row{justify-content:space-between;align-items:center;gap:16px;margin-top:10px;display:flex}.ani-panel-group{align-items:center;gap:6px;min-width:0;display:flex}.ani-icon-btn{width:38px;height:38px;color:var(--color-text);background:0 0;border:0;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.ani-icon-btn svg{width:19px;height:19px}.ani-icon-btn:hover{color:var(--color-lime);background:#ffffff14}.ani-icon-btn.is-active{color:var(--color-lime)}.ani-icon-btn[disabled]{opacity:.35;pointer-events:none}.ani-icon-btn.is-locked,.ani-scrub-wrap.is-locked{opacity:.45;cursor:not-allowed}.ani-icon-btn--play{width:44px;height:44px}.ani-icon-btn--play svg{width:22px;height:22px}.ani-time{color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:6px;font-size:.82rem}.ani-volume-group{align-items:center;gap:2px;display:flex}.ani-volume-bar{width:0;transition:width .2s,margin .2s;overflow:hidden}.ani-volume-group:hover .ani-volume-bar,.ani-volume-group:focus-within .ani-volume-bar{width:80px;margin-left:4px}.ani-scrubber{touch-action:none;cursor:pointer;align-items:center;height:18px;display:flex;position:relative}.ani-scrubber-track{background:#ffffff26;border-radius:999px;width:100%;height:4px;position:relative;overflow:visible}.ani-scrubber-buffered{background:#ffffff40;border-radius:999px;height:100%;position:absolute;inset:0 auto 0 0}.ani-scrubber-fill{background:var(--color-lime);border-radius:999px;height:100%;position:absolute;inset:0 auto 0 0}.ani-scrubber-thumb{background:var(--color-lime);opacity:0;border-radius:50%;width:12px;height:12px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #d2ec6433}.ani-scrubber:hover .ani-scrubber-thumb,.ani-scrubber:focus-visible .ani-scrubber-thumb{opacity:1}.ani-progress{width:100%}.ani-volume-bar .ani-scrubber-thumb{width:10px;height:10px}.ani-menu-anchor{position:relative}.ani-menu{z-index:6;background:var(--color-panel-light);border-radius:12px;min-width:150px;margin:0;padding:6px;list-style:none;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 18px 50px #000a}.ani-menu li button{width:100%;color:var(--color-text);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:9px 12px;font-size:.88rem;font-weight:600;display:block}.ani-menu li button:hover{background:#ffffff12}.ani-menu li button.is-selected{color:var(--color-lime-text);background:var(--color-lime)}.ani-panel-episodes{flex-direction:column;max-height:min(58vh,460px);display:flex}.ani-panel-episodes-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ani-panel-episodes-head h3{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:1.1rem;font-weight:800}.ani-episodes-grid{scrollbar-width:none;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:0;padding:2px 0 4px;list-style:none;display:grid;overflow-y:auto}.ani-episodes-grid::-webkit-scrollbar{display:none}.ani-episode-card{text-align:left;background:0 0;border:0;border-radius:12px;flex-direction:column;gap:8px;width:100%;padding:6px;transition:background .15s;display:flex}.ani-episode-card:hover{background:#ffffff0f}.ani-episode-card.is-active .ani-episode-num{color:var(--color-lime)}.ani-episode-thumb{aspect-ratio:16/9;background:var(--color-panel-light);border-radius:10px;position:relative;overflow:hidden}.ani-episode-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ani-episode-thumb-number{font:800 1.6rem/1 var(--font-display);color:#fff5;place-items:center;display:grid;position:absolute;inset:0}.ani-episode-meta{flex-direction:column;gap:3px;min-width:0;display:flex}.ani-episode-num{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.74rem;font-weight:700}.ani-episode-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;font-weight:650;line-height:1.3;display:-webkit-box;overflow:hidden}.ani-mobile-topbar,.ani-mobile-lock-zone,.ani-mobile-tap-zone,.ani-mobile-panel{display:none}@media (max-width:768px),(pointer:coarse){.ani-topbar,.ani-panel{display:none}.ani-frame{border-radius:18px;transition:none;inset:0}.ani-player.is-playing .ani-frame{border-radius:18px}.ani-mobile-topbar{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:5;align-items:center;gap:10px;display:flex;position:absolute}.ani-mobile-top-slot{display:flex}.ani-mobile-close{color:#fff;background:#0006;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.ani-mobile-close svg{width:17px;height:17px}.ani-mobile-lock-zone{z-index:5;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.ani-mobile-lock{color:#fff;background:#0006;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.ani-mobile-lock svg{width:17px;height:17px}.ani-mobile-tap-zone{background:0 0;border:0;width:38%;padding:0;display:block;position:absolute;top:0;bottom:96px}.ani-mobile-tap-zone--left{left:0}.ani-mobile-tap-zone--right{right:0}.ani-mobile-tap-hint{opacity:0;color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ani-mobile-panel{left:10px;right:10px;bottom:max(12px, env(safe-area-inset-bottom));z-index:5;-webkit-backdrop-filter:blur(18px)saturate(1.3);background:#14161270;border-radius:18px;padding:12px 14px 10px;transition:opacity .2s,transform .2s;display:block;position:absolute;box-shadow:0 14px 40px #0008}.ani-mobile-panel.is-hidden{opacity:0;pointer-events:none;transform:translateY(6px)}.ani-progress--mobile{margin-bottom:4px}.ani-mobile-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;display:grid}.ani-time--mobile{font-size:.74rem}.ani-mobile-transport{justify-content:center;align-items:center;gap:14px;display:flex}.ani-icon-btn--big{width:48px;height:48px}.ani-icon-btn--big svg{width:23px;height:23px}.ani-mobile-aux{justify-content:flex-end;align-items:center;gap:2px;display:flex}.ani-menu--mobile{bottom:calc(100% + 10px)}}.ani-continue-overlay{z-index:8;background:#06060680;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.ani-continue-card{background:var(--color-panel);text-align:center;border-radius:18px;max-width:420px;padding:22px 24px;box-shadow:0 24px 70px #000b}.ani-continue-text{margin:0 0 16px;font-size:.98rem;line-height:1.5}.ani-continue-actions{justify-content:center;gap:10px;display:flex}.ani-top-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:38px;color:var(--color-text);white-space:nowrap;background:#0005;border:1px solid #ffffff28;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font:650 .86rem/1 Inter,sans-serif;display:inline-flex}.ani-top-pill:hover{border-color:var(--color-lime);color:var(--color-lime)}.ani-top-pill svg{width:15px;height:15px}.ani-menu--top{top:calc(100% + 10px);bottom:auto;right:0}.ani-room-popover{z-index:6;background:var(--color-panel-light);border-radius:16px;flex-direction:column;gap:16px;width:280px;padding:16px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 60px #000b}.ani-room-section h4{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:.74rem;font-weight:700}.ani-room-members{flex-direction:column;gap:8px;max-height:160px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ani-room-members li{align-items:center;gap:9px;display:flex}.ani-room-avatar{background:#ffffff18;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:.74rem;font-weight:700;display:grid;overflow:hidden}.ani-room-avatar img{object-fit:cover;width:100%;height:100%}.ani-room-avatar.is-online{box-shadow:0 0 0 2px var(--lime,#d9ff6a)}.ani-room-member-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.86rem;font-weight:600;overflow:hidden}.ani-room-host-badge{border:1px solid var(--color-lime);color:var(--color-lime);text-transform:uppercase;border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:.68rem;font-weight:700}.ani-room-invite{width:100%;color:var(--color-text-muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0c;border:1px solid #ffffff24;border-radius:9px;margin-bottom:10px;padding:9px 11px;font-size:.78rem;display:block;overflow:hidden}.ani-room-invite:hover{border-color:var(--color-lime);color:var(--color-text)}.ani-room-rotate{width:100%;color:var(--color-text-muted);text-align:left;background:0 0;border:0;border-radius:9px;margin-bottom:10px;padding:7px 11px;font-size:.78rem;font-weight:600;display:block}.ani-room-rotate:hover{color:var(--color-lime)}.ani-room-visibility{gap:8px;display:flex}.ani-room-visibility button{height:36px;color:var(--color-text-muted);background:0 0;border:1px solid #ffffff24;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:.78rem;font-weight:650;display:flex}.ani-room-visibility button svg{width:13px;height:13px}.ani-room-visibility button.is-selected{border-color:var(--color-lime);color:var(--color-lime)}.ani-room-voiceovers{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ani-room-voiceovers button{width:100%;color:var(--color-text);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:7px 8px;font-size:.84rem;display:flex}.ani-room-voiceovers button:hover{background:#ffffff10}.ani-room-voiceovers button.is-selected{color:var(--color-lime)}.ani-room-voiceovers button svg{flex-shrink:0;width:13px;height:13px}@media (prefers-reduced-motion:reduce){.ani-frame,.ani-panel,.ani-topbar{transition:none!important}.ani-empty-bar{opacity:.8;animation:none!important}}