:root{--bg: #ffffff;--surface: #f2f2f2;--surface-hover: #e5e5e5;--fg: #0f0f0f;--muted: #606060;--border: #e0e0e0;--accent: #e5322d;--link: #065fd4;--link-bg: #def1ff;--ok: #1e8e3e;--ok-bg: #e6f4ea;--bad: #c5221f;--bad-bg: #fce8e6;--chip-active-bg: #0f0f0f;--chip-active-fg: #ffffff;--overlay: rgba(0, 0, 0, .8);--media-bg: #000000;--on-media: #ffffff;--media-shade: rgba(0, 0, 0, .55);--progress-track: rgba(255, 255, 255, .35);--glass: rgba(255, 255, 255, .1);--premium-from: #f7d774;--premium-to: #e9a23b;--premium-fg: #2a1a00;--font: "Roboto", "Noto Sans", Arial, sans-serif;--font-brand: "Poppins", "Roboto", Arial, sans-serif;--font-display: "Roboto Condensed", "Roboto", Arial, sans-serif;--header-h: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-h: 52px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f0f0f;--surface: #272727;--surface-hover: #3a3a3a;--fg: #f1f1f1;--muted: #aaaaaa;--border: #303030;--chip-active-bg: #f1f1f1;--chip-active-fg: #0f0f0f;--link: #3ea6ff;--link-bg: #263850;--media-bg: #000000;--on-media: #ffffff;--media-shade: rgba(0, 0, 0, .55);--ok: #81c995;--ok-bg: #1f3326;--bad: #f28b82;--bad-bg: #3c2523;--glass: rgba(255, 255, 255, .1);--premium-from: #f7d774;--premium-to: #e9a23b;--premium-fg: #2a1a00;color-scheme:dark}}:root[data-theme=dark]{--bg: #0f0f0f;--surface: #272727;--surface-hover: #3a3a3a;--fg: #f1f1f1;--muted: #aaaaaa;--border: #303030;--chip-active-bg: #f1f1f1;--chip-active-fg: #0f0f0f;--link: #3ea6ff;--link-bg: #263850;--ok: #81c995;--ok-bg: #1f3326;--bad: #f28b82;--bad-bg: #3c2523;--glass: rgba(255, 255, 255, .1);--premium-from: #f7d774;--premium-to: #e9a23b;--premium-fg: #2a1a00;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:14px}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body:before{content:"";position:fixed;inset:0 0 auto;height:var(--safe-top);z-index:31;background:var(--bg)}.header{position:fixed;top:var(--safe-top);left:0;right:0;z-index:30;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));background:var(--bg);transition:transform .2s ease}.app{--top: calc(var(--header-h) + var(--safe-top))}.app.header-hidden{--top: var(--safe-top)}.header-hidden .header:not(.searching){transform:translateY(calc(-100% - var(--safe-top)))}.header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.icon-btn{width:40px;height:40px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center}.icon-btn:hover{background:var(--surface)}.logo{display:flex;align-items:center;gap:4px}.logo-mark{height:24px;width:auto;display:block}.logo-text{font-family:var(--font-brand);font-size:20px;font-weight:600;letter-spacing:-.4px}.search{flex:0 1 640px;display:flex;align-items:center;min-width:0}.search-back{display:none}.search-box{flex:1;min-width:0;position:relative;display:flex}.search input{flex:1;min-width:0;height:40px;padding:0 44px 0 16px;border:1px solid var(--border);border-right:0;border-radius:40px 0 0 40px;background:var(--bg);color:var(--fg);font:inherit;font-size:16px}.search input:focus{outline:none;border-color:#1c62b9}.search-clear{position:absolute;right:4px;top:4px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center}.search-clear:hover{background:var(--surface)}.search-submit{width:64px;height:40px;border:1px solid var(--border);border-radius:0 40px 40px 0;background:var(--surface);display:grid;place-items:center;flex-shrink:0}.search-submit:hover{background:var(--surface-hover)}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0;width:auto}.search-open{display:none}.avatar-btn{width:34px;height:34px;border:0;border-radius:50%;background:var(--accent);color:#fff;font-weight:500;font-size:15px}.signin-btn{height:36px;padding:0 14px 0 10px;border:1px solid var(--border);border-radius:18px;background:transparent;color:var(--link);display:flex;align-items:center;gap:6px;font-weight:500}.signin-btn:hover{background:var(--link-bg);border-color:transparent}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(var(--nav-h) + var(--safe-bottom));padding:0 env(safe-area-inset-right,0px) var(--safe-bottom) env(safe-area-inset-left,0px);display:flex;justify-content:center;background:var(--bg);border-top:1px solid var(--border)}.bottom-item{flex:1;max-width:160px;min-width:0;border:0;background:transparent;color:var(--fg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px}.bottom-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-item.active{font-weight:500}.bottom-item.active svg{stroke-width:2.25}.bottom-item:hover:not(.active){color:var(--muted)}.bottom-avatar{width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--on-media);display:grid;place-items:center;font-size:12px;font-weight:500}.bottom-item.active .bottom-avatar{box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--fg)}.main{padding:calc(var(--header-h) + 8px) max(16px,env(safe-area-inset-right,0px)) calc(var(--nav-h) + var(--safe-bottom) + 32px) max(16px,env(safe-area-inset-left,0px))}@media(min-width:800px){.main{padding-left:24px;padding-right:24px}}.chips{position:sticky;top:var(--top);transition:top .2s ease;z-index:10;display:flex;gap:12px;overflow-x:auto;padding:12px 0;margin-bottom:12px;background:var(--bg);scrollbar-width:none}.chip{flex-shrink:0;height:32px;padding:0 12px;border:0;border-radius:8px;background:var(--surface);font-weight:500}.chip:hover{background:var(--surface-hover)}.chip.active{background:var(--chip-active-bg);color:var(--chip-active-fg)}.section-title{font-size:20px;font-weight:700;margin:4px 0 16px}.notice{color:var(--muted);font-size:16px;padding:40px 0;text-align:center}.grid{display:grid;gap:40px 16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.card{display:flex;flex-direction:column;gap:12px;min-width:0}.thumb{position:relative;aspect-ratio:16 / 9;max-width:100%;border-radius:12px;overflow:hidden;background:var(--surface);transition:border-radius .2s}.card:hover .thumb{border-radius:0}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:14px 16px;color:#fff}.thumb-title{font-family:var(--font-display);font-size:24px;line-height:1.1;text-transform:uppercase;text-wrap:balance;text-shadow:0 1px 8px rgba(0,0,0,.4)}.thumb-year{font-size:12px;letter-spacing:2px;opacity:.8;margin-top:4px}.thumb-small .thumb-title{font-size:14px}.thumb-small .thumb-fallback{padding:8px 10px}.duration{position:absolute;right:8px;bottom:8px;padding:1px 4px;border-radius:4px;background:var(--overlay);color:#fff;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.thumb-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--progress-track)}.thumb-progress span{display:block;height:100%;background:var(--accent)}.thumb:has(.thumb-progress) .duration{bottom:10px}.card-info{display:flex;gap:12px;min-width:0}.avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:#fff;font-weight:500}.card-text{min-width:0}.card-title{margin:0 0 4px;font-size:16px;font-weight:500;line-height:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{margin:0;color:var(--muted);font-size:14px;line-height:20px}.card-compact{flex-direction:row;gap:8px;margin-bottom:8px}.card-compact .thumb{width:168px;flex-shrink:0;border-radius:8px}.card-compact .card-title{font-size:14px;line-height:20px}.card-compact .card-meta{font-size:12px;line-height:18px}.watch{display:flex;gap:24px;max-width:1700px;margin:0 auto;padding-top:16px}.watch-primary{flex:1;min-width:0}.watch-secondary{width:402px;flex-shrink:0}.player{aspect-ratio:16 / 9;max-width:100%;background:#000;border-radius:12px;overflow:hidden}.player video{width:100%;height:100%;display:block}.vp{position:relative;width:100%;height:100%;background:var(--media-bg);color:var(--on-media);-webkit-user-select:none;user-select:none}.vp video{width:100%;height:100%;object-fit:contain;display:block}.vp-surface{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:manipulation}.vp:not(.show){cursor:none}.vp-center,.vp-bar{transition:opacity .2s ease}.vp:not(.show) .vp-center,.vp:not(.show) .vp-bar{opacity:0;pointer-events:none}.vp-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:40px;pointer-events:none;background:var(--media-shade)}.vp:not(.show) .vp-center{background:transparent}.vp-btn{position:relative;pointer-events:auto;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:none;color:inherit}.vp-btn:hover{background:var(--media-shade)}.vp-btn svg{width:32px;height:32px}.vp-btn small{position:absolute;font-size:10px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-40%)}.vp-btn.vp-play{width:64px;height:64px;background:var(--media-shade)}.vp-btn.vp-play svg{width:36px;height:36px}.vp-btn.sm{width:40px;height:40px}.vp-btn.sm svg{width:24px;height:24px}.vp-bar{position:absolute;left:0;right:0;bottom:0;padding:24px 12px 4px;background:linear-gradient(transparent,var(--media-shade))}.vp-row{display:flex;align-items:center;gap:4px}.vp-time{flex:1;font-size:13px;font-variant-numeric:tabular-nums}.vp-seek{display:block;width:100%;height:20px;margin:0;background:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vp-seek::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--pct),var(--progress-track) var(--pct))}.vp-seek::-moz-range-track{height:4px;border-radius:2px;background:var(--progress-track)}.vp-seek::-moz-range-progress{height:4px;border-radius:2px;background:var(--accent)}.vp-seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--accent);border:0}.vp-seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:0}.vp-flash{position:absolute;top:50%;transform:translateY(-50%);padding:8px 14px;border-radius:20px;background:var(--media-shade);font-size:14px;font-weight:500;pointer-events:none;animation:vp-flash .7s ease forwards}.vp-flash.back{left:12%}.vp-flash.fwd{right:12%}@keyframes vp-flash{0%,60%{opacity:1}to{opacity:0}}.vp.is-full{width:100vw;height:100dvh}.vp.is-full .vp-bar{padding-bottom:calc(8px + var(--safe-bottom))}@media(orientation:portrait){.vp.is-full.is-vertical video{object-fit:cover}}@media(max-width:600px){.vp-center{gap:28px}}.player-error{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#ddd;font-size:16px;text-align:center;padding:16px}.player-error code{color:#999;font-size:13px;word-break:break-all}.watch-title{font-size:20px;font-weight:700;margin:12px 0 8px;line-height:28px}.watch-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag{padding:6px 12px;border-radius:18px;background:var(--surface);font-weight:500}.description{background:var(--surface);border-radius:12px;padding:12px;cursor:pointer;line-height:20px}.description p{margin:0}.description:not(.expanded) p:last-of-type{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.description-meta{font-weight:500;margin-bottom:4px!important}.more{border:0;background:none;padding:0;font-weight:500}@media(max-width:1000px){.watch{flex-direction:column}.watch-secondary{width:100%}}@media(max-width:600px){.logo-text,.search{display:none}.search-open{display:grid}.signin-btn span{display:none}.signin-btn{padding:0 6px}.header.searching .header-left,.header.searching .header-right{display:none}.header.searching .search{display:flex;flex:1;gap:4px}.header.searching .search-back{display:grid}.search-submit{width:48px}.card-compact .thumb{width:140px}.player{border-radius:0;margin:0 -16px;max-width:none;width:calc(100% + 32px)}.player:not(.is-wide){aspect-ratio:9 / 16;max-height:calc(100dvh - var(--header-h) - var(--nav-h) - var(--safe-top) - var(--safe-bottom) - 16px)}.player:not(.is-wide) .vp.is-vertical video{object-fit:cover}}.search-summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 20px;font-size:16px}.link-btn{border:0;background:none;padding:0;color:var(--link);font-weight:500;font-size:14px}.btn-primary,.btn-secondary,.btn-small{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border-radius:20px;border:0;font-weight:500}.btn-primary{background:var(--fg);color:var(--bg)}.btn-primary:hover{opacity:.88}.btn-secondary{background:var(--surface)}.btn-secondary:hover{background:var(--surface-hover)}.btn-small{height:34px;padding:0 14px;background:var(--fg);color:var(--bg)}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;font-weight:500;color:var(--muted)}.field input,.inline-form input{height:44px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font:inherit;font-size:16px;min-width:0}.field input:focus,.inline-form input:focus{outline:none;border-color:var(--link)}.pin{display:flex;gap:10px}.pin input{width:52px;height:56px;padding:0;text-align:center;font-size:24px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--fg)}.pin input:focus{outline:none;border-color:var(--link);box-shadow:0 0 0 1px var(--link)}.auth{display:grid;place-items:start center;padding-top:24px}.auth-card{width:100%;max-width:420px;padding:32px 28px;border:1px solid var(--border);border-radius:16px}.auth-card form{display:flex;flex-direction:column;gap:16px}.auth-card h1{margin:0;font-size:24px;font-weight:500}.auth-logo{margin-bottom:20px;display:flex}.form-error{margin:0;padding:10px 12px;border-radius:10px;background:var(--bad-bg);color:var(--bad)}.form-hint{margin:0;color:var(--muted);line-height:20px}.form-links{margin:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--muted)}.form-links button{border:0;background:none;padding:0;color:var(--link);font-weight:500}.demo-note{margin:0;padding:10px 12px;border-radius:10px;background:var(--surface);color:var(--muted);font-size:13px;line-height:18px}.demo-note b{color:var(--fg);letter-spacing:2px}.profile{max-width:1100px;margin:0 auto;padding-top:16px;display:flex;flex-direction:column;gap:20px}.profile-head{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.profile-avatar{width:88px;height:88px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:38px;font-weight:500;flex-shrink:0}.profile-id{flex:1;min-width:200px}.profile-id h1{margin:0 0 4px;font-size:28px;font-weight:700;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.profile-actions{display:flex;gap:8px;flex-wrap:wrap}.inline-form{display:flex;gap:8px;margin-bottom:4px}.muted{margin:0;color:var(--muted);line-height:20px}.panel{border:1px solid var(--border);border-radius:16px;padding:20px;min-width:0}.panel h2{margin:0 0 12px;font-size:18px;font-weight:500}.pin-change{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px}.profile-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}.plan-status{margin:0 0 8px;display:flex;align-items:center;gap:8px;font-weight:500}.pill{padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.big{margin:0 0 4px;font-size:22px;font-weight:700;line-height:28px}.balance{font-size:32px;line-height:40px;font-variant-numeric:tabular-nums;margin-bottom:12px}.plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:16px}.plan{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--border);border-radius:12px;background:transparent;text-align:left;color:inherit;text-decoration:none}.plan:hover{border-color:var(--fg)}.plan span{font-size:13px;color:var(--muted)}.plan b{font-size:16px;font-variant-numeric:tabular-nums}.plan small{color:var(--link);font-weight:500}.amounts{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.toast{margin:0;padding:10px 14px;border-radius:10px}.toast.ok{background:var(--ok-bg);color:var(--ok)}.toast.bad{background:var(--bad-bg);color:var(--bad)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border)}.tabs button{border:0;background:none;padding:12px 16px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.active{color:var(--fg);border-bottom-color:var(--fg)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.history-row{display:flex;gap:14px;align-items:flex-start}.history-row .thumb{width:200px;flex-shrink:0;border-radius:8px}.history-row b{display:block;font-size:16px;font-weight:500;margin-bottom:4px}.table-wrap{overflow-x:auto}.tx{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tx th,.tx td{padding:12px 8px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.tx th{color:var(--muted);font-weight:500;font-size:13px}.tx .num{text-align:right}.tx .plus{color:var(--ok)}.player-error .btn-primary{background:#f1f1f1;color:#0f0f0f}@media(max-width:600px){.plans{grid-template-columns:1fr}.history-row .thumb{width:140px}.auth-card{padding:24px 18px;border:0}}.is-shorts .main{padding-top:var(--safe-top);padding-bottom:calc(var(--nav-h) + var(--safe-bottom))}.shorts{position:relative}.shorts-feed{height:calc(100dvh - var(--safe-top) - var(--nav-h) - var(--safe-bottom));overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}.shorts-feed::-webkit-scrollbar{display:none}.short{height:100%;padding:calc(var(--top) - var(--safe-top) + 12px) 0 12px;display:flex;justify-content:center;transition:padding-top .2s ease;scroll-snap-align:start;scroll-snap-stop:always}.short-frame{position:relative;height:100%;aspect-ratio:9 / 16;max-width:100%;border-radius:12px;overflow:hidden;background:var(--media-bg);color:var(--on-media)}.short-frame video{width:100%;height:100%;object-fit:contain;display:block;cursor:pointer}.short-frame.is-vertical video{object-fit:cover}.short-missing{position:absolute;top:0;right:0;bottom:0;left:0}.short-missing p{position:absolute;top:40%;left:0;right:0;margin:0;text-align:center;font-size:15px;opacity:.85}.short-poster{width:100%;height:100%;object-fit:cover;display:block}.short-poster-fallback{display:flex;align-items:flex-end;padding:12px;color:var(--on-media)}.short-poster-fallback span{font-family:var(--font-display);font-size:20px;line-height:1.1;text-transform:uppercase;text-wrap:balance;text-shadow:0 1px 8px var(--media-shade)}.short-missing .short-poster-fallback span{display:none}.short-paused{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;width:64px;height:64px;border-radius:50%;background:var(--media-shade);display:grid;place-items:center}.short-paused svg{width:36px;height:36px}.short-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--media-shade)}.short-progress span{display:block;height:100%;background:var(--accent)}.short-duration{position:absolute;top:12px;left:12px;padding:2px 6px;border-radius:4px;background:var(--overlay);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.short-info{position:absolute;left:0;right:0;bottom:0;padding:48px 64px 18px 16px;pointer-events:none;background:linear-gradient(transparent,var(--media-shade))}.short-info h2{margin:0 0 6px;font-size:16px;font-weight:500;line-height:22px}.short-info p{margin:0 0 10px;font-size:13px;line-height:18px;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.short-movie{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 12px 6px 8px;border-radius:16px;background:var(--media-shade);font-size:13px;font-weight:500}.short-movie svg{width:18px;height:18px;flex-shrink:0}.short-movie span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.short-continue{pointer-events:auto;margin-top:12px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--on-media);font-size:15px;font-weight:500}.short-continue svg{width:22px;height:22px}.short-action{position:absolute;right:12px;bottom:24px;width:44px;height:44px;border:0;border-radius:50%;background:var(--media-shade);color:var(--on-media);display:grid;place-items:center}.shorts-nav{position:absolute;right:0;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:16px}.shorts-nav .icon-btn{width:56px;height:56px;background:var(--surface)}.shorts-nav .icon-btn:hover{background:var(--surface-hover)}.shorts-nav .icon-btn:disabled{opacity:.35;cursor:default}@media(min-width:800px){.shorts-nav{display:flex}}@media(max-width:600px){.shorts{margin:0 -16px}.short{padding:calc(var(--top) - var(--safe-top)) 0 0}.short-frame{width:100%;aspect-ratio:auto;border-radius:0}}.shorts-shelf{margin:0 0 32px;min-width:0}.shelf-title{display:flex;align-items:center;gap:8px}.shelf-title svg{color:var(--accent)}.shelf-row{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.short-card{flex:0 0 180px;min-width:0;display:flex;flex-direction:column;gap:8px}.short-card-thumb{position:relative;aspect-ratio:9 / 16;border-radius:12px;overflow:hidden;background:var(--surface)}.short-card .card-title{font-size:15px;line-height:20px}.short-card .short-poster-fallback{padding-bottom:34px}@media(max-width:600px){.short-card{flex-basis:150px}}.movie-shelf{margin:0 0 32px;min-width:0}.shelf-card{flex:0 0 300px;min-width:0}@media(max-width:600px){.shelf-card{flex-basis:260px}}.sk-block,.sk-line{background:var(--surface)}.sk-line{display:block;width:90%;height:14px;border-radius:7px;margin:4px 0 10px}.sk-line-short{width:55%}.skeleton .card-text{flex:1}.skeleton .sk-block,.skeleton .sk-line{animation:sk-pulse 1.4s ease-in-out infinite}@keyframes sk-pulse{50%{opacity:.45}}.watch-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.action-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 10px;border:0;border-radius:18px;background:var(--surface);font-weight:500}.action-btn:hover{background:var(--surface-hover)}.action-btn svg{width:20px;height:20px}.action-btn.active{background:var(--chip-active-bg);color:var(--chip-active-fg)}.player{position:relative}.player-flash{position:absolute;top:12px;left:50%;transform:translate(-50%);pointer-events:none;z-index:3;padding:6px 14px;border-radius:16px;background:var(--media-shade);color:var(--on-media);font-weight:500}.player-lead{margin:0;font-size:17px;font-weight:500}.player-sub{margin:0 0 8px;font-size:14px;opacity:.75}.player-locked svg{width:32px;height:32px;opacity:.8}.player-locked{position:relative;overflow:hidden}.player-locked>:not(.locked-bg){position:relative;z-index:1}.locked-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.locked-bg img{width:100%;height:100%;object-fit:cover;display:block;filter:blur(24px);transform:scale(1.2)}.locked-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--media-shade)}.player-locked .player-lead{font-size:20px;font-weight:700}.pay-options{display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:12px;margin:12px 0 6px}.pay-option{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px;border:0;border-radius:16px;background:var(--glass);color:var(--on-media);text-align:left;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .15s}.pay-option:hover{transform:translateY(-2px)}.pay-option span{font-size:13px;opacity:.85}.pay-option b{font-size:22px;font-variant-numeric:tabular-nums}.pay-option small{font-size:12px;opacity:.8}.pay-option.premium{background:linear-gradient(135deg,var(--premium-from),var(--premium-to));color:var(--premium-fg);box-shadow:0 6px 24px var(--media-shade)}.pay-option.premium span,.pay-option.premium small{opacity:1;font-weight:500}.player-locked .pay-crown{position:absolute;top:12px;right:12px;width:22px;height:22px;opacity:1}.pay-option{text-decoration:none}.checkout{max-width:480px;margin:0 auto;padding:16px 0 24px;display:flex;flex-direction:column;gap:14px}.checkout h1{margin:0;font-size:24px}.checkout h2{margin:6px 0 0;font-size:16px}.checkout-back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start}.checkout-back svg{width:20px;height:20px}.checkout-summary{position:relative;display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:16px;background:var(--surface)}.checkout-summary span{color:var(--muted);font-weight:500}.checkout-summary b{font-size:28px;font-variant-numeric:tabular-nums}.checkout-summary.premium{background:linear-gradient(135deg,var(--premium-from),var(--premium-to));color:var(--premium-fg)}.checkout-summary.premium span{color:inherit}.checkout-summary .pay-crown{position:absolute;top:16px;right:16px}.checkout-methods{display:flex;flex-direction:column;gap:8px}.checkout-method{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:transparent;text-align:left;font-weight:500}.checkout-method span{flex:1}.checkout-method.active{border:2px solid var(--fg);padding:13px 15px}.checkout-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border)}.checkout-method.active .checkout-radio{border:6px solid var(--fg)}.checkout-pay{height:48px;border-radius:24px;font-size:16px;justify-content:center}.checkout-pay:disabled{opacity:.6;cursor:progress}.checkout p{margin:0;line-height:22px}.pay-state{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.pay-rows{margin:0;border-top:1px solid var(--border)}.pay-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:8px 0;border-bottom:1px solid var(--border)}.pay-row>div{min-width:0}.pay-row dt{font-size:13px;color:var(--muted)}.pay-row dd{margin:2px 0 0;overflow-wrap:anywhere}.pay-row dd.mono,.ref,td.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.pay-row dd.strong{font-size:18px;font-weight:700}.ref{color:var(--accent);font-weight:700}.copy-btn{flex-shrink:0;min-width:44px;min-height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--fg);font:inherit;font-weight:500;cursor:pointer}.copy-btn:hover{border-color:var(--fg)}.waiting{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.waiting .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.muted.small,.small{font-size:13px;line-height:18px}.checkout-done{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:48px 0}.checkout-done svg{width:64px;height:64px;color:var(--ok)}.checkout-done p{margin:0 0 8px}.pay-link{color:var(--on-media);text-decoration:underline;font-weight:500}.rent-note{margin:-4px 0 8px;font-size:13px}.plan-note{margin:10px 0 0;font-size:13px}.rentals{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.rentals li{display:flex;justify-content:space-between;gap:8px;font-size:14px}.rentals a{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-link{display:block;font-weight:500}.later-page{max-width:1400px;margin:0 auto;padding-top:16px}.later-count{margin:8px 0 16px}.later-back{display:inline-flex;margin:-8px 0 0 -12px}.later-item{position:relative;min-width:0}.later-remove{position:absolute;top:8px;right:8px;background:var(--media-shade);color:var(--on-media)}.later-remove:hover{background:var(--media-shade);opacity:.85}.resume-note{margin:10px 0 0;color:var(--muted)}.history-page{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"head ." "main side";column-gap:32px;max-width:1100px;margin:0 auto;padding-top:16px;align-items:start}.history-heading{grid-area:head;font-size:28px;font-weight:700;margin:0 0 16px}.history-main{grid-area:main;min-width:0}.history-group{margin-bottom:24px}.history-group h2{font-size:18px;font-weight:700;margin:0 0 12px}.history-item{display:flex;gap:14px;align-items:flex-start}.history-thumb{width:246px;flex-shrink:0}.history-thumb .thumb{border-radius:8px}.history-text{flex:1;min-width:0}.history-text h3{margin:0 0 4px;font-size:18px;font-weight:400;line-height:26px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-text .muted{font-size:13px}.history-status{margin:4px 0;font-size:13px;color:var(--fg);font-weight:500}.history-desc{margin:0;color:var(--muted);font-size:13px;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-remove{flex-shrink:0}.history-side{grid-area:side;position:sticky;top:calc(var(--top) + 16px);transition:top .2s ease;display:flex;flex-direction:column;gap:12px}.history-search{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);padding:4px 0;color:var(--muted)}.history-search:focus-within{border-bottom-color:var(--fg);color:var(--fg)}.history-search input{flex:1;min-width:0;height:36px;border:0;background:none;color:var(--fg);font:inherit;font-size:15px}.history-search input:focus{outline:none}.side-action{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border:0;border-radius:20px;background:none;font-weight:500;text-align:left}.side-action:hover{background:var(--surface)}.history-confirm{padding:12px;border-radius:12px;background:var(--surface)}.history-confirm p{margin:0 0 10px}.history-confirm div{display:flex;gap:8px}.btn-sm{height:34px;padding:0 14px}.history-page:has(.history-empty){display:block}.history-empty{text-align:center;padding:40px 0;display:flex;flex-direction:column;align-items:center;gap:12px;flex:1}.history-empty h1{margin:0;font-size:24px}@media(max-width:900px){.history-page{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "side" "main"}.history-side{position:static;margin-bottom:16px}.history-thumb{width:168px}}@media(max-width:600px){.history-heading{font-size:22px}.history-thumb{width:140px}.history-text h3{font-size:15px;line-height:20px}.history-desc{display:none}.history-item{gap:10px}}@media(prefers-reduced-motion:reduce){.skeleton .sk-block,.skeleton .sk-line{animation:none}*{transition:none!important}}.admin{max-width:1100px;margin:0 auto;padding-top:16px;display:flex;flex-direction:column;gap:16px}.admin-title{margin:0;font-size:28px;font-weight:700}.admin-tabs{flex-wrap:wrap}.admin-tabs a{padding:12px 16px;font-weight:500;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.admin-tabs a.active{color:var(--fg);border-bottom-color:var(--fg)}@media(max-width:600px){.admin-tabs{flex-wrap:nowrap;justify-content:space-between;gap:0;overflow:hidden;touch-action:pan-y}.admin-tabs a{padding:10px 2px;font-size:clamp(11px,3.4vw,14px)}}.admin-body{display:flex;flex-direction:column;gap:16px;min-width:0}.quick-grant{display:flex;flex-direction:column;gap:10px}.quick-grant h2,.quick-grant p,.quick-grant .amounts{margin:0}.quick-grant .admin-search{flex:none}.grant-user{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--surface)}.grant-user .pill{align-self:flex-start;margin-top:2px}.grant-custom{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.grant-custom>.muted{flex-basis:100%;font-size:13px}.grant-custom .admin-search{flex:1 1 90px;max-width:160px}.admin-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.admin-toolbar .amounts{margin:0}.admin-search,.admin-form select,.admin-form textarea{height:40px;padding:0 14px;border:1px solid var(--border);border-radius:20px;background:var(--bg);color:var(--fg);font:inherit;font-size:16px;min-width:0}.admin-search{flex:1 1 240px;max-width:420px}.admin-form select,.admin-form textarea{height:44px;border-radius:10px}.admin-form textarea{height:auto;padding:10px 14px;resize:vertical;line-height:22px}.admin-search:focus,.admin-form select:focus,.admin-form textarea:focus{outline:none;border-color:var(--link)}.admin-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-actions button,.admin-actions a,.profile-actions a,.profile-actions button{gap:6px}.admin-edited{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.admin-edited .link-btn{display:inline-flex;align-items:center;gap:4px}.admin-form{display:flex;flex-direction:column;gap:14px}.admin-form h2{margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.admin-row{display:flex;align-items:center;gap:14px}.admin-row .thumb{width:160px;flex-shrink:0;border-radius:8px}.admin-row-text{flex:1;min-width:0}.admin-row-text b{display:block;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-row-actions{display:flex;flex-shrink:0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px}a.stat{color:inherit;text-decoration:none}.tg-check{list-style:none;margin:0;display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}.stat{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;background:var(--surface);min-width:0}.stat span,.stat small{color:var(--muted);font-size:13px}.stat b{font-size:26px;line-height:32px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.rank{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}.rank li>*{display:inline}.rank li{line-height:20px}.rank .muted{margin-left:8px}.panel-more{display:inline-block;margin-top:12px;font-size:14px}.panel-more:hover{color:var(--fg)}.admin-users>li{border:1px solid var(--border);border-radius:16px;overflow:hidden}.admin-users>li.open{border-color:var(--fg)}.admin-user{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:0;background:transparent;text-align:left;color:inherit;font:inherit}.admin-user:hover{background:var(--surface)}.profile-avatar.small{width:40px;height:40px;font-size:18px}.admin-user-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.admin-user-text b{font-weight:500;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.admin-user-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-variant-numeric:tabular-nums;flex-shrink:0}.admin-detail{padding:4px 14px 16px;display:flex;flex-direction:column;gap:14px}.admin-detail .inline-form{display:flex;flex-wrap:wrap;gap:8px}.admin-detail .inline-form input{flex:1 1 110px;height:40px}.admin-pin{display:flex;flex-direction:column;gap:12px;margin-top:12px}.chip.danger,.btn-secondary.danger{color:var(--bad)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border-radius:20px;border:0;font-weight:500;background:var(--bad);color:var(--bg)}.btn-danger:hover{opacity:.88}.logout-confirm p{margin:0 0 6px}.logout-confirm div{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}@media(max-width:600px){.admin-row .thumb{width:112px}.admin-search{max-width:none}.admin-detail{padding:4px 10px 14px}}.shelf{position:relative}.shelf-arrow{position:absolute;top:40%;transform:translateY(-50%);z-index:2;display:none;background:var(--bg);box-shadow:0 2px 8px var(--media-shade)}.shelf-arrow:hover{background:var(--surface)}.shelf-arrow.prev{left:-12px}.shelf-arrow.next{right:-12px}.movie-shelf .shelf-arrow{top:30%}@media(hover:hover)and (min-width:800px){.shelf-arrow{display:grid}}@media(min-width:1001px){.watch{justify-content:center}.watch-primary{max-width:max(640px,calc((100dvh - var(--header-h) - var(--nav-h) - 170px) * 16 / 9))}.shorts-nav{right:auto;left:min(calc(100% - 56px),calc(50% + (100dvh - var(--header-h) - var(--nav-h) - 24px) * 9 / 32 + 24px))}}