:root{--bg:#EFE8FF;--surface:#FAF7FF;--glass:rgba(255,255,255,.62);--chip:rgba(43,31,92,.07);--fg:#2B1F5C;--muted:#6A5E96;--line:rgba(43,31,92,.14);--line-strong:#2B1F5C;--ink:#2B1F5C;--pink:#FF5C9D;--yellow:#FFD84D;--violet:#7552F2;--bad:#D1457A;--player:#3A2A80;--player-fg:#F6F2FF;--player-muted:rgba(246,242,255,.62);--inv-bg:#33247A;--inv-fg:#F6F2FF;--edge-light:#D2C3F8;--edge-dark:#1C1248;--pro-edge:#1C1248;--glow:rgba(70,44,170,.34);--btn-top:#9A7FFF;--btn-bot:#7552F2;--btn-edge:#4A2FB5;--note1:#FFE98A;--pat-o:.85;--body:"Be Vietnam Pro",system-ui,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#140F2E;--surface:#1E1744;--glass:rgba(40,30,92,.6);--chip:rgba(241,236,255,.09);--fg:#F1ECFF;--muted:#A99DD6;--line:rgba(241,236,255,.16);--line-strong:#F1ECFF;--bad:#FF7BAE;--player:#3B2D85;--inv-bg:#F1ECFF;--inv-fg:#1A1240;--edge-light:#0E0A22;--edge-dark:#0B0720;--pro-edge:#B9A8F0;--glow:rgba(0,0,0,.55);--pat-o:1;color-scheme:dark}}:root[data-theme=dark]{--bg:#140F2E;--surface:#1E1744;--glass:rgba(40,30,92,.6);--chip:rgba(241,236,255,.09);--fg:#F1ECFF;--muted:#A99DD6;--line:rgba(241,236,255,.16);--line-strong:#F1ECFF;--bad:#FF7BAE;--player:#3B2D85;--inv-bg:#F1ECFF;--inv-fg:#1A1240;--edge-light:#0E0A22;--edge-dark:#0B0720;--pro-edge:#B9A8F0;--glow:rgba(0,0,0,.55);--pat-o:1;color-scheme:dark}*{box-sizing:border-box}sc-for,sc-if{display:contents}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg)}.page{position:relative;background-color:var(--bg);background-image:radial-gradient(900px 520px at 85% -5%,color-mix(in srgb,#B79CFF 42%,transparent),transparent),radial-gradient(700px 520px at -5% 38%,color-mix(in srgb,#FF9EC8 24%,transparent),transparent),radial-gradient(800px 500px at 100% 70%,color-mix(in srgb,#9CC4FF 22%,transparent),transparent);background-repeat:no-repeat;color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.55;padding-inline:16px;overflow-x:clip}.pat{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:var(--pat-o)}.page>.marquee,.page>.wrap,.page>main{position:relative;z-index:1}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}h1,h2,h3{font-weight:800;letter-spacing:-.03em;line-height:1.14;margin:0;text-wrap:balance}p{margin:0;text-wrap:pretty}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--pink);outline-offset:3px;border-radius:8px}.wrap{max-width:1200px;margin-inline:auto}svg.i{width:1em;height:1em;flex:none}.mark{background:linear-gradient(transparent 52%,var(--yellow) 52% 94%,transparent 94%);padding-inline:.08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.eyebrow{display:inline-block;background:var(--yellow);color:var(--ink);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:8px;box-shadow:0 3px 0 var(--ink);margin-bottom:4px}.sec{padding-block:clamp(48px,7vw,88px)}.shead{display:grid;justify-items:center;grid-gap:12px;gap:12px;text-align:center;margin-bottom:clamp(28px,4vw,44px)}.shead h2{font-size:clamp(1.8rem,3.6vw,2.8rem)}.panel{background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,#fff 55%,var(--line));border-radius:32px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 24px 44px -22px var(--glow)}.n3{position:absolute;z-index:0;width:var(--s);height:var(--s);color:var(--c);pointer-events:none;filter:drop-shadow(0 3px 0 var(--e)) drop-shadow(0 14px 14px var(--glow));animation:float 6s ease-in-out infinite alternate;transform:rotate(var(--r,0deg))}.n3 svg{width:100%;height:100%}@keyframes float{to{translate:0 -16px}}.tile-ic{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-size:24px;color:#fff;background:linear-gradient(180deg,var(--btn-top),var(--btn-bot));box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 3px 0 var(--btn-edge),0 12px 18px -6px var(--glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:17px;line-height:1;color:#fff;background:radial-gradient(130% 190% at 28% 0,#B7A1FF,var(--btn-bot) 58%,#6341E0);border:0;border-radius:999px;padding:17px 30px;text-decoration:none;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 3px 0 var(--btn-edge),0 12px 18px -4px var(--glow);transition:transform .12s,box-shadow .12s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(4px);box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 1px 0 var(--btn-edge),0 4px 8px -2px var(--glow)}.btn.sm{padding:12px 22px;font-size:15px}.btn.ghost{background:var(--surface);color:var(--fg);border:1.5px solid var(--line-strong);padding:15.5px 28.5px;box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 3px 0 var(--edge-light),0 12px 18px -8px var(--glow)}.btn.ghost.sm{padding:10.5px 20.5px}.btn.ghost:active{box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 1px 0 var(--edge-light),0 4px 8px -4px var(--glow)}.btn.block{width:100%}.seg{display:inline-flex;padding:4px;gap:2px;background:var(--chip);border-radius:999px;max-width:100%}.seg button{border:0;background:transparent;border-radius:999px;padding:9px 18px;font-weight:600;font-size:14.5px;color:var(--muted);transition:background .2s,color .2s,box-shadow .2s;white-space:nowrap}.seg button[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:0 2px 0 var(--edge-light),0 6px 12px -4px var(--glow)}.seg.dark{background:rgba(255,255,255,.1)}.seg.dark button{color:var(--player-muted)}.seg.dark button[aria-pressed=true]{background:var(--player-fg);color:var(--player);box-shadow:none}.seekw{position:relative;flex:1 1;min-width:0;height:22px}.seekt{position:absolute;left:0;right:0;top:8px;height:6px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden}.seekt i{display:block;height:100%;background:var(--yellow)}.rng{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;width:100%;height:22px;margin:0;background:transparent;cursor:pointer}.rng::-webkit-slider-runnable-track{height:6px;background:transparent}.rng::-moz-range-track{height:6px;background:transparent}.rng::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:#fff;border:0;box-shadow:0 2px 0 rgba(0,0,0,.25),0 4px 10px rgba(0,0,0,.35)}.rng::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:0}.ib{flex:none;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--player-muted);background:transparent;color:var(--player-fg);display:grid;place-items:center;font-size:19px;transition:all .15s}.ib:hover{background:rgba(255,255,255,.12)}.ib[aria-pressed=true]{color:var(--pink);border-color:var(--pink)}.ib[aria-pressed=true] svg{fill:var(--pink)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:30;margin:0 -16px;padding:14px 16px;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,-webkit-backdrop-filter .25s;transition:background .25s,border-color .25s,backdrop-filter .25s;transition:background .25s,border-color .25s,backdrop-filter .25s,-webkit-backdrop-filter .25s}.nav.sc{background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)}.nav .wrap{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:16px;gap:16px}.logo,.nav .wrap{align-items:center}.logo{display:flex;gap:8px;font-weight:800;font-size:19px;letter-spacing:-.02em;text-decoration:none;color:var(--fg)}.logo svg{width:26px;height:26px;color:var(--violet);filter:drop-shadow(0 3px 0 var(--btn-edge))}.nav ul{display:flex;gap:36px;list-style:none;margin:0;padding:0;font-weight:600;font-size:16.5px}.nav ul a{text-decoration:none;color:var(--muted)}.nav ul a:hover{color:var(--fg)}.nav .r{display:flex;align-items:center;justify-content:flex-end;gap:10px}@media (max-width:760px){.nav .wrap{grid-template-columns:1fr auto}.nav ul{display:none}}.hero{display:grid;grid-template-columns:5fr 7fr;grid-gap:clamp(32px,5vw,72px);gap:clamp(32px,5vw,72px);align-items:center;padding-block:clamp(28px,5vw,64px) clamp(44px,6vw,80px)}.hero,.hero>div{position:relative}.hero>div{z-index:1}.hero h1{font-size:clamp(2.3rem,4.7vw,4.1rem)}.hero .sub{margin-top:20px;font-size:clamp(1.05rem,1.5vw,1.2rem);color:var(--muted);max-width:32ch}.hero .btn{margin-top:32px}.hero .n1{--s:120px;--c:#8D6CF0;--e:#5B3FD0;--rb:#FFD84D;left:29%;bottom:2%;--r:8deg}.hero .n2{--s:62px;--c:#FF7DB2;--e:#C93B76;left:1%;bottom:4%;--r:-12deg;animation-duration:5s;animation-delay:-2s}.hero .nt3{--s:52px;--c:#FFD84D;--e:#B98F00;top:10%;right:8px;z-index:2;--r:10deg;animation-duration:7s}@media (max-width:900px){.hero{grid-template-columns:1fr}.hero .n1{left:auto;right:6%;top:36%;bottom:auto;--s:84px}}.gift{position:relative;margin-top:64px;padding:16px 16px 26px;border-radius:42px;background:linear-gradient(160deg,#A58BFF,#7552F2 55%,#5B3FD0);box-shadow:inset 0 3px 0 rgba(255,255,255,.45),0 10px 0 #3B24A0,0 34px 50px -16px var(--glow);min-width:0;will-change:transform}.gift:before{top:16px;height:36px;border-radius:26px 26px 0 0;background:linear-gradient(rgba(20,8,70,.38),transparent);z-index:0}.gift:after,.gift:before{content:"";position:absolute;left:16px;right:16px}.gift:after{bottom:7px;height:11px;border-radius:6px;background:linear-gradient(180deg,#FFEA8A,var(--yellow));box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 2px 0 #B98F00}.gift .player{z-index:1;border-radius:28px;box-shadow:inset 0 2px 0 rgba(255,255,255,.28),0 4px 0 var(--edge-dark);transform:translateY(26px) scale(.97);transition:transform .8s cubic-bezier(.3,1.35,.5,1) .15s}.gift.open .player{transform:none}.g-lid{position:absolute;z-index:4;left:-10px;right:-10px;top:-34px;height:64px;padding:0;border:0;border-radius:24px;background:linear-gradient(180deg,#B7A1FF,#8D6CF0 60%,#6D4DE0);box-shadow:inset 0 3px 0 rgba(255,255,255,.5),0 7px 0 #4A2FB5,0 22px 28px -10px var(--glow);transform-origin:6% 100%;transform:translateY(54px);transition:transform .9s cubic-bezier(.3,1.4,.5,1);cursor:pointer}.g-lid:before{content:"";top:0;bottom:0;width:46px;background:linear-gradient(90deg,#FFEA8A,var(--yellow) 50%,#F5BE1C);box-shadow:inset 0 3px 0 rgba(255,255,255,.7)}.g-lid .g-bowi,.g-lid:before{position:absolute;left:50%;translate:-50% 0}.g-lid .g-bowi{top:-52px;width:96px;height:96px;color:#FF5C9D;filter:drop-shadow(0 3px 0 #C93B76) drop-shadow(0 12px 12px var(--glow))}.g-lid:hover{transform:translateY(54px) rotate(-1.5deg)}.gift.open .g-lid{transform:translate(-3%,-26px) rotate(-5deg)}.gift.open .g-lid:hover{transform:translate(-3%,-30px) rotate(-6.5deg)}.g-pop{position:absolute;left:50%;top:20px;z-index:5;width:0;height:0;pointer-events:none}.g-pop svg{position:absolute;top:0;width:40px;height:40px;opacity:0;filter:drop-shadow(0 3px 0 rgba(43,31,92,.3))}.g-pop .p1{left:-90px;color:#FF5C9D}.g-pop .p2{left:10px;color:#FFD84D}.g-pop .p3{left:96px;color:#A58BFF}.gift.open .g-pop svg{animation:burst 1.5s ease-out both}.gift.open .g-pop .p2{animation-delay:.12s}.gift.open .g-pop .p3{animation-delay:.24s}@keyframes burst{0%{opacity:0;transform:translateY(40px) scale(.4) rotate(0)}25%{opacity:1}to{opacity:0;transform:translateY(-120px) scale(1.1) rotate(24deg)}}@media (max-width:900px){.gift{margin-top:70px}}@media (prefers-reduced-motion:reduce){.g-lid,.gift .player{transition:none}.gift.open .g-pop svg{animation:none}}.player{position:relative;background:linear-gradient(160deg,color-mix(in srgb,var(--player) 80%,#fff),var(--player));color:var(--player-fg);border-radius:32px;padding:clamp(20px,3vw,30px);box-shadow:inset 0 2px 0 rgba(255,255,255,.28),0 10px 0 var(--edge-dark),0 34px 50px -16px var(--glow);min-width:0;will-change:transform}.player .row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.player .tag{position:absolute;top:-14px;right:26px;transform:rotate(3deg);background:var(--yellow);color:var(--ink);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:8px;box-shadow:0 3px 0 var(--ink)}.song{margin-top:20px;display:flex;gap:16px;align-items:center}.disc{flex:none;width:76px;height:76px;border-radius:50%;background:conic-gradient(from 20deg,#FFD84D,#FF5C9D,#8D6CF0,#FFD84D);box-shadow:inset 0 0 0 3px rgba(255,255,255,.4),0 10px 18px -6px rgba(0,0,0,.5);position:relative;animation:spin 6s linear infinite paused}.disc:after{content:"";position:absolute;inset:30%;border-radius:50%;background:var(--player);box-shadow:inset 0 0 0 3px rgba(255,255,255,.35)}.playing .disc{animation-play-state:running}@keyframes spin{to{transform:rotate(1turn)}}.song h3{font-size:clamp(1.4rem,2.4vw,1.9rem)}.song p{margin-top:4px;color:var(--player-muted);font-size:14.5px}.lyrics{position:relative;height:224px;margin-top:12px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}.lyrics ol{list-style:none;margin:0;padding:0;transition:transform .55s cubic-bezier(.3,.8,.3,1)}.lyrics li{height:56px;display:flex;align-items:center;font-weight:800;font-size:clamp(1rem,1.7vw,1.3rem);line-height:1.22;letter-spacing:-.01em;color:var(--player-muted);transition:color .3s}.lyrics li>span{padding:2px 8px;margin-left:-8px;border-radius:8px}.lyrics li.on{color:var(--player-fg)}.lyrics li.on>span{background:var(--yellow);color:var(--ink)}.wave{display:flex;align-items:center;gap:3px;height:34px;margin-top:6px}.wave b{flex:1 1;min-width:2px;max-width:6px;border-radius:3px;background:var(--player-muted)}.wave b.past{background:var(--yellow)}.playing .wave b{animation:bob .9s ease-in-out infinite alternate}@keyframes bob{to{transform:scaleY(.55)}}.ctrl{display:flex;align-items:center;gap:12px;margin-top:12px}.play{flex:none;width:60px;height:60px;border-radius:50%;border:0;background:radial-gradient(circle at 32% 26%,#FFF1A6,var(--yellow) 55%,#F5BE1C);color:var(--ink);display:grid;place-items:center;font-size:22px;box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 3px 0 #B98F00,0 12px 18px rgba(0,0,0,.35);transition:transform .12s,box-shadow .12s}.play:hover{transform:translateY(-2px)}.play:active{transform:translateY(4px);box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 1px 0 #B98F00,0 4px 8px rgba(0,0,0,.35)}.time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13.5px;color:var(--player-muted);min-width:84px;text-align:right;white-space:nowrap}@media (max-width:520px){.ctrl{gap:8px}.time{min-width:0;font-size:12.5px}.ib{width:38px;height:38px}.play{width:52px;height:52px}}.marquee{margin-inline:-16px;overflow:hidden;display:grid;grid-gap:12px;gap:12px;padding-block:8px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.track{display:flex;gap:12px;width:max-content;animation:slide 46s linear infinite}.marquee:hover .track{animation-play-state:paused}.track.rev{animation-direction:reverse;animation-duration:58s}.track .pill{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-weight:600;white-space:nowrap;box-shadow:0 2px 0 var(--edge-light)}.track .pill:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c,var(--pink))}.track .c0{--c:#FF5C9D}.track .c1{--c:#FFD84D}.track .c2{--c:#7552F2}.track .c3{--c:#58C4A6}@keyframes slide{to{transform:translateX(-50%)}}.steps2{position:relative;max-width:1200px;margin-inline:auto;aspect-ratio:1208/388}.steps2 .shape{position:absolute;inset:0;width:100%;height:100%}.sc2{position:absolute;top:1.546%;height:95.87%;width:22.35%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;padding:44px 24px 24px;background:none;border:0;border-radius:32px;text-align:center;color:var(--fg)}.sc2.s0{left:.331%}.sc2.s1{left:25.99%}.sc2.s2{left:51.66%}.sc2.s3{left:77.32%}.sc2 .tile-ic{background:var(--chip);color:var(--violet);box-shadow:none;transition:all .3s}.sc2.cur .tile-ic{background:linear-gradient(180deg,var(--btn-top),var(--btn-bot));color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 3px 0 var(--btn-edge),0 12px 18px -6px var(--glow)}.sc2.cur .tile-ic,.sc2:hover .tile-ic{transform:translateY(-4px) scale(1.06)}.sc2 .prg{width:72%;height:4px;background:var(--line);overflow:hidden}.sc2 .prg,.sc2 .prg i{display:block;border-radius:2px}.sc2 .prg i{height:100%;background:linear-gradient(90deg,var(--violet),var(--pink))}.sc2 .st{display:block;font-weight:800;font-size:1.25rem;letter-spacing:-.02em;line-height:1.2}.sc2 .sd{display:block;font-size:14.5px;line-height:1.55;color:var(--muted)}@media (max-width:1080px){.steps2{aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.steps2 .shape{display:none}.sc2{position:static;width:auto;height:auto;padding:28px 22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 3px 0 var(--edge-light),0 24px 40px -24px var(--glow)}}@media (max-width:600px){.steps2{grid-template-columns:minmax(0,1fr)}}.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:18px;gap:18px}.tile{padding:clamp(20px,3vw,30px);display:flex;flex-direction:column;gap:14px;min-width:0}.tile h3{font-size:1.3rem}.tile p{color:var(--muted);font-size:15px}.t-a{grid-column:span 4}.t-b,.t-c,.t-d,.t-e{grid-column:span 2}.pairbox{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:auto}.paper{background:var(--note1);color:var(--ink);border-radius:8px;padding:16px 18px;transform:rotate(-1deg);font-style:italic;font-weight:500;line-height:1.7;box-shadow:0 14px 22px -14px rgba(15,25,56,.4)}.lyr small,.paper small{display:block;font-style:normal;font-weight:700;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.65;margin-bottom:6px}.lyr{background:var(--player);color:var(--player-fg);border-radius:8px;padding:16px 18px;transform:rotate(.8deg);font-weight:800;line-height:1.6;box-shadow:0 14px 22px -14px rgba(15,25,56,.5)}.hl{border-radius:4px;padding:0 .12em;background:rgba(43,31,92,.12);transition:background .2s,color .2s;cursor:default}.hl.on{background:var(--ink);color:var(--yellow)}.lyr .hl{background:rgba(255,216,77,.2)}.lyr .hl.on{background:var(--yellow);color:var(--ink)}.chips-s{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.chips-s span{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-weight:600;font-size:14px;box-shadow:0 3px 0 var(--edge-light);white-space:nowrap}@media (max-width:860px){.t-a,.t-b,.t-c,.t-d,.t-e{grid-column:span 6}.pairbox{grid-template-columns:1fr}}@media (min-width:861px) and (max-width:1000px){.t-c,.t-d{grid-column:span 3}.t-e{grid-column:span 6}}.cmp{padding:10px;overflow-x:auto}.cmp table{width:100%;min-width:680px;border-collapse:separate;border-spacing:0;text-align:center;table-layout:fixed}.cmp col:first-child{width:36%}.cmp td,.cmp th{padding:16px 14px;border-bottom:1px solid var(--line);font-size:15px}.cmp th{font-size:13px;color:var(--muted);font-weight:700}.cmp td:first-child,.cmp th:first-child{text-align:left;font-weight:600;color:var(--fg)}.cmp tr:last-child td{border-bottom:0}.cmp .mg{background:color-mix(in srgb,var(--violet) 14%,transparent)}.cmp th.mg{color:var(--fg);font-size:15px;border-radius:20px 20px 0 0;box-shadow:inset 0 3px 0 var(--violet)}.cmp tr:last-child td.mg{border-radius:0 0 20px 20px}.cmp .y{color:var(--violet)}.cmp .n{color:var(--muted);opacity:.6}.cmp svg{width:22px;height:22px;vertical-align:middle}.car{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 16px 36px;margin-inline:-16px;scrollbar-width:none}.car::-webkit-scrollbar{display:none}.arrows{display:flex;justify-content:center;gap:12px;margin-top:-8px}.arrows button{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--fg);font-size:20px;display:grid;place-items:center;box-shadow:0 2px 0 var(--edge-light);transition:transform .12s,box-shadow .12s}.arrows button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--edge-light)}.gc{position:relative;flex:none;width:min(270px,74vw);height:330px;scroll-snap-align:center;border-radius:32px;padding:22px;color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(155deg,var(--a),var(--b));box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 8px 0 color-mix(in srgb,var(--b) 60%,#2B1F5C),0 30px 44px -18px var(--glow)}.gc.g0{--a:#FFC8DE;--b:#FF8FB8}.gc.g1{--a:#D9CCFF;--b:#A58BFF}.gc.g2{--a:#FFE98A;--b:#FFC94D}.gc.g3{--a:#C7F0DF;--b:#7ED6B4}.gc.g4{--a:#BFD9FF;--b:#7FB0FF}.gc.g5{--a:#FFD2B8;--b:#FF9F6E}.gc:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-60px;top:-50px;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.9) 0 5%,rgba(255,255,255,.35) 6% 60%,rgba(255,255,255,0))}.gc h3{font-size:1.8rem;padding-right:36px}.gc h3,.gc p{position:relative}.gc p{font-weight:600;font-size:14.5px;margin-top:8px;opacity:.8}.gc .gw{display:flex;align-items:center;gap:3px;height:54px}.gc .gw b{flex:1 1;border-radius:3px;background:rgba(43,31,92,.5)}.gc.on .gw b{background:var(--ink);animation:bob .7s ease-in-out infinite alternate}.gc .gb{display:flex;align-items:center;justify-content:space-between;gap:8px}.gc .gp{flex:none;width:52px;height:52px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 4px 0 rgba(0,0,0,.35)}.gc.on .gp{background:var(--yellow);color:var(--ink)}.gc small{font-size:12.5px;font-weight:700;opacity:.7}.notice{margin-top:22px;font-size:14px;color:var(--muted);display:flex;gap:10px;align-items:center;justify-content:center;text-align:center}.notice i{flex:none;width:20px;height:20px;border-radius:50%;background:var(--fg);color:var(--bg);font:800 12px/1 var(--body);display:grid;place-items:center;font-style:normal}.price{display:grid;grid-template-columns:1fr 1.16fr 1fr;grid-gap:24px;gap:24px;max-width:1120px;margin-inline:auto;align-items:stretch}.plan.prem{border-color:color-mix(in srgb,var(--pink) 55%,var(--line))}.plan .stick.alt{background:var(--pink)}.plan{position:relative;border-radius:32px;padding:32px 30px;display:flex;flex-direction:column;gap:18px;min-width:0;background:var(--surface);border:1px solid var(--line);box-shadow:inset 0 2px 0 rgba(255,255,255,.6),0 5px 0 var(--edge-light),0 26px 40px -18px var(--glow)}.plan.pro{background:linear-gradient(160deg,color-mix(in srgb,var(--inv-bg) 82%,#fff),var(--inv-bg));color:var(--inv-fg);border-color:transparent;box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 8px 0 var(--pro-edge),0 34px 50px -16px var(--glow)}.plan .stick{position:absolute;top:-14px;right:26px;transform:rotate(3deg);background:var(--yellow);color:var(--ink);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:8px;box-shadow:0 3px 0 var(--ink);white-space:nowrap}.plan h3{font-size:1.4rem;display:flex;align-items:center;gap:10px}.plan h3 .pg{width:34px;height:34px;filter:drop-shadow(0 2px 0 rgba(43,31,92,.28))}.pg1{color:#8D6CF0}.pg1,.pg2{--rb:#FFD84D}.pg2{color:#FF5C9D}.pg3{color:#FFD84D;--rb:#FF5C9D}.amt{font-weight:800;font-size:clamp(2.2rem,4vw,3rem);line-height:1;letter-spacing:-.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.plan ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:14px;gap:14px;flex:1 1;align-content:start}.plan li{display:flex;gap:12px;align-items:center;font-weight:600}.plan li .ck{flex:none;width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--violet) 14%,transparent);color:var(--violet);font-size:16px}.plan.pro li .ck{background:rgba(255,255,255,.16);color:var(--yellow)}.price-note{margin-top:32px;color:var(--muted);font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}@media (max-width:980px){.price{grid-template-columns:1fr;max-width:460px}}.faq{display:grid;grid-gap:12px;gap:12px;max-width:760px;margin-inline:auto}.faq details{border-radius:24px;background:var(--surface);border:1px solid var(--line);padding:0 24px;box-shadow:0 2px 0 var(--edge-light)}.faq summary{list-style:none;cursor:pointer;padding:20px 0;font-weight:700;font-size:1.08rem;display:flex;justify-content:space-between;gap:16px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;background:var(--chip);display:grid;place-items:center;font-size:20px;transition:transform .2s,background .2s}.faq details[open] summary:after{transform:rotate(45deg);background:var(--yellow);color:var(--ink)}.faq details p{padding:0 0 22px;color:var(--muted)}.blocks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:20px;gap:20px}.blk{position:relative;display:grid;align-content:start;padding-top:282px;min-height:410px;overflow:hidden;border-radius:28px;background:var(--c3);box-shadow:0 3px 0 var(--edge-light);color:#2B1F5C}.blk-img{background-size:cover;background-position:top;background-repeat:no-repeat}.blk-img,.blk-img:after{position:absolute;inset:0}.blk-img:after{content:"";background:linear-gradient(180deg,transparent 50%,color-mix(in srgb,var(--c3) 70%,transparent) 62%,var(--c3) 74%)}.blk .num{position:absolute;z-index:2;left:18px;top:18px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--nc);font-weight:800;font-size:14px;box-shadow:0 3px 0 rgba(120,90,200,.18)}.blk-bd{position:relative;z-index:1;display:grid;grid-gap:12px;gap:12px;align-content:start;padding:0 22px 26px}.blk.b0{--c3:#FFFFFF;--nc:#7552F2}.blk.b1{--c3:#FFFFF4;--nc:#C0357A}.blk.b2{--c3:#FFFFBE;--nc:#A38A10}.blk.b3{--c3:#FFFFF4;--nc:#2E9C84}.blk h3{font-size:1.2rem;letter-spacing:-.02em;color:#2B1F5C}.blk p{color:#3A2F6E;font-size:15px;line-height:1.6;margin:0}.blocks.ben .blk{padding-bottom:30px}.blocks.ben .blk h3{font-size:1.3rem}.shead .lead{max-width:60ch;color:var(--muted);font-size:1.05rem;line-height:1.6}.xtx{display:grid;grid-gap:14px;gap:14px;justify-items:start}.xtx h3{font-size:clamp(1.5rem,2.6vw,2rem)}.xtx p{color:var(--muted);font-size:1.05rem;line-height:1.65}@media (max-width:1000px){.blocks{grid-template-columns:repeat(2,minmax(0,1fr))}}.bf{grid-template-columns:minmax(0,1fr) minmax(240px,300px) minmax(0,1fr);grid-gap:40px;gap:40px;align-items:center;max-width:1080px;margin-inline:auto}.bf,.bf-col{display:grid}.bf-col{grid-gap:38px;gap:38px;align-content:center}.bf-col.r{padding-top:12px}.bf-card{display:grid;grid-gap:12px;gap:12px;align-content:start;padding:24px 26px 26px;border-radius:28px;background:var(--surface);border:1px solid var(--line);box-shadow:0 3px 0 var(--edge-light),0 24px 34px -24px var(--glow)}.bf-card h3{font-size:1.3rem;line-height:1.25;letter-spacing:-.02em}.bf-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}.bf-ic{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;box-shadow:0 3px 0 var(--edge-light)}.bf-ic .i{width:24px;height:24px}.bf-ic.v{background:#D9CEFF;color:#7552F2}.bf-ic.p{background:#FFD3E5;color:#E0407F}.bf-ic.y{background:#FFE98A;color:#9A7400}.bf-ic.g{background:#CDEFE2;color:#1F8F78}.bf-art{display:grid;justify-items:center;grid-gap:14px;gap:14px}.bf-art,.bfa-st{position:relative}.bfa-st{width:270px;height:230px}.bfa-vinyl{position:absolute;right:0;top:18px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#FFE55C 0 12%,#E0A800 13% 16%,transparent 17%),repeating-radial-gradient(circle,#2a1620 0 2px,#4a2a30 3px 4px);box-shadow:0 18px 28px -10px rgba(40,20,60,.55)}.bfa-cv{position:absolute;left:0;top:14px;width:188px;height:188px;padding:8px;border-radius:8px;background:#fff;rotate:-8deg;box-shadow:0 6px 0 rgba(255,255,255,.4),0 22px 30px -12px rgba(40,20,60,.5)}.bfa-cv i{display:block;height:100%;border-radius:3px;background:url(/design/8450d8d7e1.webp) 50%/cover no-repeat}.bfa-note{position:absolute;right:4px;top:-8px;width:44px;height:44px;color:#FF5C9D;rotate:12deg;filter:drop-shadow(0 6px 4px rgba(255,92,157,.35))}.bfa-note svg{width:100%;height:100%}.bf-art small{font-size:12.5px;font-weight:700;color:var(--muted)}.bfa-tag{rotate:-3deg;display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:12px;background:var(--yellow);color:var(--ink);font-weight:800;font-size:13px;box-shadow:0 4px 0 #B98F00}.bfa-tag svg{width:14px;height:14px;color:#FF5C9D;fill:#FF5C9D}@media (max-width:900px){.bf{grid-template-columns:minmax(0,1fr);gap:24px}.bf-art{order:-1}.bf-col{gap:18px}.bf-col.r{padding-top:0}}.xp{grid-gap:28px;gap:28px}.xp,.xpn{display:grid}.xpn{margin-bottom:8px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-gap:clamp(24px,4vw,56px);gap:clamp(24px,4vw,56px);align-items:center;overflow:hidden;border-radius:40px;padding:clamp(28px,4vw,56px) clamp(28px,4vw,56px) 0;min-height:440px}.xpn.p0{color:#fff;background:linear-gradient(160deg,#A58BFF,#7552F2 55%,#5B3FD0);box-shadow:inset 0 3px 0 rgba(255,255,255,.4),0 8px 0 #3B24A0,0 28px 44px -16px var(--glow)}.xpn.p1{color:#fff;background:linear-gradient(160deg,#FFB0CD,#FF5C9D 60%,#E0407F);box-shadow:inset 0 3px 0 rgba(255,255,255,.45),0 8px 0 #B93A72,0 28px 44px -16px rgba(255,92,157,.5)}.xpn.rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.xpn.rev .xtx{order:2}.xpn .xtx{padding-bottom:clamp(28px,4vw,56px)}.xwin{align-self:end;min-width:0;overflow:hidden;border-radius:22px 22px 0 0;background:var(--surface);border:8px solid rgba(255,255,255,.9);border-bottom:0;box-shadow:0 24px 50px -18px rgba(20,8,70,.5)}.xwin img{display:block;width:100%;aspect-ratio:1200/640;object-fit:cover;object-position:top}.xpn .xwin{border-color:rgba(255,255,255,.9)}.xpn .xtx p{color:rgba(255,255,255,.86)}.xpn .tile-ic{background:#fff;color:var(--violet);box-shadow:0 4px 0 rgba(43,31,92,.22)}.xpn.p1 .tile-ic{color:#E0407F}@media (max-width:860px){.xpn,.xpn.rev{grid-template-columns:minmax(0,1fr)}.xpn.rev .xtx{order:0}.ft{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ft-brand{grid-column:1/-1}}@media (max-width:560px){.blocks,.ft{grid-template-columns:minmax(0,1fr)}}.cta{overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:32px 56px;gap:32px 56px;margin-block:clamp(16px,3vw,40px) 0;padding:clamp(32px,5vw,60px);border-radius:40px;color:#fff;background:linear-gradient(160deg,#6A4BE6,#4A31B5 60%,#3B2699);box-shadow:inset 0 3px 0 rgba(255,255,255,.3),0 10px 0 #25156F,0 36px 56px -22px var(--glow)}.cta,.cta>*{position:relative}.cta>*{z-index:1}.cta .cta-s{position:absolute;z-index:0;border-radius:32px;border:1.5px solid rgba(255,255,255,.3);background:rgba(255,255,255,.07);pointer-events:none}.cta .s1{width:150px;height:130px;left:4%;top:-34px;transform:rotate(-12deg)}.cta .s2{width:210px;height:180px;right:-40px;bottom:-70px;transform:rotate(14deg)}.cta h2{font-size:clamp(1.9rem,3.6vw,2.9rem);max-width:18ch}.cta p{margin-top:14px;max-width:52ch;font-size:1.1rem;line-height:1.6;color:rgba(255,255,255,.86)}.cta-act{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.btn.white{background:#fff;color:#3B2699;box-shadow:0 4px 0 rgba(20,8,70,.28),0 14px 22px -10px rgba(10,5,50,.5)}.btn.white svg{font-size:20px}.cta-card{display:grid;justify-items:center;grid-gap:14px;gap:14px;padding:22px 22px 18px;border-radius:30px;background:#fff;color:#3B2699;box-shadow:0 6px 0 rgba(20,8,70,.2),0 24px 40px -14px rgba(10,5,50,.55)}.cta-card .qr{width:176px;height:176px;color:#3B2699}.cta-cap{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;max-width:22ch;text-align:center;line-height:1.35}.ft{background:#1D1252;color:rgba(255,255,255,.8);font-size:14.5px;line-height:1.6;padding:56px 24px 32px}.ft-in{max-width:1200px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr) minmax(0,1fr);grid-gap:32px clamp(24px,5vw,72px);gap:32px clamp(24px,5vw,72px)}.page>footer{position:relative;z-index:1}.ft a{color:#fff;text-decoration:none}.ft a:hover{text-decoration:underline}.ft .logo{color:#fff;font-size:1.15rem}.ft-brand{display:grid;grid-gap:14px;gap:14px;align-content:start}.ft-brand p{max-width:38ch}.ft-col h4{margin:0 0 14px;font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff}.ft-col ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:12px;gap:12px}.ft-col li span{display:block;font-size:12.5px;font-weight:700;color:#fff;opacity:.6}.ft-bot{grid-column:1/-1;padding-top:22px;border-top:1px solid rgba(255,255,255,.18);font-size:13.5px;color:rgba(255,255,255,.7)}@media (max-width:860px){.cta{grid-template-columns:minmax(0,1fr)}.cta-card{justify-self:start}.ft-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ft-brand{grid-column:1/-1}}@media (max-width:560px){.ft-in{grid-template-columns:minmax(0,1fr)}}.plan.pro{margin-block:-22px;padding:54px 36px 40px;gap:22px}.plan.pro h3{font-size:1.7rem}.plan.pro h3 .pg{width:42px;height:42px}.plan.pro .amt{font-size:clamp(2.6rem,4.6vw,3.5rem)}.plan.pro li{font-size:1.05rem}.plan.pro ul{gap:18px}.plan.pro .btn{padding-block:20px;font-size:18px}@media (max-width:980px){.plan.pro{margin-block:0;padding:40px 30px 32px}}.cvw{position:relative;flex:none;width:124px;height:96px}.cvw .disc{right:0;width:82px;height:82px}.cv,.cvw .disc{position:absolute}.cv{left:0;top:0;z-index:1;width:96px;height:96px;border-radius:22px;overflow:hidden;box-shadow:inset 0 0 0 3px rgba(255,255,255,.38),0 4px 0 rgba(20,8,70,.35),0 14px 22px -8px rgba(0,0,0,.6)}.cv:after,.cv:before{content:"";position:absolute}.cv.c0{background:linear-gradient(160deg,#FFB0CD,#B79CFF 55%,#5B3FD0)}.cv.c0:after{width:44px;height:44px;right:12px;top:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF1A6,#FFD84D)}.cv.c0:before{left:-10px;right:-10px;bottom:-16px;height:48px;border-radius:50% 50% 0 0;background:#3A2A80}.cv.c1{background:linear-gradient(160deg,#FFE27A,#FF8A5C 58%,#FF5C9D)}.cv.c1:after{inset:0;background:repeating-radial-gradient(circle at 72% 30%,rgba(255,255,255,.55) 0 5px,transparent 5px 13px)}.cv.c1:before{left:-6px;bottom:-6px;width:44px;height:44px;border-radius:50%;background:#FFF1A6;z-index:1}.cv.c2{background:linear-gradient(160deg,#3FB8A0,#2B1F5C 85%)}.cv.c2:after{inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.22) 0 7px,transparent 7px 17px)}.cv.c2:before{right:10px;bottom:10px;width:34px;height:34px;border-radius:10px;background:#FFD84D;transform:rotate(12deg);z-index:1}@media (max-width:520px){.cvw{width:100px}.cv,.cvw{height:78px}.cv{width:78px;border-radius:18px}.cvw .disc{width:66px;height:66px;top:6px}}.cvw .disc{top:5px;width:86px;height:86px;background:radial-gradient(circle,#FFD84D 0 13%,#E0A800 14% 17%,transparent 18%),repeating-radial-gradient(circle,#15102e 0 2px,#241b4d 3px 4px);box-shadow:0 10px 16px -6px rgba(0,0,0,.6);animation:spin 9s linear infinite;transition:right .6s cubic-bezier(.3,.8,.3,1)}.cvw .disc:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 20%,rgba(255,255,255,.14) 25%,transparent 32% 70%,rgba(255,255,255,.1) 77%,transparent 84%)}.cvw .disc:after{display:none}.playing .cvw .disc{animation:spin 3.6s linear infinite;right:-14px}.cv{border:5px solid #fff;border-radius:8px;box-sizing:border-box;box-shadow:0 4px 0 rgba(255,255,255,.3),0 14px 22px -8px rgba(0,0,0,.6);animation:cvfloat 6s ease-in-out infinite}.cv.c0{background:#fff url(/design/8450d8d7e1.webp) 50%/cover no-repeat}.cv.c0:after,.cv.c0:before{display:none}@keyframes cvfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.blk,.plan{transition:transform .28s cubic-bezier(.3,.9,.4,1.2),box-shadow .28s}.blk:hover{box-shadow:0 3px 0 var(--edge-light),0 26px 36px -16px var(--glow)}.blk:hover,.plan:hover{transform:translateY(-10px)}.plan:not(.pro):hover{box-shadow:inset 0 2px 0 rgba(255,255,255,.6),0 5px 0 var(--edge-light),0 38px 52px -16px var(--glow)}.plan.pro:hover{box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 8px 0 var(--pro-edge),0 44px 60px -16px var(--glow)}@media (prefers-reduced-motion:reduce){.blk,.cta-disc .cd-vinyl,.cv,.cvw .disc,.plan{transition:none;animation:none}.blk:hover,.plan:hover{transform:none}}.cta-vis{display:grid;justify-items:center;grid-gap:34px;gap:34px;padding-right:clamp(0px,3vw,40px)}.cta-disc{position:relative;width:340px;height:230px}.cd-cover{position:absolute;z-index:2;left:0;top:0;width:220px;height:220px;padding:11px;box-sizing:border-box;background:#fff url(/design/8450d8d7e1.webp) 50%/cover no-repeat;background-origin:content-box;background-clip:border-box;border-radius:8px;box-shadow:0 6px 0 rgba(255,255,255,.3),0 24px 36px -14px rgba(10,5,50,.6);animation:cvfloat 6s ease-in-out infinite}.cd-vinyl{z-index:1;left:100px;top:4px;width:212px;height:212px;background:radial-gradient(circle,#FFD84D 0 13%,#E0A800 14% 17%,transparent 18%),repeating-radial-gradient(circle,#15102e 0 2px,#241b4d 3px 4px);box-shadow:0 18px 30px -10px rgba(10,5,50,.6);animation:spin 9s linear infinite}.cd-vinyl,.cd-vinyl:after{position:absolute;border-radius:50%}.cd-vinyl:after{content:"";inset:0;background:conic-gradient(from 30deg,transparent 0 20%,rgba(255,255,255,.14) 25%,transparent 32% 70%,rgba(255,255,255,.1) 77%,transparent 84%)}@media (max-width:860px){.cta-vis{justify-items:start;padding-right:0}}.song{gap:26px;margin-top:8px}.song h3{font-size:clamp(1.9rem,3.2vw,2.7rem)}.cv{width:168px;height:168px}.cvw .disc{right:-4px;top:8px;width:152px;height:152px}.playing .cvw .disc{right:-26px}.wrow{display:flex;align-items:center;gap:16px;margin-top:8px}.wrow .wave{flex:1 1;min-width:0;margin-top:0;height:44px}.wrow .play{flex:none}.ctrl .sp{flex:1 1}.hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.song h3{flex:1 1;min-width:0;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.1}.cvw{width:250px;height:172px}@media (min-width:1232px){#top{height:735px}.hero{height:708px;grid-template-columns:5fr 7fr}.hero h1{width:498px;font-size:60px}.hero .sub{width:501px;height:93px}.gift .player{height:529px}.song{width:565px}.song h3{font-size:36px}#cach-lam{height:640px}#loi-ich{height:780px}#trai-nghiem{height:1264px}#so-sanh{height:569px}#dong-nhac{height:675px}.cta-tx p{width:546px}}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}.hero .sub{max-width:46ch}}@media (max-width:560px){.hero h1{font-size:40px}.hero .btn{margin-top:24px}.gift{padding:12px 12px 23px;border-radius:32px}.g-lid{left:-4px;right:-4px}.gift.open .g-lid{transform:translate(-1%,-26px) rotate(-4deg)}.gift.open .g-lid:hover{transform:translate(-1%,-30px) rotate(-5deg)}.gift .player{border-radius:24px;padding:20px 16px}.song{gap:14px}.cvw{width:140px;height:124px}.cv{width:116px;height:116px;border-width:4px}.cvw .disc{right:0;top:6px;width:104px;height:104px}.playing .cvw .disc{right:-12px}.song h3{font-size:30px}.lyrics{margin-top:16px}.lyrics li{font-size:16px}.wrow .play{width:52px;height:52px}.wave{gap:2px}.wave b{min-width:1px}}@media (max-width:1000px){.blk{padding-top:0;min-height:0}.blk-img{position:relative;inset:auto;aspect-ratio:5/4}.blk-bd{margin-top:-28px}}.cmp thead th,.cmp thead th.mg{font-size:16px}@media (max-width:760px){.cmp{padding:6px;overflow-x:visible}.cmp table{min-width:0}.cmp thead th:first-child{width:42%}.cmp td,.cmp th{padding:14px 6px}.cmp thead th,.cmp thead th.mg{font-size:12.5px;line-height:1.3;vertical-align:bottom}.cmp td:first-child{padding-left:14px;font-size:13.5px;line-height:1.4}.cmp svg{width:20px;height:20px}.cmp th.mg{border-radius:14px 14px 0 0}.cmp tr:last-child td.mg{border-radius:0 0 14px 14px}}.logo{white-space:nowrap}@media (max-width:420px){.nav .wrap{gap:10px}.nav .logo{font-size:17px}.nav .r{gap:8px}.nav .r .btn.sm{padding:10px 14px;font-size:14px}.nav .r .btn.ghost.sm{padding:8.5px 12.5px}}@media (max-width:520px){.cta-disc{width:250px;height:172px}.cd-cover{width:164px;height:164px;padding:8px}.cd-vinyl{left:76px;width:158px;height:158px}}@media (max-width:600px){.hero .n1,.hero .nt3{display:none}}@media (max-width:560px){.blocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.blk{display:flex;flex-direction:column;justify-content:flex-end;min-height:345px;padding:14px;border-radius:20px}.blk-img{aspect-ratio:auto;background-position:top}.blk-img,.blk-img:before{position:absolute;inset:0}.blk-img:before{content:"";background:color-mix(in srgb,#fff 30%,transparent)}.blk-img:after{background:linear-gradient(180deg,transparent 36%,var(--c3) 76%)}.blk-bd{gap:8px;min-height:149px;margin-top:0;padding:14px 0 0}.blk h3{font-size:17px}.blk p{font-size:12px;line-height:1.6}.blk .num{left:14px;top:14px;width:32px;height:32px;font-size:12px}.blk.b0{--c3:#DDD0FA}.blk.b1{--c3:#FBCFDF}.blk.b2{--c3:#FCE38C}.blk.b3{--c3:#CDEEDF}}@media (max-width:900px){.bf{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;grid-auto-flow:column;gap:32px 24px;align-items:stretch}.bf-art{grid-column:1/-1;grid-row:1;margin-bottom:8px}.bf-col{display:contents}}@media (max-width:560px){.bf{gap:30px 20px}.bf-card{gap:14px;padding:20px 22px;border-radius:20px}.bf-card h3{font-size:18px;line-height:1.3}.bf-card p{font-size:13px;line-height:1.7}.bf-ic{width:46px;height:46px;border-radius:16px}.bf-ic .i{width:22px;height:22px}}.wave{overflow:hidden}@media (max-width:560px){.bf-card h3 br{display:none}}.nav .r .btn,.nav ul a{white-space:nowrap}.burger,.mdrawer,.mscrim{display:none}@media (max-width:960px){.nav .wrap{grid-template-columns:1fr auto}.nav .r .btn.buy,.nav .r .btn.ghost,.nav ul{display:none}.burger{display:grid;align-content:center;justify-items:center;grid-gap:5px;gap:5px;width:44px;height:44px;padding:0;border-radius:50%;background:var(--surface);border:1.5px solid var(--line-strong);box-shadow:0 3px 0 var(--edge-light);cursor:pointer;flex:none}.burger span{display:block;width:18px;height:2.5px;border-radius:2px;background:var(--fg)}.mscrim{display:block;position:fixed;inset:0;z-index:40;background:rgba(28,15,92,.5);opacity:0;pointer-events:none;transition:opacity .25s}.mdrawer{display:flex;flex-direction:column;gap:18px;position:fixed;z-index:41;top:0;right:0;bottom:0;width:min(82vw,320px);padding:20px 20px 28px;background:var(--bg);box-shadow:-18px 0 40px -12px rgba(28,15,92,.35);border-radius:28px 0 0 28px;transform:translateX(105%);transition:transform .3s cubic-bezier(.3,.8,.3,1);overflow-y:auto;overscroll-behavior:contain}.mscrim.open{opacity:1;pointer-events:auto}.mdrawer.open{transform:none}.md-top{display:flex;align-items:center;justify-content:space-between}.md-x{width:40px;height:40px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:var(--chip);cursor:pointer;color:var(--fg)}.md-x .i{width:18px;height:18px}.md-nav{display:grid;grid-gap:4px;gap:4px}.md-nav a{display:block;padding:14px 16px;border-radius:16px;font-weight:700;font-size:17px;color:var(--fg);text-decoration:none}.md-nav a:active,.md-nav a:hover{background:var(--chip);color:#7552F2}.md-cta{margin-top:auto;display:grid;grid-gap:10px;gap:10px}.md-cta .btn{width:100%}}