@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-ext-400-normal-DWiEslNC.woff2)format("woff2"),url(/assets/bebas-neue-latin-ext-400-normal-HFKRJXnW.woff)format("woff");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:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-400-normal-9mHNbWWO.woff2)format("woff2"),url(/assets/bebas-neue-latin-400-normal-Bi-ndsyu.woff)format("woff");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");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}:root{--bg:#050505;--surface:#111;--card:#1a1a1a;--bd:#222;--tx:#fff;--mu:#a0a0a0;--accent:#f7c500;--accent-h:#ffd84a;--glass:#111111bd;--bar:84px;--fd:"Bebas Neue",Impact,sans-serif;--fb:"Inter Variable",Inter,system-ui,sans-serif;--fs:"Space Grotesk Variable","Space Grotesk",system-ui,sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px)}[data-theme=light]{--bg:#f8f8f8;--surface:#fff;--card:#fff;--bd:#e6e6e6;--tx:#111;--mu:#666;--glass:#fffc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);color:var(--tx);font:15px/1.45 var(--fb);-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 380px at 85% -120px,color-mix(in srgb,var(--accent) 12%,transparent),transparent);background-repeat:no-repeat;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img{display:block}small,.mu{color:var(--mu);font-size:13px}.c{text-align:center}.ib{color:var(--tx);border-radius:50%;place-items:center;padding:8px;transition:color .2s,background .2s;display:grid}.ib:hover,.ib.act,.liked{color:var(--accent)}.btn{background:var(--accent);color:#050505;border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.btn:hover{background:var(--accent-h)}.btn:active{transform:scale(.97)}.btn.ghost{color:var(--tx);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a}[data-theme=light] .btn.ghost{background:var(--surface);border:1px solid var(--bd)}.hero .btn.ghost{color:#fff;background:#ffffff24;border:0}.btn.sm{padding:7px 14px;font-size:13px}.bar{flex-wrap:wrap;gap:10px;margin:8px 0;display:flex}.bar.c{justify-content:center}.app{min-height:100vh}.side{display:none}.main{padding:0 16px calc(var(--bar) + 96px + env(safe-area-inset-bottom,0px))}.top{top:env(safe-area-inset-top,0px);z-index:20;background:linear-gradient(var(--bg) 70%,transparent);align-items:center;gap:10px;padding:12px 0;display:flex;position:sticky}.mlogo{height:34px}.search{background:var(--surface);border:1px solid var(--bd);min-width:0;max-width:560px;color:var(--mu);border-radius:999px;flex:1;align-items:center;gap:10px;padding:0 16px;display:flex}.search input{width:100%;min-width:0;color:var(--tx);font:inherit;background:0 0;border:0;flex:1;padding:11px 0}.search input:focus{outline:0}.search:focus-within{border-color:var(--accent)}.tact{flex:none;align-items:center;gap:2px;margin-left:auto;display:flex}.avatar{background:var(--accent);color:#050505;border-radius:50%;place-items:center;width:36px;height:36px;margin-left:6px;display:grid}.chips{gap:8px;padding:4px 0 14px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.hs::-webkit-scrollbar{display:none}.chips button{background:var(--surface);border:1px solid var(--bd);font:500 13px var(--fs);border-radius:999px;flex:none;padding:7px 18px;transition:all .2s}.chips button[aria-pressed=true]{background:var(--tx);color:var(--bg);border-color:var(--tx)}.hero{color:#fff;isolation:isolate;background:#050505;border-radius:24px;align-items:center;min-height:250px;margin:6px 0 4px;display:flex;position:relative;overflow:hidden}.hero .art{object-fit:contain;object-position:right center;z-index:-2;filter:grayscale()contrast(1.08);width:auto;max-width:62%;height:140%;position:absolute;top:-8%;right:0}.hero .art.bg{object-fit:cover;object-position:center 25%;filter:grayscale()blur(22px)brightness(.8);width:100%;max-width:none;height:100%;inset:0;transform:scale(1.25)}.hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#050505 30%,#050505b3 55%,#0505051a 100%),radial-gradient(520px 320px at 100% 110%,#f7c5004d,#0000);position:absolute;inset:0}.hero .tx{max-width:600px;padding:26px 22px}.hero h1{font:400 clamp(46px,9vw,84px)/.92 var(--fd);letter-spacing:.5px}.hero p{color:#ffffffc7;margin:12px 0 18px;font-size:15px}.cta{flex-wrap:wrap;gap:10px;display:flex}.sec{margin:22px 0 6px}.sec>header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sec h2{font:400 28px/1 var(--fd);letter-spacing:1px}.acts2{gap:8px;display:flex}.hs{scroll-snap-type:x proximity;gap:16px;padding:4px 2px 14px;display:flex;overflow-x:auto}.card{text-align:left;scroll-snap-align:start;width:210px;color:inherit;flex:none}.card b,.card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.card b{margin-top:10px;font-weight:600}.im{background:var(--card);position:relative;overflow:hidden}.card .im{aspect-ratio:16/9;border-radius:20px;transition:box-shadow .3s}.card:hover .im{box-shadow:0 14px 36px #f7c5003d}.card.sq{width:170px}.card.sq .im{aspect-ratio:1}.card.round{text-align:center;width:140px}.card.round .im{aspect-ratio:1;border-radius:50%}.card .pl{background:var(--accent);color:#050505;opacity:0;border-radius:50%;place-items:center;width:40px;height:40px;transition:all .25s;display:grid;position:absolute;bottom:10px;right:10px;transform:translateY(8px)}.card:hover .pl,.card:focus-visible .pl{opacity:1;transform:none}.cover{object-fit:cover;width:100%;height:100%}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;display:grid}.grid .card,.grid .card.sq,.grid .card.round{width:auto}.sk{background:linear-gradient(90deg,var(--card),var(--surface),var(--card));background-size:200% 100%;min-height:118px;animation:1.3s infinite sh}@keyframes sh{to{background-position:-200% 0}}.rows{flex-direction:column;gap:2px;display:flex}.row{border-radius:14px;align-items:center;gap:2px;transition:background .2s;display:flex}.row:hover{background:var(--surface)}.rmain{text-align:left;flex:1;align-items:center;gap:14px;min-width:0;padding:8px;display:flex}.rcv{border-radius:12px;flex:none;width:52px;height:52px;position:relative;overflow:hidden}.rt{flex:1;min-width:0}.rt b,.rt small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.rt b{font-weight:600}.row.on .rt b{color:var(--accent)}.dur{font:13px var(--fs);color:var(--mu)}.eqb{background:#00000080;justify-content:center;align-items:flex-end;gap:3px;padding-bottom:14px;display:flex;position:absolute;inset:0}.eqb i{background:var(--accent);width:4px;height:6px;animation:.7s infinite alternate eq}.eqb i:nth-child(2){animation-delay:.2s}.eqb i:nth-child(3){animation-delay:.4s}@keyframes eq{to{height:22px}}.empty{text-align:center;border:1px dashed var(--bd);border-radius:24px;margin-top:18px;padding:38px 12px}.empty img{height:84px;margin:0 auto 10px}.empty h2{font:400 34px var(--fd);letter-spacing:1px}.empty p{color:var(--mu);margin:6px 0 12px}.promo{background:var(--surface);border:1px solid var(--bd);border-radius:20px;padding:20px}.promo p{color:var(--mu)}.note{margin:12px 0}.panel{background:var(--surface);border:1px solid var(--bd);border-radius:20px;flex-direction:column;align-items:flex-start;gap:12px;padding:18px;display:flex}.panel p{align-items:center;gap:6px;display:flex}.meter{background:var(--bd);border-radius:4px;width:100%;height:8px;overflow:hidden}.meter i{background:var(--accent);height:100%;display:block}.ok{color:var(--accent)}.slist{flex-direction:column;gap:8px;max-width:680px;display:flex}.srow{text-align:left;background:var(--surface);border:1px solid var(--bd);border-radius:16px;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:border-color .2s;display:flex}.srow:hover{border-color:var(--accent)}.srow .ico{background:var(--card);width:34px;height:34px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.srow .lb{flex:1}.srow .val{color:var(--mu);font-size:14px}.srow svg:last-child{color:var(--mu)}.srow.danger .ico,.srow.danger .lb{color:#ff6b5e}.sw{background:var(--bd);border-radius:13px;width:44px;height:26px;transition:all .2s;position:relative}.sw:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px}.sw.on{background:var(--accent)}.sw.on:after{left:21px}input[type=range].rg{appearance:none;cursor:pointer;background:linear-gradient(90deg,var(--accent) var(--p,0%),var(--bd) var(--p,0%));border-radius:2px;flex:1;min-width:0;height:4px}input[type=range].rg::-webkit-slider-thumb{-webkit-appearance:none;background:var(--tx);border:0;border-radius:50%;width:12px;height:12px}input[type=range].rg::-moz-range-thumb{background:var(--tx);border:0;border-radius:50%;width:12px;height:12px}.prog{align-items:center;gap:10px;width:100%;display:flex}.prog small{text-align:center;width:38px;font:12px var(--fs)}.pbar{left:8px;right:8px;bottom:calc(66px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--glass);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--bd);border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:10px;height:64px;padding:0 10px;display:grid;position:fixed;overflow:hidden}.pbar.empty{display:none}.pbar .pl{cursor:pointer;align-items:center;gap:12px;min-width:0;display:flex}.pbar .im{border-radius:10px;flex:none;width:46px;height:46px}.pbar .im .lg{object-fit:contain;width:100%;height:100%;padding:6px}.pbar .pc{flex-direction:column;align-items:center;gap:4px;display:flex}.pbar .pr{display:none}.ctl{align-items:center;gap:12px;display:flex}.pp{background:var(--tx);width:44px;height:44px;color:var(--bg);border-radius:50%;place-items:center;transition:transform .15s;display:grid}.pp:hover{transform:scale(1.06)}.hide-m{display:none}.thin{background:var(--bd);height:2px;position:absolute;bottom:0;left:0;right:0}.thin i{background:var(--accent);height:100%;display:block}.bnav{z-index:40;background:var(--glass);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-top:1px solid var(--bd);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));display:flex;position:fixed;bottom:0;left:0;right:0}.bnav button{color:var(--mu);flex:1;justify-items:center;gap:2px;padding:4px 0;font-size:11px;transition:color .2s;display:grid}.bnav button.on{color:var(--accent)}.toast{left:50%;bottom:calc(150px + env(safe-area-inset-bottom,0px));z-index:80;background:var(--accent);color:#050505;text-align:center;border-radius:999px;max-width:90%;padding:10px 18px;font-weight:600;position:fixed;transform:translate(-50%)}.np{z-index:60;color:#fff;background:#050505;position:fixed;inset:0;overflow:auto}.npbg{filter:blur(60px)saturate(1.5)brightness(.5);z-index:0;background-position:50%;background-size:cover;position:fixed;inset:-60px}.npin{z-index:1;max-width:560px;padding:calc(14px + env(safe-area-inset-top,0px)) 22px calc(26px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:16px;margin:auto;display:flex;position:relative}.npin.v{max-width:980px}.npin .ib,.npin .acts button{color:#fff}.npin .ib.act,.npin .acts .on{color:var(--accent)}.npin small{color:#ffffffb3}.nphead{font:500 13px var(--fs);letter-spacing:.5px;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.npcover{aspect-ratio:1;border-radius:24px;width:min(76vw,380px);margin:4px auto;overflow:hidden;box-shadow:0 30px 70px #0000008c,0 0 60px #f7c50024}.nptitle{text-align:center}.nptitle h3{font:400 38px/1 var(--fd);letter-spacing:1px}.ctl.big{justify-content:center;gap:18px}.ctl.big .pp{color:#050505;background:#fff;width:64px;height:64px}.acts{flex-wrap:wrap;justify-content:space-around;gap:4px;display:flex}.acts button{opacity:.92;justify-items:center;gap:5px;padding:6px 8px;font-size:11px;display:grid}.tabs{border-bottom:1px solid #ffffff24;gap:22px;display:flex}.tabs button{color:#fff9;padding:8px 0;font-weight:600}.tabs button[aria-pressed=true]{color:var(--accent);box-shadow:0 2px 0 var(--accent)}.npq .row:hover{background:#ffffff14}.npq .rt small{color:#ffffffa6}.stage{aspect-ratio:16/9;cursor:pointer;background:#000;border-radius:18px;position:relative;overflow:hidden}.stage video{object-fit:contain;width:100%;height:100%;display:block}.stage.ao video{display:none}.aoc{position:absolute;inset:0}.bigplay{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:50%;place-items:center;width:72px;height:72px;margin:auto;display:grid;position:absolute;inset:0}.upn{font:400 24px var(--fd);letter-spacing:1px}.upl{flex-direction:column;gap:10px;display:flex}.up{text-align:left;color:#fff;align-items:center;gap:12px;display:flex}.up .im{aspect-ratio:16/9;border-radius:10px;flex:none;width:120px}.studio{flex-direction:column;gap:14px;max-width:640px;margin:auto;padding:28px 18px;display:flex}.studio header{align-items:center;gap:12px;display:flex}.studio header img{height:40px}.studio h1{font:400 34px var(--fd);flex:1}.studio a{color:var(--accent)}.studio label{color:var(--mu);flex-direction:column;gap:6px;font-size:13px;display:flex}.studio input,.studio textarea{background:var(--surface);border:1px solid var(--bd);color:var(--tx);font:inherit;border-radius:12px;padding:11px 12px}.studio input[type=color]{height:44px;padding:4px}@media (width>=960px){.side{z-index:25;top:12px;left:12px;bottom:calc(var(--bar) + 12px);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--bd);border-radius:24px;flex-direction:column;width:256px;padding:20px 12px 14px;display:flex;position:fixed}.brand{align-items:center;gap:12px;padding:0 10px 20px;display:flex}.brand img{height:46px}.brand b{font:400 28px/1 var(--fd);letter-spacing:3px;display:block}.brand span{color:var(--accent);font-size:14px;font-weight:600}.side nav{flex-direction:column;gap:2px;display:flex}.side nav button,.side .dis{text-align:left;color:var(--mu);border-radius:14px;align-items:center;gap:14px;padding:11px 14px;transition:color .2s;display:flex;position:relative}.side nav button:hover{color:var(--tx)}.side nav button.on{color:var(--accent)}.side nav button>*{z-index:1;position:relative}.pill{background:color-mix(in srgb,var(--accent) 14%,transparent);border-radius:14px;inset:0;z-index:0!important;position:absolute!important}.side .sp{flex:1}.side .dis{opacity:.45;cursor:default;font-size:13px}.main{padding:0 36px calc(var(--bar) + 36px);margin-left:280px}.mlogo,.bnav{display:none}.top{padding:18px 0 12px}.hero{min-height:360px}.hero .tx{padding:44px 48px}.hero p{font-size:17px}.card{width:260px}.card.sq{width:190px}.card.round{width:160px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pbar{height:var(--bar);border-width:1px 0 0;border-radius:0;grid-template-columns:1fr 1.5fr 1fr;gap:20px;padding:0 24px;bottom:0;left:0;right:0}.pbar.empty{display:grid}.pbar .im{border-radius:12px;width:56px;height:56px}.pbar .pc{gap:6px}.pbar .pr{justify-content:flex-end;align-items:center;gap:2px;display:flex}.pbar .wide{width:100%;max-width:560px}.hide-m{display:initial}.pbar .ib.hide-m{display:grid}.thin{display:none}.vol{width:96px;margin:0 8px 0 6px;display:flex}.toast{bottom:calc(var(--bar) + 20px)}.npin{max-width:640px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}