@font-face{font-family:Kanit;font-style:normal;font-weight:100;font-display:swap;src:url(../media/1bd12f1f0d40402b-s.p.beff5071.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:100;font-display:swap;src:url(../media/2ec66c0d5e281f90-s.1787c5b4.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:100;font-display:swap;src:url(../media/ebeb2266fff6b3b5-s.e2410c10.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:100;font-display:swap;src:url(../media/4be8bbe4f5c6e82b-s.p.d97cff87.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:200;font-display:swap;src:url(../media/6705967e36b90104-s.p.ded490bd.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:200;font-display:swap;src:url(../media/1810fef5da817f8d-s.eb65691f.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:200;font-display:swap;src:url(../media/9c1b054fb0d95d0e-s.1cebf5c9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:200;font-display:swap;src:url(../media/215322a467b9be5a-s.p.72403987.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/d598b2fbe51cc254-s.p.3ec552e0.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/7e531266682ee0b2-s.d634be4c.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/4bc62d0d5f9ae771-s.d74f0500.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/fdbfb7080a87a334-s.p.3be6c8ae.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/577b8067601e9847-s.p.e644b68f.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5d1ea58cfb9c551d-s.7dda2f4b.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d1bdedfd2fe13894-s.b093ab45.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1e23e5114abf0db3-s.p.b3163490.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/34da6f6f5d0d57a5-s.p.96754dc3.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c5ef4f45c466146b-s.cfb14465.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e9c5fb40545fcd2-s.a32f81c5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/89d4f80f11029d6d-s.p.eabc3dff.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/876b05e81fb36bf6-s.p.5eeb9c45.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5128e7653d6f3744-s.71b7b808.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/07bc3d3e69c8b6e8-s.a98998d3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/118b6ed7ac256a99-s.p.772b3575.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a244653d74e7372f-s.p.686004b0.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7ff43f20b4a94066-s.56af7f28.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d5ac005905e340fc-s.823aae1d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c750adf2ddf22b70-s.p.fc7dc774.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5cd84bccd140a27e-s.p.a0602b11.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/76724868bba90169-s.50e05bf8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/affb3a7a977decf3-s.3a9d0fd2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5db3af44c16866f3-s.p.72e262d7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/073882072f72ca37-s.p.54d7950a.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/7f33a509678d7a30-s.95fef08a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/d0ed2b25cc87a567-s.aaec0f21.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/5ad4ff46ac72da73-s.p.d1ceb8d7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit Fallback;src:local(Arial);ascent-override:108.49%;descent-override:38.96%;line-gap-override:0.0%;size-adjust:101.39%}.kanit_78b38d6-module__umwHvG__className{font-family:Kanit,Kanit Fallback;font-style:normal}.kanit_78b38d6-module__umwHvG__variable{--font-kanit:"Kanit","Kanit Fallback"}
:root{--bg-primary:#0d0d0d;--bg-secondary:#141414;--bg-card:#1a1a1a;--bg-card-hover:#222;--bg-surface:#252525;--bg-input:#2a2a2a;--text-primary:#f0f0f0;--text-secondary:#b0b0b0;--text-muted:#777;--accent:#03a9f4;--accent-dark:#0288d1;--accent-glow:#03a9f44d;--gradient-cta:linear-gradient(135deg,#e12dff,#6f00ff);--gradient-gold:linear-gradient(135deg,#f7971e,#ffd200);--gradient-fire:linear-gradient(135deg,#ff5722,#ff9800);--border-color:#2a2a2a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 4px 16px #0006;--shadow-glow:0 0 20px var(--accent-glow);--transition:.3s cubic-bezier(.4,0,.2,1);--font-main:var(--font-kanit),"Kanit","Segoe UI",sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:15px;line-height:1.65;overflow-x:hidden}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-dark)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}::selection{background-color:var(--accent);color:#fff}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-color);background-color:#0d0d0dd9;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-brand{color:var(--text-primary);align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.navbar-brand:hover{color:var(--accent)}.nav-links{align-items:center;gap:4px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;padding:8px 12px;font-size:14px;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--accent);background-color:#03a9f41a}.navbar-user{align-items:center;gap:12px;display:flex}.navbar-username{color:var(--text-primary);font-size:14px}.navbar-logout{color:#ff6b6b;border-radius:var(--radius-sm);transition:all var(--transition);background:#ff6b6b1a;padding:4px 8px;font-size:13px}.navbar-logout:hover{background:#ff6b6b33}.main-content{max-width:1200px;margin:0 auto;padding:72px 16px 40px}.search-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;display:flex}.search-bar select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:0 140px;min-width:100px;max-width:100%;padding:8px 12px;font-family:inherit;font-size:14px}.search-bar input{background:var(--bg-input);min-width:0;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition),box-shadow var(--transition);flex:1;padding:10px 16px;font-family:inherit;font-size:15px}.search-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.search-bar input::placeholder{color:var(--text-muted)}.search-bar .btn-search{background:var(--accent);color:#fff;border-radius:var(--radius-md);white-space:nowrap;transition:all var(--transition);flex:none;padding:10px 20px;font-size:14px;font-weight:600}.search-bar .btn-search:hover{background:var(--accent-dark);box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}@media (max-width:640px){.search-bar{gap:6px;padding:10px}.search-bar select{flex:0 0 110px}.search-bar input{flex:100%}.search-bar .btn-search{flex:0 0 100%;width:100%}}.movie-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:640px){.movie-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.movie-grid{grid-template-columns:repeat(4,1fr)}}.movie-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative;overflow:hidden}.movie-card:hover{box-shadow:var(--shadow-card);border-color:#03a9f433;transform:translateY(-4px)}.movie-card:hover .movie-card-img{transform:scale(1.05)}.movie-card-img-wrapper{aspect-ratio:3/4;background:var(--bg-surface);position:relative;overflow:hidden}.movie-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.movie-card-body{padding:10px 12px}.movie-card-title{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.movie-card-category{color:var(--accent);opacity:.8;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.badge-ep{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-sm);z-index:5;background:#000c;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px}.badge-tag{background:var(--gradient-fire);color:#fff;border-radius:var(--radius-sm);z-index:5;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.rank-label{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);box-shadow:var(--shadow-card);margin:8px 0 12px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-block}.rank-label.daily{background:var(--gradient-fire);color:#fff}.rank-label.weekly{color:#fff;background:linear-gradient(45deg,#2196f3,#00bcd4)}.rank-label.monthly{color:#fff;background:linear-gradient(45deg,#7421f3,#c700d4)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;animation:.3s slideUp;overflow-y:auto}.modal-header h3{font-size:18px;font-weight:600}.modal-close{background:var(--bg-surface);width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.modal-close:hover{background:var(--accent);color:#fff}.modal-cover{object-fit:cover;border-radius:var(--radius-md);width:100%;max-height:280px;margin-bottom:16px}.modal-meta{color:var(--accent);opacity:.8;margin-bottom:6px;font-size:13px}.modal-desc{color:var(--text-secondary);max-height:150px;margin-bottom:20px;font-size:14px;line-height:1.7;overflow-y:auto}.btn-cta{background:var(--gradient-cta);color:#fff;border-radius:var(--radius-md);text-align:center;width:100%;transition:all var(--transition);padding:14px;font-size:16px;font-weight:600;display:block;box-shadow:0 4px 16px #e12dff4d}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #e12dff80}.app-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:900px;margin:0 auto;padding:20px;display:grid}@media (min-width:640px){.app-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.app-grid{grid-template-columns:repeat(4,1fr)}}.app-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition);flex-direction:column;justify-content:space-between;align-items:center;min-height:140px;padding:16px 12px;display:flex;position:relative;overflow:hidden}.app-card:before{content:"";background:var(--gradient-cta);opacity:0;transition:opacity var(--transition);z-index:0;position:absolute;inset:0}.app-card:hover{box-shadow:var(--shadow-glow);border-color:var(--accent);transform:translateY(-6px)}.app-card:hover:before{opacity:.08}.app-card-icon{z-index:1;margin-bottom:12px;font-size:36px;position:relative}.app-card-name{text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);z-index:1;font-size:14px;font-weight:600;position:relative}.loading-overlay{z-index:9999;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.loading-text{color:var(--text-secondary);font-size:14px;animation:1.5s infinite pulse}.player-loading-spinner{background:radial-gradient(circle,#ffffff14 0 42%,#0000 43%),conic-gradient(#e12dff,#b41eff,#4fc3f7,#e12dff);border-radius:50%;width:64px;height:64px;animation:1s linear infinite playerSpin;position:relative;box-shadow:0 0 28px #e12dff59}.player-loading-spinner:before{content:"";background:#000000e6;border-radius:50%;position:absolute;inset:5px}.player-loading-dots{gap:6px;margin-top:2px;display:inline-flex}.player-loading-dots span{background:var(--accent);border-radius:999px;width:6px;height:6px;animation:.9s ease-in-out infinite playerDotBounce}.player-loading-dots span:nth-child(2){animation-delay:.15s}.player-loading-dots span:nth-child(3){animation-delay:.3s}.scroll-top{background:var(--accent);color:#fff;width:44px;height:44px;box-shadow:0 4px 16px var(--accent-glow);transition:all var(--transition);z-index:500;opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:fixed;bottom:24px;right:24px}.scroll-top.visible{opacity:1;pointer-events:auto}.scroll-top:hover{box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes playerSpin{to{transform:rotate(360deg)}}@keyframes playerDotBounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.vip-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.vip-badge.active{color:#4caf50;background:linear-gradient(135deg,#2eff4a26,#2490dd26);border:1px solid #4caf504d}.vip-badge.expired{color:#ff5722;background:linear-gradient(135deg,#ff362f26,#dd24be26);border:1px solid #ff57224d}.hero-header{text-align:center;padding:60px 20px 40px}.hero-title{background:linear-gradient(135deg,#fff 0%,var(--accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:32px;font-weight:800}.hero-subtitle{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:15px;line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.mobile-menu-btn{border-radius:var(--radius-sm);background:var(--bg-surface);width:36px;height:36px;color:var(--text-primary);justify-content:center;align-items:center;font-size:20px;display:none}@media (max-width:768px){.mobile-menu-btn{display:flex}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);opacity:0;pointer-events:none;transition:all var(--transition);background:#0d0d0df2;flex-direction:column;gap:4px;padding:16px;position:fixed;top:56px;left:0;right:0;transform:translateY(-100%)}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.movie-grid{gap:8px}.hero-title{font-size:26px}}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex;position:relative;overflow:hidden}.login-bg{z-index:0;position:fixed;inset:0;overflow:hidden}.login-bg-orb{filter:blur(100px);opacity:.25;border-radius:50%;animation:12s ease-in-out infinite orbFloat;position:absolute}.login-bg-orb-1{background:var(--accent);width:400px;height:400px;animation-duration:14s;top:-120px;right:-80px}.login-bg-orb-2{background:#e12dff;width:320px;height:320px;animation-duration:18s;animation-delay:-3s;bottom:-100px;left:-60px}.login-bg-orb-3{background:#6f00ff;width:250px;height:250px;animation-duration:10s;animation-delay:-6s;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.1)}66%{transform:translate(-20px,15px)scale(.95)}}.login-container{z-index:1;width:100%;max-width:400px;position:relative}.login-logo{text-align:center;margin-bottom:32px}.login-logo-icon{margin-bottom:12px;font-size:56px;animation:2s ease-in-out infinite logoBounce}@keyframes logoBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-logo-text{background:linear-gradient(135deg,#fff 0%,var(--accent)50%,#e12dff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:32px;font-weight:800}.login-logo-sub{color:var(--text-secondary);font-size:14px}.login-card{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius-xl);background:#1a1a1ab3;border:1px solid #ffffff14;padding:32px 28px;box-shadow:0 8px 40px #00000080}.login-error{color:#ff8a65;border-radius:var(--radius-md);background:#ff57221f;border:1px solid #ff572240;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;animation:.3s fadeIn;display:flex}.login-success{color:#81c784;border-radius:var(--radius-md);background:#4caf501f;border:1px solid #4caf5040;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;animation:.3s fadeIn;display:flex}.login-field{margin-bottom:20px}.login-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.login-field input{background:var(--bg-input);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition);padding:14px 16px;font-family:inherit;font-size:15px}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.login-field input::placeholder{color:var(--text-muted)}.login-field input:disabled{opacity:.5;cursor:not-allowed}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:48px}.login-toggle-pw{border-radius:var(--radius-sm);width:40px;height:40px;transition:background var(--transition);justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.login-toggle-pw:hover{background:#ffffff0f}.login-remember{margin-bottom:18px}.login-remember-label{cursor:pointer;color:#ffffffb3;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.9rem;display:flex}.login-remember-label input[type=checkbox]{display:none}.login-remember-check{background:#ffffff0d;border:2px solid #ffffff40;border-radius:5px;flex-shrink:0;width:20px;height:20px;transition:all .2s;position:relative}.login-remember-label input[type=checkbox]:checked+.login-remember-check{background:linear-gradient(135deg,#a855f7,#6366f1);border-color:#0000}.login-remember-label input[type=checkbox]:checked+.login-remember-check:after{content:"✓";color:#fff;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-remember-label:hover .login-remember-check{border-color:#a855f780}.login-btn{background:var(--gradient-cta);color:#fff;border-radius:var(--radius-md);width:100%;transition:all var(--transition);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;padding:15px;font-size:16px;font-weight:700;box-shadow:0 4px 20px #e12dff40}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #e12dff66}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn-loading{justify-content:center;align-items:center;gap:10px;display:flex}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.login-footer{text-align:center;color:var(--text-muted);letter-spacing:.05em;margin-top:24px;font-size:12px}.register-warning{color:#ffb74d;border-radius:var(--radius-md);text-align:center;background:#ff98001f;border:1px solid #ff98004d;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500}.register-login-link{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:14px}.register-login-link a{color:var(--accent);font-weight:600}.page-container{flex-direction:column;align-items:center;max-width:1000px;margin:0 auto;padding:80px 16px 48px;display:flex}.page-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card);overflow:hidden}.page-card-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#03a9f414,#6f00ff14);align-items:center;gap:12px;padding:16px 20px;display:flex;position:relative}.page-card-header h2{margin:0;font-size:18px;font-weight:600}.page-card-body{padding:20px}.btn-back{color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-color);transition:all var(--transition);white-space:nowrap;border-radius:20px;padding:6px 14px;font-size:13px;text-decoration:none}.btn-back:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-back-large{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition);border-radius:24px;padding:10px 24px;font-size:14px;text-decoration:none;display:inline-block}.btn-back-large:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input,.form-select,.form-textarea{background:var(--bg-input);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition),box-shadow var(--transition);padding:12px 14px;font-family:inherit;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:read-only{opacity:.6;cursor:default}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg fill='%23999' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.form-select optgroup{background:var(--bg-card);color:var(--accent);font-weight:600}.btn-primary-full{background:var(--gradient-cta);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition);border:none;padding:14px;font-family:inherit;font-size:15px;font-weight:700;display:block;box-shadow:0 4px 16px #e12dff40}.btn-primary-full:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #e12dff66}.btn-primary-full:disabled{opacity:.6;cursor:not-allowed}.btn-success-full{color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition);background:linear-gradient(135deg,#10b981,#059669);border:none;padding:14px;font-family:inherit;font-size:15px;font-weight:700;display:block;box-shadow:0 4px 16px #10b98140}.btn-success-full:hover{transform:translateY(-2px);box-shadow:0 6px 24px #10b98166}.btn-accept{border:1px solid var(--accent);color:var(--accent);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:24px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600}.btn-accept:hover:not(:disabled){background:var(--accent);color:#fff}.btn-accept.accepted{color:#fff;cursor:default;background:linear-gradient(135deg,#10b981,#059669);border-color:#0000}.alert{border-radius:var(--radius-md);margin-top:16px;padding:14px 18px;font-size:14px;font-weight:500;animation:.3s fadeIn}.alert-success{color:#6ee7b7;background:#10b9811f;border:1px solid #10b9814d}.alert-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table thead{background:var(--bg-surface)}.data-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:600}.data-table td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:10px 14px}.data-table tbody tr:hover{background:#ffffff05}.status-badge{white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.status-success{color:#6ee7b7;background:#10b98126}.status-pending{color:#fcd34d;background:#f59e0b26}.status-error{color:#fca5a5;background:#ef444426}.status-info{color:#93c5fd;background:#3b82f626}.app-badge{color:var(--accent);background:#03a9f426;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-list{margin:8px 0 16px}.info-box{border-radius:var(--radius-md);color:var(--accent);background:#03a9f40f;border:1px solid #03a9f426;padding:14px 16px;font-size:13px;line-height:1.7}.info-box strong{margin-bottom:4px;display:block}.info-box p{margin:2px 0}.divider{background:var(--border-color);height:1px;margin:16px 0}.terms-container{max-width:1100px;margin:0 auto;padding-top:72px;padding-left:16px;padding-right:16px}.terms-hero{text-align:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,#03a9f414,#6f00ff14);margin-bottom:24px;padding:40px 20px 32px}.terms-hero h1{background:linear-gradient(135deg,#fff,var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:800}.terms-hero p{color:var(--text-secondary);font-size:14px}.terms-layout{grid-template-columns:280px 1fr;gap:24px;display:grid}.terms-sidebar{align-self:start;position:sticky;top:72px}.toc-list{flex-direction:column;gap:2px;display:flex}.toc-item{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition);padding:8px 12px;font-size:13px;text-decoration:none;display:block}.toc-item:hover{color:var(--accent);background:#03a9f414}.terms-body section{margin-bottom:28px;scroll-margin-top:80px}.terms-body h2{color:var(--accent);border-bottom:1px solid var(--border-color);margin-bottom:12px;padding-bottom:8px;font-size:18px;font-weight:700}.terms-body ul{padding:0;list-style:none}.terms-body ul li{color:var(--text-secondary);padding:6px 0 6px 20px;font-size:14px;line-height:1.6;position:relative}.terms-body ul li:before{content:"•";color:var(--accent);font-weight:700;position:absolute;left:4px}.announcements-section{max-width:900px;margin:0 auto;padding:0 20px 16px}.announcement-card{border-radius:var(--radius-md);border:1px solid #ffffff1a;align-items:flex-start;gap:14px;margin-bottom:10px;padding:14px 18px;animation:.4s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}.announcement-card:before{content:"";background:linear-gradient(90deg,#fff6,#0000);height:2px;position:absolute;top:0;left:0;right:0}.announcement-card.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.announcement-card.success{background:linear-gradient(135deg,#10b981,#059669)}.announcement-card.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.announcement-card.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.announcement-card.info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.announcement-icon{opacity:.9;flex-shrink:0;font-size:24px}.announcement-text h4{margin-bottom:4px;font-size:14px;font-weight:600}.announcement-text p{opacity:.9;margin:0;font-size:13px;line-height:1.5}.navbar-nav-links{align-items:center;gap:4px;display:flex}.navbar-nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;padding:6px 10px;font-size:13px;text-decoration:none}.navbar-nav-link:hover{color:var(--accent);background:#03a9f41a}.app-section{width:100%;max-width:900px;margin:0 auto;padding:0 20px 24px}.app-section-title{background:linear-gradient(135deg,#fff,var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:20px;font-weight:700}.app-section-desc{color:var(--text-muted);margin-bottom:16px;font-size:12px}.app-section .app-grid{padding:0}.navbar-hamburger{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;font-size:22px;display:none}.navbar-hamburger:hover{background:var(--accent);border-color:var(--accent)}.mobile-menu-overlay{z-index:999;background:#00000080;width:100%;height:100%;animation:.2s fadeIn;display:none;position:fixed;top:0;left:0}.mobile-menu{-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#1a1a1af2;width:220px;padding:8px;animation:.25s slideDown;position:absolute;top:56px;right:12px;box-shadow:0 8px 32px #00000080}.mobile-menu-link{color:var(--text-primary);border-radius:var(--radius-md);transition:background var(--transition);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;display:flex}.mobile-menu-link:hover{color:var(--accent);background:#03a9f41a}.mobile-menu-logout{color:#ff6b6b}.mobile-menu-logout:hover{color:#ff6b6b;background:#ff6b6b1a}.mobile-menu-divider{background:var(--border-color);height:1px;margin:4px 8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.terms-layout{grid-template-columns:1fr}.terms-sidebar{position:static}.terms-hero h1{font-size:22px}.page-card-header h2{font-size:15px}.navbar-nav-links{display:none}.navbar-hamburger{display:flex}.mobile-menu-overlay{display:block}.navbar-user{gap:8px}.navbar-logout{display:none}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 10px}}.captcha-container{align-items:center;gap:10px;margin-bottom:4px;display:flex}.captcha-image{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#f7f8fa;height:52px}.captcha-refresh{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;width:40px;height:40px;transition:all var(--transition);justify-content:center;align-items:center;font-size:18px;display:flex}.captcha-refresh:hover{background:var(--accent);border-color:var(--accent);transform:rotate(90deg)}.referral-grid{grid-template-columns:2fr 1fr;gap:16px;width:100%;display:grid}@media (max-width:768px){.referral-grid{grid-template-columns:1fr}}.referral-progress-bar{background:var(--bg-surface);border-radius:5px;height:10px;overflow:hidden}.referral-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:5px;height:100%;transition:width .6s}.referral-stat-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.referral-stat-row:last-child{border-bottom:none}.referral-toast{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);z-index:5000;padding:10px 24px;font-size:14px;font-weight:500;transition:opacity .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);overflow:hidden}.skeleton-img{aspect-ratio:3/4;background:linear-gradient(90deg,var(--bg-surface)25%,#ffffff0f 50%,var(--bg-surface)75%);background-size:800px 100%;width:100%;animation:1.5s linear infinite shimmer}.skeleton-body{flex-direction:column;gap:8px;padding:12px;display:flex}.skeleton-line{background:linear-gradient(90deg,var(--bg-surface)25%,#ffffff0f 50%,var(--bg-surface)75%);background-size:800px 100%;border-radius:6px;height:12px;animation:1.5s linear infinite shimmer}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{color:var(--text-primary);font-size:16px;font-weight:600}.modal-close{color:var(--text-secondary);cursor:pointer;width:32px;height:32px;transition:all var(--transition);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.modal-close:hover{color:#ff6b6b;background:#ff6b6b33}.modal-body{padding:20px}.modal-cover{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-lg);border:1px solid #ffffff1a;width:200px;max-width:100%;margin:0 auto 16px;display:block;box-shadow:0 12px 36px #000000b3}.modal-title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:700}.modal-meta{color:var(--accent);margin-bottom:4px;font-size:13px}.modal-ep{color:#4fc3f7;margin-bottom:12px;font-size:14px;font-weight:600}.modal-desc{color:var(--text-secondary);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin-bottom:16px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.loading-overlay{background:var(--bg-primary);z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner{border:4px solid #ffffff1a;border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.loading-text{color:var(--text-muted);margin-top:16px;font-size:14px}.rank-label{border-radius:var(--radius-md);color:#fff;background:var(--gradient-gold);margin:16px 0 8px;padding:6px 16px;font-size:14px;font-weight:700;display:inline-block}.rank-label.weekly{background:var(--gradient-cta)}.rank-label.daily{background:var(--gradient-fire)}#videoDIV .xgplayer-start,#videoDIV .xgplayer-loading,#videoDIV .xgplayer-replay{display:none!important}