:root{--bg: #08080a;--bg-2: #0d0e10;--deep: #111114;--deep-2: #17171b;--s1: rgba(255, 255, 255, .045);--s2: rgba(255, 255, 255, .075);--s3: rgba(255, 255, 255, .12);--blur: saturate(160%) blur(18px);--t1: #f4f4f5;--t2: #a9a9b2;--t3: #8e8e96;--line: rgba(255, 255, 255, .08);--line2: rgba(255, 255, 255, .14);--rim: inset 0 1px 0 rgba(255, 255, 255, .06);--acc: #d6ff3f;--acc-2: #9be02a;--acc-hi: #e2ff78;--on-acc: #0c0c0e;--acc-soft: rgba(214, 255, 63, .12);--acc-line: rgba(214, 255, 63, .42);--acc-glow: rgba(214, 255, 63, .3);--acc-grad: linear-gradient(135deg, #ecff8a 0%, #d6ff3f 45%, #a6e82c 100%);--ice: #5ef2c4;--ice-soft: rgba(94, 242, 196, .12);--aurora-1: #5ef2c4;--aurora-2: #2ecc96;--pos: #7ee787;--neg: #ff7b72;--warn: #ffb547;--gold: #ffc94a;--e1: 0 1px 2px rgba(0, 0, 0, .5);--e2: 0 8px 22px -6px rgba(0, 0, 0, .6);--e3: 0 18px 40px -12px rgba(0, 0, 0, .72);--e4: 0 30px 70px -18px rgba(0, 0, 0, .88);--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 30px;--spring: cubic-bezier(.16, 1, .3, 1);--ease: cubic-bezier(.16, 1, .3, 1);--fast: .16s;--base: .28s;--fd: "Bricolage Grotesque", "Noto Sans Thai", system-ui, sans-serif;--fb: "Familjen Grotesk", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--gut: 16px;--side: 0px;--dock: 74px;--pbar: 0px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{margin:0;min-height:100dvh;color:var(--t1);font:400 15px/1.55 var(--fb);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overflow-x:hidden;background:var(--bg)}body.noscroll{overflow:hidden}.amb{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict;background:radial-gradient(1000px 520px at 88% -14%,rgba(214,255,63,.1),transparent 62%),radial-gradient(900px 500px at -12% 6%,rgba(94,242,196,.06),transparent 60%),linear-gradient(180deg,#08080a,#0b0c0e 60%,#0a0b0c)}html.scrolling .amb *,html.scrolling .amb *:before,html.scrolling .amb *:after,html.scrolling .hero-fx *{animation-play-state:paused!important}.glow{position:absolute;border-radius:50%;will-change:transform}.glow.g1{width:52vmax;height:52vmax;left:-18vmax;top:-22vmax;background:radial-gradient(circle,rgba(214,255,63,.15),rgba(214,255,63,.04) 45%,transparent 68%);animation:glow-a 26s ease-in-out infinite alternate}.glow.g2{width:44vmax;height:44vmax;right:-16vmax;top:16vh;background:radial-gradient(circle,rgba(94,242,196,.11),rgba(94,242,196,.03) 45%,transparent 68%);animation:glow-b 32s ease-in-out infinite alternate}.glow.g3{width:38vmax;height:38vmax;left:28%;bottom:-20vmax;background:radial-gradient(circle,rgba(166,232,44,.12),transparent 66%);animation:glow-a 38s ease-in-out infinite alternate-reverse}@keyframes glow-a{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(9vw,6vh,0) scale(1.14)}to{transform:translate3d(-4vw,11vh,0) scale(.94)}}@keyframes glow-b{0%{transform:translateZ(0) scale(1.05)}50%{transform:translate3d(-11vw,-5vh,0) scale(.9)}to{transform:translate3d(-4vw,9vh,0) scale(1.12)}}.trails{position:absolute;inset:-20% -10%;transform:rotate(-11deg);opacity:.7}.trails i{position:absolute;left:0;top:var(--y);width:var(--l);height:1.5px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--c) 72%,#fff);box-shadow:0 0 8px var(--c);opacity:0;animation:trail var(--t) cubic-bezier(.45,0,.55,1) infinite;animation-delay:var(--d);will-change:transform,opacity}.trails i.lime{--c: rgba(214, 255, 63, .9)}.trails i.mint{--c: rgba(94, 242, 196, .85)}.trails i.white{--c: rgba(255, 255, 255, .75)}@keyframes trail{0%{transform:translate3d(-40vw,0,0);opacity:0}6%{opacity:.9}34%{opacity:.55}40%{transform:translate3d(140vw,0,0);opacity:0}to{transform:translate3d(140vw,0,0);opacity:0}}.sparks{position:absolute;inset:0}.sparks i{position:absolute;left:var(--x);bottom:-10px;width:var(--s);height:var(--s);border-radius:50%;background:var(--c);box-shadow:0 0 10px 2px var(--c);opacity:0;animation:mote var(--t) linear infinite;animation-delay:var(--d);will-change:transform,opacity}.sparks i.lime{--c: rgba(214, 255, 63, .8)}.sparks i.mint{--c: rgba(94, 242, 196, .75)}.sparks i.white{--c: rgba(255, 255, 255, .7)}@keyframes mote{0%{opacity:0;transform:translateZ(0)}10%{opacity:.75}30%{transform:translate3d(18px,-30vh,0)}55%{transform:translate3d(-14px,-55vh,0)}80%{opacity:.45;transform:translate3d(12px,-80vh,0)}to{opacity:0;transform:translate3d(-6px,-104vh,0)}}.city,.city-lights{position:absolute;left:0;right:0;bottom:0;height:min(24vh,210px)}.city{background:url(/thai/skyline.svg) bottom / 100% 100% no-repeat;opacity:.75}.city:before{content:"";position:absolute;inset:-40px 0 0;background:linear-gradient(180deg,transparent,rgba(214,255,63,.05) 70%,transparent)}.city-lights{opacity:.5}.city-lights:before,.city-lights:after{content:"";position:absolute;inset:0;background:bottom / 100% 100% no-repeat}.city-lights:before{background-image:url(/thai/windows-a.svg);animation:windows 6s ease-in-out infinite alternate}.city-lights:after{background-image:url(/thai/windows-b.svg);animation:windows 6s ease-in-out -3s infinite alternate}@keyframes windows{0%,30%{opacity:.2}70%,to{opacity:1}}@keyframes aurora{0%{transform:translate3d(-4%,0,0) rotate(-2deg) scale(1)}50%{transform:translate3d(3%,3%,0) rotate(1deg) scale(1.06)}to{transform:translate3d(6%,-2%,0) rotate(3deg) scale(1.02)}}h1,h2,h3{font-family:var(--fd);letter-spacing:-.025em;margin:0;line-height:1.15;font-weight:700}p{margin:0}a{color:var(--acc-hi);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}img{display:block;max-width:100%}button{font:inherit;color:inherit}ol,ul{margin:0;padding:0;list-style:none}em{font-style:normal;color:var(--t3);font-weight:400}::selection{background:#d6ff3f59}.th-text{line-height:1.5}:lang(th),.th-text{word-break:normal;overflow-wrap:anywhere}:focus-visible{outline:2px solid var(--acc-hi);outline-offset:3px;border-radius:8px}.muted{color:var(--t2)}.small{font-size:13px}.center{text-align:center}.break{word-break:break-all}.kicker{display:inline-flex;align-items:center;gap:8px;font:600 11.5px/1.3 var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--ice)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:10px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;border:1px solid transparent;font:600 15px/1 var(--fb);letter-spacing:-.005em;text-decoration:none;cursor:pointer;transition:transform var(--fast) var(--spring),background var(--base),border-color var(--fast),box-shadow var(--base),opacity var(--fast),color var(--fast);white-space:nowrap}.btn:hover{text-decoration:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--acc-grad);background-size:140% 140%;background-position:0% 50%;color:var(--on-acc);box-shadow:0 10px 28px -8px var(--acc-glow),inset 0 1px #ffffff47}.btn.primary:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translate(-120%);transition:transform .7s var(--spring)}.btn.primary:hover:not(:disabled){background-position:100% 50%;box-shadow:0 14px 34px -8px var(--acc-glow),inset 0 1px #ffffff4d}.btn.primary:hover:not(:disabled):after{transform:translate(120%)}.btn.ghost{background:var(--s2);color:var(--t1);border-color:var(--line2);box-shadow:var(--rim)}.btn.ghost:hover:not(:disabled){background:var(--s3);border-color:#ffffff4d}.btn.outline{background:transparent;color:var(--t1);border-color:var(--line2)}.btn.outline:hover:not(:disabled){border-color:var(--acc-hi);color:var(--acc-hi)}.btn.dark{background:#fff;color:#0c0c0e}.btn.danger{background:#d6ff3f1f;color:#e4ff8a;border-color:#d6ff3f66}.btn.line{background:#06c755;color:#fff;box-shadow:0 10px 24px -10px #06c75599}.btn.line:hover:not(:disabled){background:#08d45c}.btn.block{display:flex;width:100%}.btn.lg{min-height:54px;font-size:16px;padding:0 26px}.btn.sm{min-height:36px;padding:0 15px;font-size:13px}.btn.more{display:flex;margin:16px auto 0}.iconbtn{display:inline-grid;place-items:center;width:42px;height:42px;flex:none;border:0;border-radius:50%;background:transparent;color:var(--t1);cursor:pointer;transition:background var(--fast),transform var(--fast) var(--spring),color var(--fast)}.iconbtn:hover{background:var(--s2);text-decoration:none}.iconbtn:active:not(:disabled){transform:scale(.92)}.iconbtn:disabled{opacity:.35;cursor:default}.iconbtn.dim{color:var(--t3)}.linkbtn{display:inline-block;margin-top:12px;padding:4px 0;background:none;border:0;color:var(--t2);font-size:14px;cursor:pointer}.linkbtn:hover{color:var(--t1)}.linkbtn:disabled{opacity:.5;cursor:default}input,textarea,select{width:100%;background:#0e0e118c;color:var(--t1);border:1px solid var(--line2);border-radius:var(--r-md);padding:13px 15px;font:400 16px/1.45 var(--fb);transition:border-color var(--fast),box-shadow var(--base),background var(--fast)}input::placeholder,textarea::placeholder{color:var(--t3)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--acc-hi);box-shadow:0 0 0 4px var(--acc-soft);background:#0e0e11bf}textarea{resize:vertical}input[type=search]::-webkit-search-cancel-button{display:none}.lbl{display:block;margin:18px 0 7px;font:600 13px/1.3 var(--fb);color:var(--t2);letter-spacing:.01em}.lbl:first-child{margin-top:0}.err{margin:12px 0 0;color:var(--neg);font-size:14px}.ok{margin:12px 0 0;color:var(--pos);font-size:14px}form .btn.block{margin-top:20px}.prefix{display:flex;align-items:center;background:#0e0e118c;border:1px solid var(--line2);border-radius:var(--r-md);transition:border-color var(--fast),box-shadow var(--base)}.prefix:focus-within{border-color:var(--acc-hi);box-shadow:0 0 0 4px var(--acc-soft)}.prefix>span{padding:0 4px 0 15px;color:var(--t2);white-space:nowrap;font-size:15px;font-weight:600}.prefix input{border:0;background:transparent;box-shadow:none!important}.prefix.pw .iconbtn{margin-right:4px}.inline-form{display:flex;gap:8px;margin-top:14px}.inline-form input{flex:1;min-width:0}.chips{display:flex;gap:8px;margin:0 0 20px}.chips.wrap{flex-wrap:wrap}.chips.scroll{overflow-x:auto;scrollbar-width:none;margin-left:calc(var(--gut) * -1);margin-right:calc(var(--gut) * -1);padding:2px var(--gut)}.chips.scroll::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:42px;padding:0 18px;background:var(--s1);color:var(--t2);border:1px solid var(--line);border-radius:999px;font:600 14px/1 var(--fb);cursor:pointer;transition:background var(--fast),color var(--fast),border-color var(--fast),transform var(--fast) var(--spring),box-shadow var(--base)}.chip:hover{background:var(--s2);color:var(--t1)}.chip:active{transform:scale(.96)}.chip.on{background:var(--acc);color:var(--on-acc);border-color:var(--acc);box-shadow:0 8px 22px -10px var(--acc-glow)}.chip.sm{min-height:36px;padding:0 14px;font-size:13px;font-weight:500}.chip.sm.on{background:var(--acc-soft);color:#efffc2;border-color:var(--acc-line);box-shadow:none}.tagchip{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;background:var(--s2);border:1px solid var(--line);color:var(--t2);font-size:12px;font-weight:600}.tagchip.warn{color:var(--warn);border-color:#ffc94a59}.panel{background:var(--s1);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--rim),var(--e2)}.panel h2{font-size:20px}.panel.center{text-align:center;display:grid;gap:12px;justify-items:center}.panel.center .btn.block{width:100%}.avatar{display:inline-grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--acc-grad);color:var(--on-acc);font:700 17px/1 var(--fd);text-decoration:none;box-shadow:0 0 0 2px #ffffff1f,0 8px 20px -8px var(--acc-glow)}.avatar:hover{text-decoration:none}.avatar.sm{width:34px;height:34px;font-size:14px}.avatar.xl{width:92px;height:92px;font-size:38px;box-shadow:0 0 0 4px #ffffff14,0 20px 50px -14px var(--acc-glow)}.spin{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.spin.lg{width:28px;height:28px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.eq i{width:3px;height:100%;background:currentColor;border-radius:2px;animation:eq 1s ease-in-out infinite;transform-origin:bottom}.eq i:nth-child(2){animation-delay:-.35s}.eq i:nth-child(3){animation-delay:-.7s}.eq.lg{height:36px;gap:4px;color:var(--acc-hi)}.eq.lg i{width:6px}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.sk{display:block;background:linear-gradient(90deg,var(--s1) 0%,var(--s3) 50%,var(--s1) 100%);background-size:200% 100%;animation:shimmer 1.6s infinite;border-radius:10px}@keyframes shimmer{to{background-position:-200% 0}}.skel li{display:flex;align-items:center;gap:12px;padding:10px 0}.sk-art{width:54px;height:54px;border-radius:12px;flex:none}.sk-tx{flex:1;display:grid;gap:8px}.sk-l1{height:14px;width:60%}.sk-l2{height:11px;width:35%}.skel-shelf{margin:8px 0 30px}.sk-h{width:180px;height:20px;margin-bottom:14px}.sk-card{flex:none;width:156px;height:156px;border-radius:var(--r-md)}.sk-card.wide{width:250px;height:150px}.state,.empty{padding:40px 16px;text-align:center;color:var(--t2);display:grid;gap:14px;justify-items:center}.gate{max-width:440px;margin:48px auto;padding:32px 24px;text-align:center;background:var(--s1);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--rim),var(--e3);display:grid;gap:12px;justify-items:center;animation:rise .52s var(--spring) backwards}.gate h1{font-size:26px}.gate p{color:var(--t2)}.gate .btn.primary{width:100%;margin-top:6px}.gate-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--acc-soft);color:var(--acc-hi);box-shadow:0 0 0 8px #d6ff3f0f}.toasts{position:fixed;left:50%;transform:translate(-50%);z-index:90;bottom:calc(var(--dock) + var(--pbar) + 18px + env(safe-area-inset-bottom));display:grid;gap:8px;width:min(92vw,420px);pointer-events:none}.toast{padding:13px 18px;border-radius:var(--r-md);background:#18181ceb;color:var(--t1);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--e3),var(--rim);font-weight:500;animation:rise .36s var(--spring);border:1px solid var(--line2)}.toast.ok{border-color:#4ade8073}.toast.err{border-color:var(--acc-line);color:#efffc2}@keyframes rise{0%{opacity:0;transform:translate3d(0,14px,0) scale(.985)}}@keyframes fade{0%{opacity:0}}.sheet-bg{position:fixed;inset:0;z-index:80;background:#0000009e;display:flex;align-items:flex-end;justify-content:center;animation:fade var(--base) var(--ease);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sheet{width:100%;max-width:540px;max-height:86vh;overflow:auto;background:linear-gradient(180deg,#1a1a1ff5,#0f0f12fa);border:1px solid var(--line2);border-bottom:0;border-radius:var(--r-xl) var(--r-xl) 0 0;padding:10px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:var(--e4),var(--rim);animation:up .42s var(--spring)}.sheet:before{content:"";display:block;width:40px;height:4px;margin:2px auto 8px;border-radius:4px;background:var(--line2)}.sheet.tall{height:86vh;display:flex;flex-direction:column}@keyframes up{0%{transform:translateY(48px);opacity:.3}}.sheet-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 -6px 8px 0;min-height:44px}.sheet-hd h3{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:700px){.sheet-bg{align-items:center}.sheet{border-radius:var(--r-xl);border-bottom:1px solid var(--line2);padding-bottom:24px;animation:pop .38s var(--spring)}.sheet:before{display:none}}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.97)}}.menu{display:grid}.menu button{display:flex;align-items:center;gap:14px;min-height:54px;padding:0 6px;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;font-size:15px;transition:color var(--fast)}.menu button:last-child{border-bottom:0}.menu button:hover:not(:disabled){color:var(--acc-hi)}.menu button:disabled{opacity:.4}.picklist{display:grid;gap:4px}.pick{display:flex;align-items:center;gap:12px;padding:10px 8px;text-align:left;background:none;border:0;border-radius:var(--r-md);cursor:pointer;transition:background var(--fast)}.pick:hover:not(:disabled){background:var(--s2)}.pick:disabled{opacity:.5}.pick-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--s2);color:var(--t2);flex:none}.pick-ic.acc{background:var(--acc-soft);color:var(--acc-hi)}.pick-tx{display:grid}.pick-tx b{font-weight:600}.pick-tx i{font-style:normal;font-size:13px;color:var(--t3)}.confirm{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.confirm p{flex:1 1 100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.glow,.city-lights{animation:none}.tab-big:before,.hero-badge .dot:after{display:none}.trails,.sparks,.hx-sweep,.hx-ring{display:none}.pbar-sheen,.pbar-pp:before,.pbar-pp:after{display:none}}body.hasmini{--pbar: 108px}.app{position:relative;z-index:1;min-height:100dvh}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--t1);text-decoration:none}.logo:hover{text-decoration:none}.logo-mark{flex:none;border-radius:9px;box-shadow:0 6px 18px -6px var(--acc-glow);transition:transform var(--base) var(--spring)}.logo:hover .logo-mark{transform:rotate(-6deg) scale(1.05)}.logo-tx{display:inline-flex;align-items:baseline;gap:0;font:800 21px/1 var(--fd);letter-spacing:-.04em}.logo-tx i{font-style:normal;color:var(--acc);text-shadow:0 0 18px var(--acc-glow)}.logo-dot{display:none}.credits{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 13px;border-radius:999px;background:var(--s2);border:1px solid var(--line2);color:var(--t1);font:600 13px/1 var(--fb);text-decoration:none;white-space:nowrap;transition:background var(--fast),border-color var(--fast)}.credits svg{color:var(--gold)}.credits:hover{text-decoration:none;background:var(--s3);border-color:#ffc94a66}.credits b{font-weight:800}.credits span{color:var(--t2);font-weight:500}.credits.big{min-height:42px;padding:0 15px}.pill-btn{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:999px;background:var(--acc-grad);color:var(--on-acc);font:700 13px/1 var(--fb);text-decoration:none;box-shadow:0 8px 20px -8px var(--acc-glow)}.pill-btn:hover{text-decoration:none;filter:brightness(1.08)}.side{display:none}.top{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--gut) 0;background:#08080a8c;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--line)}.top-r{display:flex;align-items:center;gap:6px}.main{position:relative;padding:16px var(--gut) calc(var(--dock) + var(--pbar) + 30px + env(safe-area-inset-bottom))}.page{max-width:1180px;margin:0 auto;animation:rise .56s var(--spring) backwards}.dock{position:fixed;left:0;right:0;bottom:0;z-index:50;pointer-events:none;padding:0 10px calc(10px + env(safe-area-inset-bottom))}.dock>*{pointer-events:auto}.dock:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;pointer-events:none;height:calc(100% + 28px);background:linear-gradient(to bottom,#08080a00,#08080ad1 34%,#08080af0)}.tabs{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;height:64px;background:#121216b8;backdrop-filter:saturate(170%) blur(22px);-webkit-backdrop-filter:saturate(170%) blur(22px);border:1px solid var(--line2);border-radius:26px;box-shadow:var(--e3),var(--rim)}.tab{position:relative;display:grid;justify-items:center;gap:4px;padding:8px 0;color:var(--t3);font:600 10.5px/1 var(--fb);letter-spacing:.02em;text-decoration:none;transition:color var(--fast)}.tab svg{transition:transform var(--base) var(--spring)}.tab:hover{text-decoration:none;color:var(--t1)}.tab.on{color:var(--t1)}.tab.on svg{color:var(--acc-hi);transform:translateY(-1px);filter:drop-shadow(0 4px 10px var(--acc-glow))}.tab.on:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--acc-hi);box-shadow:0 0 10px var(--acc-hi)}.tab-big{justify-self:center;display:grid;place-items:center;width:60px;height:60px;margin-top:-30px;border-radius:50%;background:var(--acc-grad);color:var(--on-acc);box-shadow:0 0 0 6px #08080ae6,0 12px 30px -6px var(--acc-glow),inset 0 1px #ffffff59;position:relative;transition:transform var(--fast) var(--spring)}.tab-big:before{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:0 14px 40px -2px #d6ff3f8c,0 0 26px #e2ff7859;opacity:0;will-change:opacity;animation:orb 3.6s ease-in-out infinite}.tab-big:hover{text-decoration:none}.tab-big:active{transform:scale(.92)}@keyframes orb{50%{opacity:1}}@property --pb-ang{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.pbar{position:relative;isolation:isolate;display:flex;align-items:center;gap:10px;height:80px;margin:0 2px 28px;padding:0 8px 14px 11px;background:radial-gradient(120% 140% at 0% 50%,rgba(214,255,63,.16),transparent 55%),radial-gradient(90% 140% at 100% 50%,rgba(94,242,196,.1),transparent 60%),#131317f0;backdrop-filter:saturate(170%) blur(22px);-webkit-backdrop-filter:saturate(170%) blur(22px);border:1px solid var(--line2);border-radius:20px;box-shadow:var(--e3),var(--rim);cursor:pointer;overflow:hidden;animation:rise .42s var(--spring);transition:box-shadow .6s ease,border-color .6s ease}.pbar.on{border-color:#ffffff0f;box-shadow:var(--e3),var(--rim),0 10px 34px -12px var(--acc-glow)}.pbar-ring{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--pb-ang),transparent 0 52%,rgba(226,255,120,.95) 66%,rgba(94,242,196,.9) 78%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .6s ease}.pbar.on .pbar-ring{opacity:1;animation:pb-orbit 5.5s linear infinite}@keyframes pb-orbit{to{--pb-ang: 360deg}}.pbar-sheen{position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;overflow:hidden}.pbar-sheen:before{content:"";position:absolute;top:-40%;bottom:-40%;left:0;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.07) 45%,rgba(240,255,190,.1) 50%,transparent);transform:translate(-120%) skew(-18deg);opacity:0}.pbar.on .pbar-sheen:before{opacity:1;animation:pb-sheen 7s cubic-bezier(.6,0,.3,1) 1.2s infinite}@keyframes pb-sheen{0%{transform:translate(-120%) skew(-18deg)}38%,to{transform:translate(320%) skew(-18deg)}}.pbar>:not(.pbar-ring):not(.pbar-sheen):not(.pbar-line){position:relative;z-index:2}.pbar-song{flex:1;min-width:0;display:flex;align-items:center;gap:13px;animation:pb-in .48s var(--spring)}@keyframes pb-in{0%{opacity:0;transform:translateY(6px);filter:blur(4px)}}.pbar-art{position:relative;width:50px;height:50px;flex:none;border-radius:13px;overflow:hidden;display:grid;place-items:center;background:var(--s3);color:var(--t3);box-shadow:0 6px 14px -6px #0009}.pbar-art img{width:100%;height:100%;object-fit:cover}.pbar.on .pbar-art{box-shadow:0 6px 14px -6px #0009,0 0 0 1px #e2ff784d,0 0 18px -2px var(--acc-glow);animation:pb-breathe 3.2s ease-in-out infinite;will-change:transform}@keyframes pb-breathe{50%{transform:scale(1.045)}}.pbar-eq{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding-bottom:9px;background:linear-gradient(to top,#08080ab8,#08080a1a 70%);opacity:0;transition:opacity .4s ease}.pbar-eq i{width:3.5px;height:16px;border-radius:2px;background:#fff;transform-origin:bottom;transform:scaleY(.25);box-shadow:0 0 6px #ffffff80}.pbar.on .pbar-eq{opacity:1}.pbar.on .pbar-eq i{animation:pb-eq .9s ease-in-out infinite alternate}.pbar.on .pbar-eq i:nth-child(2){animation-duration:.64s;animation-delay:-.3s;background:#e8ff9a}.pbar.on .pbar-eq i:nth-child(3){animation-duration:.78s;animation-delay:-.52s;background:var(--ice)}@keyframes pb-eq{0%{transform:scaleY(.22)}50%{transform:scaleY(.9)}to{transform:scaleY(.45)}}.pbar-tx{min-width:0;display:grid;gap:4px}.pbar-tx b{font-size:15px;line-height:1.25;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}.pbar-tx i{font-style:normal;font-size:12.5px;line-height:1.2;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbar-tx i.lyric{color:var(--acc-hi)}.pbar-tx i.warn{color:var(--warn)}.pbar-mid{display:flex;align-items:center}.pbar-ctl{display:flex;align-items:center;gap:6px}.pbar-pp,.pbar-sk{position:relative;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--t1);cursor:pointer;transition:transform var(--fast) var(--spring),background var(--fast)}.pbar-pp{background:linear-gradient(160deg,#fff,#f1ffc9);color:#0c0c0e;width:44px;height:44px;box-shadow:0 6px 16px -6px #ffffff80,inset 0 -2px 4px #d6ff3f1f}.pbar-pp:before,.pbar-pp:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;border:1.5px solid rgba(226,255,120,.7);opacity:0}.pbar.on .pbar-pp:before{animation:pb-ripple 2.4s ease-out infinite}.pbar.on .pbar-pp:after{animation:pb-ripple 2.4s ease-out 1.2s infinite;border-color:#5ef2c499}@keyframes pb-ripple{0%{transform:scale(1);opacity:.9}to{transform:scale(1.75);opacity:0}}.pbar-ico{display:grid;place-items:center;animation:pb-pop .36s var(--spring)}@keyframes pb-pop{0%{transform:scale(.4) rotate(-30deg);opacity:0}}.pbar-pp:active,.pbar-sk:active:not(:disabled){transform:scale(.9)}.pbar-sk:disabled{opacity:.3;cursor:default}.pbar-sk:hover:not(:disabled){background:#ffffff12}.pbar-x{position:relative;display:grid;place-items:center;flex:none;width:30px;height:30px;margin-left:2px;border:1px solid var(--line2);border-radius:50%;background:#ffffff0d;color:var(--t2);cursor:pointer;transition:background var(--fast),color var(--fast),transform var(--fast) var(--spring)}.pbar-x:after{content:"";position:absolute;inset:-8px}.pbar-x:hover{background:#d6ff3f2e;color:#fff;border-color:var(--acc-line)}.pbar-x:active{transform:scale(.88)}.pbar.leaving{animation:pb-out .24s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}@keyframes pb-out{to{opacity:0;transform:translateY(18px) scale(.96)}}.pbar-line{position:absolute;z-index:3;left:20px;right:20px;bottom:9px;height:3px;background:#ffffff21;border-radius:3px}.pbar-line i{display:block;height:100%;border-radius:3px;transition:width .25s linear;background:linear-gradient(90deg,var(--acc-2),var(--acc-hi) 55%,var(--ice));box-shadow:0 0 10px var(--acc-glow)}.pbar-line b{position:absolute;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #5ef2c459,0 0 10px 2px #5ef2c4cc;opacity:0;transition:left .25s linear,opacity .4s ease}.pbar.on .pbar-line b{opacity:1;animation:pb-head 1.6s ease-in-out infinite}@keyframes pb-head{50%{transform:scale(1.4)}}.wide-only{display:none!important}.pbar-x.narrow-only{display:grid}.seek{position:relative;height:4px;border-radius:4px;background:#ffffff24;cursor:pointer;touch-action:none}.seek:before{content:"";position:absolute;inset:-12px 0}.seek>i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--acc-hi),#f0ffb0);border-radius:inherit;box-shadow:0 0 10px var(--acc-glow)}.seek-knob{position:absolute;top:50%;width:15px;height:15px;border-radius:50%;background:#fff;transform:translate(-50%,-50%) scale(0);transition:transform var(--fast) var(--spring);box-shadow:0 0 0 4px #d6ff3f40,var(--e2)}.seek:hover .seek-knob,.seek.drag .seek-knob,.seek.lg .seek-knob{transform:translate(-50%,-50%) scale(1)}.seek.lg{height:6px}.seek[tabindex="-1"]{cursor:default}.seek[tabindex="-1"] .seek-knob{display:none}.fp{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);transform:translateY(100%);visibility:hidden;transition:transform .52s var(--spring),visibility 0s linear .52s}.fp.on{transform:none;visibility:visible;transition:transform .52s var(--spring)}.fp-bg{position:absolute;inset:-20%;z-index:-1;background:radial-gradient(circle at 30% 20%,#0e3a2c,transparent 60%),radial-gradient(circle at 80% 70%,#22340a,transparent 55%) var(--bg) center / cover;filter:blur(80px) saturate(1.5) brightness(.6);transform:scale(1.2)}.fp:not(.on) .fp-art{animation:none}.fp-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08080a26,#08080ae0)}.fp-top{display:flex;align-items:center;justify-content:space-between;padding:8px 10px}.fp-top b{font:700 11.5px/1 var(--fb);letter-spacing:.18em;text-transform:uppercase;color:var(--t2)}.fp-body{flex:1;min-height:0;display:flex;padding:0 24px}.fp-cover{flex:1;display:grid;place-items:center;min-height:0}.fp-art{width:min(100%,46vh,440px);aspect-ratio:1;border-radius:var(--r-xl);overflow:hidden;background:var(--s2);display:grid;place-items:center;color:var(--t3);box-shadow:0 40px 90px -30px #000000e6,0 0 0 1px #ffffff0f;animation:drift 7s ease-in-out infinite alternate}.fp-art img{width:100%;height:100%;object-fit:cover}@keyframes drift{0%{transform:translateY(-4px) scale(1)}to{transform:translateY(5px) scale(1.012)}}.fp-lyrics{display:none;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;mask-image:linear-gradient(transparent,#000 12%,#000 80%,transparent)}.fp-lyrics::-webkit-scrollbar{display:none}.fp.lyr .fp-cover{display:none}.fp.lyr .fp-lyrics{display:block}.fp-lyrics ol{padding:30% 0;display:grid;gap:16px}.fp-lyrics li{font:700 24px/1.5 var(--fd);color:#ffffff59;cursor:pointer;transition:color var(--base),transform var(--base) var(--spring);transform-origin:left}.fp-lyrics li.done{color:#ffffff8c}.fp-lyrics ol.plain li{color:#ffffffe6;cursor:default}.fp-lyrics li.on{color:#fff;transform:scale(1.03)}.fp-lyrics li.sec{font:600 11px/1 var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--ice);cursor:default;margin-top:10px}.fp-lyrics li.none{color:var(--t2);font-size:16px}.fp-foot{padding:14px 24px 20px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:640px;width:100%;margin:0 auto}.fp-meta{min-width:0}.fp-meta h2{font-size:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-meta p{color:var(--t2)}.fp-times{display:flex;justify-content:space-between;font-size:12px;color:var(--t2);font-variant-numeric:tabular-nums}.fp-ctl{display:flex;align-items:center;justify-content:center;gap:16px}.fp-sk{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:0;background:none;color:var(--t1);cursor:pointer;font:700 14px/1 var(--fb);transition:transform var(--fast) var(--spring),background var(--fast)}.fp-sk:disabled{opacity:.3;cursor:default}.fp-sk:hover:not(:disabled){background:#ffffff14}.fp-sk:active:not(:disabled){transform:scale(.9)}.fp-pp{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;border:0;background:var(--acc-grad);color:var(--on-acc);cursor:pointer;box-shadow:0 16px 40px -8px var(--acc-glow),inset 0 1px #ffffff59;transition:transform var(--fast) var(--spring)}.fp-pp:hover{transform:scale(1.04)}.fp-pp:active{transform:scale(.93)}.seg{display:flex;justify-self:center;gap:4px;padding:4px;border-radius:999px;background:#ffffff12;border:1px solid var(--line)}.seg button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 16px;border:0;border-radius:999px;background:none;color:var(--t2);cursor:pointer;font-weight:600;font-size:13px;transition:background var(--fast),color var(--fast)}.seg button.on{background:var(--acc);color:var(--on-acc)}@media(min-width:900px){:root{--side: 268px;--dock: 0px;--gut: 36px}body.hasmini{--pbar: 96px}.top,.tabs{display:none}.dock{padding:0}.dock:before{display:none}.wide-only{display:flex!important}.pbar-sk.wide-only{display:grid!important}.side{position:fixed;left:12px;top:12px;bottom:calc(var(--pbar) + 12px);z-index:45;width:calc(var(--side) - 24px);display:flex;flex-direction:column;gap:6px;padding:22px 14px 16px;background:#1010138c;backdrop-filter:saturate(160%) blur(22px);-webkit-backdrop-filter:saturate(160%) blur(22px);border:1px solid var(--line);border-radius:26px;box-shadow:var(--e3),var(--rim);transition:bottom var(--base) var(--spring)}.side .logo{padding:0 8px 20px}.side nav{display:grid;gap:3px}.side-link{position:relative;display:flex;align-items:center;gap:14px;min-height:46px;padding:0 14px;border-radius:14px;color:var(--t2);font-weight:600;text-decoration:none;transition:background var(--fast),color var(--fast),transform var(--fast) var(--spring)}.side-link:hover{background:var(--s2);color:var(--t1);text-decoration:none;transform:translate(2px)}.side-link.on{background:linear-gradient(90deg,#d6ff3f2e,#d6ff3f0a);color:var(--t1);box-shadow:inset 0 0 0 1px #e2ff7838}.side-link.on svg{color:var(--acc-hi);filter:drop-shadow(0 3px 8px var(--acc-glow))}.side-link.on:before{content:"";position:absolute;left:-14px;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--acc-hi);box-shadow:0 0 12px var(--acc-hi)}.side-make{margin:18px 4px 0}.side-foot{margin-top:auto}.side-me{display:flex;align-items:center;gap:11px;padding:10px;border-radius:16px;text-decoration:none;color:var(--t1);transition:background var(--fast)}.side-me:hover{background:var(--s2);text-decoration:none}.side-me-tx{display:grid;min-width:0}.side-me-tx b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-me-tx i{font-style:normal;font-size:12px;color:var(--gold)}.side-join{display:grid;gap:10px;padding:18px 16px;border-radius:20px;background:linear-gradient(160deg,#d6ff3f29,#2ecc961a);border:1px solid var(--line2);text-align:center}.side-join p{font-size:13px;color:var(--t2)}.main{margin-left:var(--side);padding:32px var(--gut) calc(var(--pbar) + 56px)}.dock{left:calc(var(--side))}.pbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);gap:20px;height:calc(var(--pbar) - 22px);margin:0 12px 12px 0;padding:0 22px;border-radius:24px;cursor:default}.pbar-art{width:54px;height:54px;cursor:pointer}.pbar-tx b{font-size:15px}.pbar-mid{flex-direction:column;justify-content:center;gap:5px}.pbar-ctl{gap:10px}.pbar-pp{width:42px;height:42px}.pbar-pp:hover{transform:scale(1.06)}.pbar-seek{align-items:center;gap:10px;width:100%;font-size:11px;color:var(--t3);font-variant-numeric:tabular-nums}.pbar-seek .seek{flex:1}.pbar-r{display:flex;align-items:center;gap:10px;justify-content:flex-end}.pbar-x.narrow-only,.pbar-line{display:none}.fp-body{gap:56px;padding:0 56px;max-width:1240px;width:100%;margin:0 auto}.fp-lyrics,.fp.lyr .fp-lyrics{display:block}.fp.lyr .fp-cover{display:grid}.fp-art{width:min(100%,56vh,540px)}.fp-lyrics li{font-size:30px}.seg{display:none}}@media(min-width:1400px){:root{--side: 296px}}.strip>*,.rows>*,.occ-row>*,.browse>*,.packs>*,.stages>li,.ledger>li,.ch-stats>*{animation:rise .62s var(--spring) backwards}:is(.strip,.rows,.occ-row,.browse,.packs,.stages,.ledger,.ch-stats)>:nth-child(2){animation-delay:45ms}:is(.strip,.rows,.occ-row,.browse,.packs,.stages,.ledger,.ch-stats)>:nth-child(3){animation-delay:90ms}:is(.strip,.rows,.occ-row,.browse,.packs,.stages,.ledger,.ch-stats)>:nth-child(4){animation-delay:135ms}:is(.strip,.rows,.occ-row,.browse,.packs,.stages,.ledger,.ch-stats)>:nth-child(5){animation-delay:.18s}:is(.strip,.rows,.occ-row,.browse,.packs,.stages,.ledger,.ch-stats)>:nth-child(6){animation-delay:225ms}:is(.strip,.rows,.occ-row,.browse,.packs,.stages,.ledger,.ch-stats)>:nth-child(7){animation-delay:.27s}:is(.strip,.rows,.occ-row,.browse,.packs,.stages,.ledger,.ch-stats)>:nth-child(8){animation-delay:315ms}:is(.strip,.rows,.occ-row,.browse,.packs,.stages,.ledger,.ch-stats)>:nth-child(n+9){animation-delay:.36s}.phead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:6px 0 22px}.phead h1{font-size:32px;letter-spacing:-.035em}.phead p{color:var(--t2);margin-top:8px;max-width:60ch}.ptitle{font-size:32px;letter-spacing:-.035em;margin:6px 0 18px}.narrow{max-width:640px;margin:0 auto}.back{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;color:var(--t2);font-weight:600;font-size:14px;transition:color var(--fast),transform var(--fast) var(--spring)}.back:hover{color:var(--t1);text-decoration:none;transform:translate(-2px)}.sub-h{font-size:19px;margin:30px 0 12px}.sub-h h2{font-size:19px}.shelf{margin:0 0 34px}.sec-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.sec-hd h2{font-size:21px;letter-spacing:-.03em}.sec-hd a,.sec-hd .linkbtn{color:var(--t2);font-weight:600;font-size:14px;margin:0;transition:color var(--fast)}.sec-hd a:hover{color:var(--acc-hi);text-decoration:none}.strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--gut);scrollbar-width:none;margin:0 calc(var(--gut) * -1);padding:4px var(--gut) 10px}.strip::-webkit-scrollbar{display:none}.strip>*{scroll-snap-align:start}.art{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;background:linear-gradient(145deg,#1d1d22,#111114)}.art img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--spring)}.art i{position:relative;font:800 46px/1 var(--fd);font-style:normal;color:#ffffffd9;text-shadow:0 4px 24px rgba(0,0,0,.45)}.art.tone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0 18%,rgba(255,255,255,.06) 18.5% 19%,transparent 19.5%),repeating-radial-gradient(circle at 50% 50%,rgba(0,0,0,.18) 0 1px,transparent 1.5px 4px);mix-blend-mode:soft-light;opacity:.9}.art.t0{background:radial-gradient(120% 90% at 85% 10%,#d6ff3f,#5e8f12 55%,#141a08)}.art.t1{background:radial-gradient(120% 90% at 85% 10%,#5ef2c4,#13795c 55%,#06150f)}.art.t2{background:radial-gradient(120% 90% at 85% 10%,#ffd166,#a3661a 55%,#1a1006)}.art.t3{background:radial-gradient(120% 90% at 85% 10%,#9be02a,#2e6b18 55%,#08120a)}.art.t4{background:radial-gradient(120% 90% at 85% 10%,#7fd8ff,#1f5a7a 55%,#061018)}.art.t5{background:radial-gradient(120% 90% at 85% 10%,#e2ff78,#3d4a12 55%,#0e0f08)}.art.t0 i,.art.t5 i{color:#0c0c0ed1;text-shadow:none}.card{flex:none;width:156px}.card-art{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;cursor:pointer;border-radius:var(--r-md);overflow:hidden;background:var(--s1);box-shadow:var(--e2),0 0 0 1px #ffffff0d;transition:transform var(--base) var(--spring),box-shadow var(--base)}.card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,8,10,.55));opacity:0;transition:opacity var(--base)}.card-art:hover{transform:translateY(-4px);box-shadow:0 20px 40px -16px #000c,0 0 0 1px #ffffff1a,0 0 30px -10px var(--acc-glow)}.card-art:hover:after{opacity:1}.card-art:hover .art img{transform:scale(1.06)}.card .fab{position:absolute;right:9px;bottom:9px;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--acc-grad);color:var(--on-acc);box-shadow:0 10px 24px -6px var(--acc-glow);opacity:0;transform:translateY(8px) scale(.9);transition:opacity var(--fast),transform var(--base) var(--spring)}.card-art:hover .fab,.card.now .fab,.card-art:focus-visible .fab{opacity:1;transform:none}@media(hover:none){.card .fab{opacity:0}.card.now .fab{opacity:1;transform:none}}.card.now .card-art{box-shadow:0 0 0 2px var(--acc-hi),0 0 30px -6px var(--acc-glow),var(--e2)}.card.now .fab{animation:ring 2s ease-out infinite}@keyframes ring{0%{box-shadow:0 0 #d6ff3f8c,0 10px 24px -6px var(--acc-glow)}70%,to{box-shadow:0 0 0 12px #d6ff3f00,0 10px 24px -6px var(--acc-glow)}}.card-tx{display:grid;margin-top:10px;text-decoration:none;color:var(--t1)}.card-tx:hover{text-decoration:none}.card-tx b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-tx i{font-style:normal;font-size:13px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card.wide{width:262px}.card.wide .card-art{aspect-ratio:16 / 10}.card .tag{position:absolute;left:10px;top:10px;z-index:1;padding:6px 10px;border-radius:999px;background:#08080ab8;border:1px solid rgba(255,255,255,.14);font:700 10.5px/1 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:#fff}.card .rank{position:absolute;left:10px;bottom:-10px;z-index:1;font:800 70px/1 var(--fd);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.9);text-shadow:0 6px 24px rgba(0,0,0,.55)}.rows{display:grid;gap:4px}.row{display:flex;align-items:center;gap:13px;min-height:66px;padding:7px 10px;margin:0 -10px;border-radius:var(--r-md);border:1px solid transparent;transition:background var(--fast),border-color var(--fast)}.row:hover{background:var(--s1);border-color:var(--line)}.row.now{background:linear-gradient(90deg,rgba(214,255,63,.12),transparent 70%);border-color:#e2ff782e}.row.now .row-tx b{color:var(--acc-hi)}.row-n{width:24px;flex:none;text-align:center;color:var(--t3);font:700 15px/1 var(--fd);font-variant-numeric:tabular-nums}.row-n.medal{font-size:20px}.row-art{position:relative;flex:none;width:54px;height:54px;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:pointer;background:var(--s2);display:grid;place-items:center;color:var(--t2);box-shadow:0 6px 16px -8px #000000b3}.row-art:disabled{cursor:default;opacity:.6}.row-art .art i{font-size:22px}.row-art.add{background:var(--acc-soft);color:var(--acc-hi)}.row-art.icon{background:var(--s2)}.row-art.busy{color:var(--acc-hi)}.row-play{position:absolute;inset:0;display:grid;place-items:center;background:#08080a80;color:#fff;opacity:0;transition:opacity var(--fast)}.row-art:hover .row-play,.row.now .row-play{opacity:1}.row.now .row-play{color:var(--acc-hi)}.row-tx{flex:1;min-width:0;display:grid;gap:1px;text-decoration:none;color:var(--t1)}.row-tx:hover{text-decoration:none}.row-tx b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-tx i{font-style:normal;font-size:13px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-tx i a{color:var(--t2)}.row-link{display:flex;align-items:center;gap:13px;flex:1;min-width:0;padding:0;border:0;background:none;text-align:left;cursor:pointer;text-decoration:none;color:var(--t1)}.row-link:hover{text-decoration:none}.chev{color:var(--t3);flex:none;transition:transform var(--fast) var(--spring)}.row:hover .chev,.linkrow:hover .chev{transform:translate(3px);color:var(--t2)}.greet{display:flex;align-items:flex-end;justify-content:space-between;margin:6px 0 16px}.greet h1{font-size:34px;margin-top:6px;letter-spacing:-.04em}.greet h1 .grad,.hero h2 .grad{background:linear-gradient(100deg,#fff 10%,#eaff9e 45%,var(--acc-hi) 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;align-content:end;min-height:440px;margin:0 0 34px;border-radius:var(--r-xl);border:1px solid var(--line2);background:radial-gradient(90% 70% at 88% 8%,rgba(214,255,63,.2),transparent 60%),radial-gradient(70% 60% at -5% 105%,rgba(94,242,196,.14),transparent 62%),linear-gradient(160deg,#151618,#0b0b0d);box-shadow:var(--e4),var(--rim)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08080a00 28%,#08080a9e 60%,#08080aeb)}.hero-fx{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.hx-word{position:absolute;left:0;top:26%;display:flex;white-space:nowrap;font:800 112px/1.3 var(--fd);letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(214,255,63,.14);animation:marquee 46s linear infinite;will-change:transform}.hx-word span{padding-right:.35em}@keyframes marquee{to{transform:translate3d(-50%,0,0)}}.hx-sweep{position:absolute;top:-40%;left:-45%;width:34%;height:180%;background:linear-gradient(90deg,transparent,rgba(214,255,63,.1),transparent);transform:rotate(18deg);animation:sweep 9s ease-in-out infinite}.hx-sweep.s2{animation-delay:-4.5s;background:linear-gradient(90deg,transparent,rgba(94,242,196,.08),transparent)}@keyframes sweep{0%{transform:translate(0) rotate(18deg)}55%,to{transform:translate(560%) rotate(18deg)}}.hx-deck{position:absolute;right:-64px;top:-58px;width:260px;height:260px}.hx-vinyl{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 0 33%,rgba(214,255,63,.55) 33.4% 34%,transparent 34.6%),repeating-radial-gradient(circle,#0e0e10 0 1.6px,#19191c 2.2px 3.6px);box-shadow:0 34px 70px -24px #000000f2,0 0 0 1px #ffffff12,0 0 70px -14px var(--acc-glow)}.hx-label{position:absolute;inset:34%;border-radius:50%;overflow:hidden;background:conic-gradient(var(--acc) 0 25%,#c4f236 0 50%,var(--acc) 0 75%,#c4f236 0);box-shadow:0 0 0 3px #0000008c,0 0 22px -2px var(--acc-glow);animation:spin 5.5s linear infinite}.hx-label img{width:100%;height:100%;object-fit:cover}.hx-label:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:#08080a;box-shadow:0 0 0 2px #d6ff3fa6}.hx-note{display:none}.hx-shine{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 210deg,transparent 0 8%,rgba(255,255,255,.13) 15%,transparent 23%,transparent 58%,rgba(255,255,255,.08) 65%,transparent 73%)}.hx-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(214,255,63,.45);opacity:0;animation:ripple 3.6s cubic-bezier(.2,.6,.3,1) infinite}.hx-ring.r2{animation-delay:1.2s;border-color:#5ef2c466}.hx-ring.r3{animation-delay:2.4s}@keyframes ripple{0%{transform:scale(1);opacity:.75}to{transform:scale(1.55);opacity:0}}.hx-arm{display:none;position:absolute;right:-22px;top:-6px;width:92px;height:154px;fill:none;stroke:#c9c9cf;stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 8px 14px rgba(0,0,0,.7));transform:rotate(16deg);transform-origin:80% 11%;animation:arm 7s ease-in-out infinite alternate}.hx-arm circle{fill:#2a2a2f;stroke:#c9c9cf;stroke-width:4}.hx-arm rect{fill:var(--acc);stroke:none}@keyframes arm{0%{transform:rotate(14deg)}to{transform:rotate(19deg)}}.hx-eq{position:absolute;left:0;right:0;bottom:0;height:120px;display:flex;align-items:flex-end;gap:5px;padding:0 14px;opacity:.55;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.hx-eq i{flex:1;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--acc),rgba(214,255,63,.18) 60%,transparent);transform-origin:bottom;animation:bar var(--t) ease-in-out infinite alternate;animation-delay:var(--d)}.hx-eq i:nth-child(3n){background:linear-gradient(180deg,var(--ice),rgba(94,242,196,.14) 60%,transparent)}@keyframes bar{0%{transform:scaleY(.22)}to{transform:scaleY(1)}}.hero-badge{position:absolute;left:16px;top:16px;z-index:1;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:7px 12px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#08080ac7;border:1px solid rgba(255,255,255,.12);font:700 10.5px/1.2 var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--t1)}.hero-badge .dot{position:relative;flex:none;width:7px;height:7px;border-radius:50%;background:var(--acc)}.hero-badge .dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:#d6ff3f8c;will-change:transform,opacity;animation:live 1.8s ease-out infinite}@keyframes live{0%{transform:scale(1);opacity:.9}to{transform:scale(3.6);opacity:0}}.hero-art{display:none}.hero-body{position:relative;padding:24px 20px 20px;display:grid;gap:16px}.hero-body .kicker{color:var(--acc)}.hero h2{font:800 36px/1.04 var(--fd);letter-spacing:-.04em;text-shadow:0 4px 30px rgba(0,0,0,.6)}.hero-ask{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 18px;background:#101013db;border:1px solid rgba(255,255,255,.14);border-radius:20px;box-shadow:var(--e3),var(--rim);transition:border-color var(--fast),box-shadow var(--base)}.hero-ask:focus-within{border-color:var(--acc-line);box-shadow:var(--e3),0 0 0 4px var(--acc-soft),0 0 40px -8px var(--acc-glow)}.hero-ask input{flex:1;min-width:0;padding:13px 0;border:0;background:none;color:#fff;box-shadow:none!important}.hero-ask button{display:grid;place-items:center;width:48px;height:48px;flex:none;border:0;border-radius:15px;background:var(--acc-grad);color:var(--on-acc);cursor:pointer;box-shadow:0 8px 22px -6px var(--acc-glow);transition:transform var(--fast) var(--spring),box-shadow var(--base)}.hero-ask button:hover{transform:scale(1.05);box-shadow:0 10px 28px -4px var(--acc-glow)}.hero-ask button:active{transform:scale(.93)}.hero-foot{display:flex;gap:8px 16px;flex-wrap:wrap;font-weight:600;font-size:13px;color:#f4f4f5cc}.hero-foot span{display:inline-flex;align-items:center;gap:7px}.hero-foot span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ice);box-shadow:0 0 10px var(--ice)}.hero-foot span:nth-child(2):before{background:var(--acc);box-shadow:0 0 10px var(--acc)}.occ-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.occ{position:relative;display:block;aspect-ratio:340 / 180;border-radius:var(--r-md);overflow:hidden;padding:0;border:1px solid var(--line);background:var(--s2);cursor:pointer;text-decoration:none;box-shadow:var(--e2);transition:transform var(--base) var(--spring),box-shadow var(--base),border-color var(--base)}.occ:hover{transform:translateY(-4px);text-decoration:none;border-color:var(--line2);box-shadow:0 22px 40px -18px #000000d9,0 0 26px -10px var(--acc-glow)}.occ img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--spring)}.occ:hover img{transform:scale(1.07)}.occ:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,10,.7),transparent 60%)}.occ b{position:absolute;left:13px;bottom:11px;right:10px;z-index:1;color:#fff;font:700 15.5px/1.15 var(--fd);letter-spacing:-.02em;text-align:left;text-shadow:0 2px 12px rgba(0,0,0,.5)}.occ-row.small{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.occ-row.small .occ b{font-size:13px;left:10px;bottom:8px}.sfield{display:flex;align-items:center;gap:10px;margin-bottom:24px;padding:0 8px 0 18px;background:#10101399;border:1px solid var(--line2);color:var(--t1);border-radius:20px;box-shadow:var(--e2),var(--rim);transition:border-color var(--fast),box-shadow var(--base)}.sfield:focus-within{border-color:var(--acc-line);box-shadow:var(--e2),0 0 0 4px var(--acc-soft)}.sfield>svg{color:var(--t3);flex:none}.sfield input{border:0;background:none;color:var(--t1);padding:16px 0;box-shadow:none!important;font-weight:500}.sfield input::placeholder{color:var(--t3)}.sfield .iconbtn{color:var(--t2)}.browse{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bcard{position:relative;height:104px;padding:15px;border-radius:var(--r-md);overflow:hidden;color:#fff;text-decoration:none;box-shadow:var(--e2),inset 0 1px #fff3;transition:transform var(--base) var(--spring),box-shadow var(--base),filter var(--base)}.bcard:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 100% 0%,rgba(255,255,255,.22),transparent 55%)}.bcard:hover{transform:translateY(-4px) rotate(-.4deg);text-decoration:none;box-shadow:0 22px 40px -18px #000c;filter:saturate(1.15)}.bcard b{position:relative;font:700 18px/1.15 var(--fd);letter-spacing:-.02em}.bcard i{position:absolute;right:-4px;bottom:-24px;font:800 92px/1 var(--fd);font-style:normal;opacity:.22;transform:rotate(14deg);transition:transform var(--base) var(--spring)}.bcard:hover i{transform:rotate(4deg) translateY(-6px)}.song{position:relative}.song-bg{position:absolute;left:calc(var(--gut) * -1);right:calc(var(--gut) * -1);top:-60px;height:660px;z-index:-1;background:radial-gradient(circle at 30% 20%,#0e3a2c,transparent 60%),var(--bg-2) center / cover;filter:blur(80px) saturate(1.6) brightness(.6);opacity:.9;mask-image:linear-gradient(180deg,#000 30%,transparent)}.song-top{display:flex;align-items:center;justify-content:space-between;margin:-4px -8px 10px}.song-top b{font:700 11px/1 var(--fb);letter-spacing:.18em;text-transform:uppercase;color:var(--t1);opacity:.8}.song-top span{width:42px}.song-grid{display:grid;gap:26px;margin-bottom:32px}.song-main{display:grid;gap:16px;max-width:520px;width:100%;margin:0 auto}.song-art{aspect-ratio:1;border-radius:var(--r-xl);overflow:hidden;background:var(--s2);display:grid;place-items:center;color:var(--t3);box-shadow:0 40px 90px -30px #000000e6,0 0 0 1px #ffffff12;animation:rise .68s var(--spring) backwards}.song-art img{width:100%;height:100%;object-fit:cover}.song-art:not(:has(img)){background:radial-gradient(circle at 50% 50%,transparent 0 17%,rgba(214,255,63,.35) 17.4% 18%,transparent 18.6%),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.035) 0 1px,transparent 1.5px 5px),radial-gradient(90% 80% at 80% 10%,rgba(214,255,63,.22),transparent 60%),linear-gradient(160deg,#18191b,#0c0c0e);color:var(--acc)}.song-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:6px}.song-meta h1{font-size:29px;letter-spacing:-.035em}.song-meta p{color:var(--t2);font-weight:600;margin-top:5px}.song-meta p a{color:var(--t1)}.likebtn{display:grid;justify-items:center;gap:3px;flex:none;min-width:54px;padding:7px;border:0;border-radius:var(--r-md);background:none;color:var(--acc-hi);cursor:pointer;font-size:12px;font-weight:700;transition:background var(--fast),transform var(--fast) var(--spring)}.likebtn svg{transition:transform var(--base) var(--spring)}.likebtn:active svg{transform:scale(1.3)}.likebtn span{color:var(--t2)}.likebtn:hover{background:#ffffff0f}.times{display:flex;justify-content:space-between;margin-top:-6px;font-size:12px;color:var(--t2);font-variant-numeric:tabular-nums}.transport{display:flex;align-items:center;justify-content:center;gap:28px}.round{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;cursor:pointer;border:1px solid var(--line2);background:var(--s2);color:var(--t1);font:700 14px/1 var(--fb);transition:transform var(--fast) var(--spring),background var(--fast)}.round:hover:not(:disabled){background:var(--s3)}.round:active:not(:disabled){transform:scale(.92)}.round:disabled{opacity:.35;cursor:default}.playbig{display:grid;place-items:center;width:74px;height:74px;flex:none;border-radius:50%;border:0;cursor:pointer;background:var(--acc-grad);color:var(--on-acc);box-shadow:0 16px 40px -10px var(--acc-glow),inset 0 1px #ffffff59;transition:transform var(--fast) var(--spring)}.playbig:hover:not(:disabled){transform:scale(1.06)}.playbig:active:not(:disabled){transform:scale(.94)}.playbig:disabled{opacity:.4;cursor:default;box-shadow:none}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions .btn{flex:1 1 150px}.song-facts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.making{display:flex;align-items:center;gap:16px;padding:18px;border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--line)}.lyrics{background:#1010138c;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 20px 8px;box-shadow:var(--rim)}.lyrics h2{display:flex;align-items:center;gap:10px;font-size:20px;margin-bottom:10px}.lyrics .live{font:700 11px/1 var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--acc-hi)}.lyrics-box{max-height:440px;overflow-y:auto;padding-bottom:12px}.lyrics ol{display:grid;gap:9px}.lyrics li{font:500 18px/1.6 var(--fb);color:var(--t2);cursor:default;transition:color var(--base)}.lyrics li.done{color:#f4f4f58c}.lyrics ol.plain li:not(.sec){color:var(--t1)}.lyrics li.on{color:#fff}.lyrics li.sec{margin-top:12px;font:700 11px/1 var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--ice)}.sk-song{display:grid;gap:14px;max-width:520px;margin:0 auto}.sk-cover{aspect-ratio:1;border-radius:var(--r-xl)}.lib-hd{display:flex;align-items:center;gap:12px;margin:6px 0 18px}.lib-hd h1{flex:1;font-size:30px;letter-spacing:-.035em}.previews .note{margin-bottom:14px}.note,.note-card{display:flex;gap:12px;align-items:flex-start;padding:15px 17px;border-radius:var(--r-lg);background:linear-gradient(135deg,#d6ff3f1f,#2ecc9614);border:1px solid rgba(226,255,120,.22);color:var(--t1)}.note svg,.note-card>svg{color:var(--acc-hi);flex:none;margin-top:2px}.note p{font-size:14px}.note-card{background:var(--s1);border-color:var(--line)}.note-card div{display:grid;gap:8px;justify-items:start}.col-head{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;margin:0 calc(var(--gut) * -1) 20px;padding:10px var(--gut) 24px;background:radial-gradient(120% 100% at 0% 0%,rgba(214,255,63,.22),transparent 60%),radial-gradient(100% 100% at 100% 0%,rgba(46,204,150,.18),transparent 60%)}.col-head>.iconbtn{position:absolute;left:calc(var(--gut) - 8px);top:4px}.col-cover{width:156px;height:156px;margin:36px auto 0;border-radius:var(--r-lg);overflow:hidden;background:var(--acc-grad);display:grid;place-items:center;box-shadow:var(--e4)}.col-cover img{width:100%;height:100%;object-fit:cover}.col-cover i{font:800 64px/1 var(--fd);font-style:normal;color:var(--on-acc)}.col-tx{flex:1 1 100%;display:grid;gap:5px}.col-tx h1{font-size:31px;letter-spacing:-.035em}.col-tx p{color:var(--t2)}.col-acts{display:flex;align-items:center;gap:12px;margin-bottom:18px}.ch-head{display:flex;align-items:center;gap:18px;margin:6px 0 20px}.ch-tx{min-width:0;display:grid;gap:5px}.ch-tx h1{display:flex;align-items:center;gap:8px;font-size:29px;letter-spacing:-.035em}.verified{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--acc);color:var(--on-acc)}.bio{color:var(--t1);font-size:14px}.ch-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.ch-stats>div{display:grid;justify-items:center;padding:14px 6px;border-radius:var(--r-md);background:var(--s1);border:1px solid var(--line)}.ch-stats b{font:800 21px/1.1 var(--fd)}.ch-stats span{font-size:12px;color:var(--t2)}.profile .ch-stats{grid-template-columns:repeat(3,1fr)}.album-card{flex:none;width:146px;display:grid;gap:5px;color:var(--t1);text-decoration:none}.album-card:hover{text-decoration:none}.album-art{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--r-md);background:linear-gradient(145deg,#1d1d22,#111114);color:var(--acc-hi);border:1px solid var(--line);transition:transform var(--base) var(--spring)}.album-card:hover .album-art{transform:translateY(-3px)}.album-card b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-card i{font-style:normal;font-size:12px;color:var(--t2)}.champ{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:16px;border-radius:var(--r-lg);background:linear-gradient(135deg,#ffc94a33,#d6ff3f1a 60%,#2ecc9614);border:1px solid rgba(255,201,74,.35);color:var(--t1);text-decoration:none;box-shadow:var(--e2)}.champ:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);transform:translate(-100%);animation:sheen 5s ease-in-out infinite}@keyframes sheen{0%,60%{transform:translate(-100%)}to{transform:translate(100%)}}.champ:hover{text-decoration:none;border-color:var(--gold)}.champ-art{width:78px;height:78px;border-radius:var(--r-md);flex:none;box-shadow:var(--e3);overflow:hidden}.champ-tx{flex:1;min-width:0;display:grid;gap:3px}.champ-tx b{font:800 20px/1.25 var(--fd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.champ-tx i{font-style:normal;color:var(--t2);font-size:13px}.champ-medal{font-size:34px}.studio{max-width:780px;margin:0 auto}.steps{display:flex;gap:8px;margin:0 0 20px}.steps li{flex:1;min-width:0;display:flex;align-items:center;gap:7px;padding:10px 11px;border-radius:var(--r-md);white-space:nowrap;overflow:hidden;background:var(--s1);color:var(--t3);font-weight:600;font-size:13px;border:1px solid var(--line);transition:border-color var(--base),color var(--base),background var(--base)}.steps li span{display:grid;place-items:center;width:23px;height:23px;flex:none;border-radius:50%;background:var(--s3);font-size:12px;transition:background var(--base),box-shadow var(--base)}.steps li.on{color:var(--t1);border-color:var(--acc-line);background:linear-gradient(135deg,rgba(214,255,63,.14),transparent)}.steps li.on span{background:var(--acc-grad);color:var(--on-acc);box-shadow:0 0 14px var(--acc-glow)}.steps li.done span{background:var(--acc-soft);color:var(--acc-hi)}.composer .desc{font-size:17px;min-height:128px;border-radius:var(--r-lg)}.composer .ex{margin:10px calc(var(--gut) * -1) 6px}.knobs{display:grid;gap:6px;margin-top:10px}.knob .lbl{margin-top:14px}.knob .chips{margin:0}.composer>.btn.block{margin-top:24px}.composer>.center{margin-top:10px}.count{text-align:right;margin-top:6px}.count.warn{color:var(--warn)}.make{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.make .btn{flex-direction:column;gap:4px;height:auto;padding:13px;white-space:normal;border-radius:var(--r-lg)}.make .btn small{font-size:12px;font-weight:500;opacity:.8}.big-num{font:800 36px/1 var(--fd);color:var(--t1)}.big-num small{font:500 14px/1 var(--fb);color:var(--t2)}.lyed{display:grid;gap:6px}.lyed-sec{justify-self:start;padding:5px 11px;border-radius:999px;background:var(--ice-soft);color:var(--ice);font:700 10.5px/1.4 var(--fb);letter-spacing:.14em;text-transform:uppercase}.lyed textarea{font-size:16px;line-height:1.7}.progress{display:grid;gap:8px;margin:16px 0}.progress-lbl{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--t2)}.progress-track{height:6px;border-radius:6px;background:var(--s3);overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--acc-hi),var(--ice));transform-origin:left;transition:transform 1s linear;box-shadow:0 0 12px var(--acc-glow)}.lywrite{display:grid;gap:11px;margin:18px 0}.lyw{height:12px;border-radius:6px;background:var(--s2);overflow:hidden}.lyw i{display:block;height:100%;background:linear-gradient(90deg,#5ef2c440,#e2ff7873);transform-origin:left;transition:transform 1s linear}.stages{display:grid;gap:13px;margin:18px 0}.stages li{display:flex;align-items:center;gap:12px;color:var(--t3)}.stages .dot{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;border:2px solid var(--s3)}.stages li.done{color:var(--t2)}.stages li.done .dot{background:var(--acc-soft);border-color:transparent;color:var(--acc-hi)}.stages li.doing{color:var(--t1);font-weight:600}.stages li.doing .dot{border-color:var(--acc-hi);box-shadow:0 0 0 4px var(--acc-soft);animation:pulse 1.4s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px #d6ff3f0d}}.done h2{font-size:25px}.balance{position:relative;overflow:hidden;isolation:isolate;display:grid;gap:6px;justify-items:start;padding:24px;border-radius:var(--r-xl);background:radial-gradient(120% 120% at 100% 0%,#f4ffb8 0%,var(--acc) 40%,#7cc21a 100%);color:var(--on-acc);box-shadow:0 24px 50px -18px var(--acc-glow),inset 0 1px #ffffff4d;text-decoration:none}.balance:before{content:"";position:absolute;right:-40px;bottom:-60px;z-index:-1;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.45),transparent 65%)}.balance:hover{text-decoration:none}.balance .kicker{color:#0c0c0eb3}.balance>b{font:800 56px/1 var(--fd);letter-spacing:-.05em}.balance>span{font-weight:600;opacity:.85}.balance .btn{margin-top:8px}.balance.slim{grid-template-columns:1fr auto;align-items:center;padding:19px 21px;margin-top:18px}.balance.slim .kicker{grid-column:1}.balance.slim>b{grid-column:1;font-size:40px}.balance-go{grid-column:2;grid-row:1 / span 2;display:inline-flex;align-items:center;gap:4px;font-weight:700}.packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:16px}.pack{display:grid;gap:4px;padding:17px 12px;text-align:center;border-radius:var(--r-md);cursor:pointer;background:var(--s1);border:1.5px solid var(--line2);transition:border-color var(--fast),background var(--fast),transform var(--fast) var(--spring)}.pack:hover{border-color:var(--acc-line);transform:translateY(-2px)}.pack.on{border-color:var(--acc-hi);background:var(--acc-soft);box-shadow:0 0 24px -8px var(--acc-glow)}.pack b{font:800 22px/1.1 var(--fd)}.pack span{color:var(--t2);font-size:13px}.pack em{color:var(--acc-hi);font-size:12px;font-weight:700}.ledger{display:grid;padding:4px 18px}.ledger li{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.ledger li:last-child{border-bottom:0}.lg-tx{flex:1;min-width:0;display:grid}.lg-tx b{font-weight:600}.lg-tx i{font-style:normal;font-size:12px;color:var(--t3)}.lg-amt{font:800 16px/1 var(--fd);font-variant-numeric:tabular-nums}.lg-amt.pos{color:var(--pos)}.lg-amt.neg{color:var(--t2)}.solo{position:relative;z-index:1;min-height:100dvh;display:grid;place-items:center;padding:24px var(--gut)}.solo-card{width:100%;max-width:460px;display:grid;gap:12px;justify-items:center;text-align:center;padding:30px 24px;border-radius:var(--r-xl);background:#1212169e;border:1px solid var(--line2);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--e4),var(--rim);animation:rise .56s var(--spring) backwards}.solo-card h1{font-size:26px}.solo-card .logo{margin-bottom:8px}.pay-amt{font:800 46px/1 var(--fd);color:var(--t1)}.pay-amt small{font:600 16px/1 var(--fb);color:var(--t2)}.pay-amt .bonus{display:inline-block;margin-left:8px;padding:4px 9px;border-radius:999px;background:var(--acc-soft);color:#efffc2;font:700 13px/1 var(--fb);vertical-align:middle}.paybox{width:100%;display:grid;gap:10px;padding:16px;border-radius:var(--r-lg);background:var(--s1);border:1px dashed var(--line2)}.copyable{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 15px;border-radius:var(--r-md);border:1px solid var(--line2);background:#08080a99;color:var(--t1);cursor:pointer;font:800 20px/1 var(--fd);letter-spacing:.04em;transition:border-color var(--fast)}.copyable:hover{border-color:var(--acc-line)}.copyable small{font:600 12px/1 var(--fb);color:var(--acc-hi);letter-spacing:0}.copyable.ref{justify-self:center;font-size:26px;letter-spacing:.2em}.paid-mark{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--acc-grad);color:var(--on-acc);box-shadow:0 16px 40px -10px var(--acc-glow);animation:pop .52s var(--spring) both}.waiting{display:inline-flex;align-items:center;gap:8px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--acc-hi);animation:blink 1.2s infinite}@keyframes blink{50%{opacity:.2}}.me-head{display:flex;align-items:center;gap:18px;margin:6px 0 20px}.me-head>div{display:grid;gap:7px;justify-items:start;min-width:0}.me-head h1{font-size:29px;letter-spacing:-.035em}.linkrow{display:flex;align-items:center;gap:14px;width:100%;text-align:left;cursor:pointer;color:var(--t1);transition:border-color var(--fast),background var(--fast)}.linkrow.static{cursor:default}.linkrow>svg{color:var(--acc-hi);flex:none}.linkrow>span{flex:1;display:grid;min-width:0}.linkrow>span i{font-style:normal;font-size:13px;color:var(--t2)}.linkrow:not(.static):hover{border-color:var(--line2);background:var(--s2)}.signout{margin-top:30px;display:grid;justify-items:center}.chat{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:9px;padding:4px 0;min-height:200px}.bubble{max-width:82%;padding:11px 15px;border-radius:20px;white-space:pre-wrap;font-size:15px;animation:rise .36s var(--spring)}.bubble.bot{align-self:flex-start;background:var(--s3);border-bottom-left-radius:6px}.bubble.user{align-self:flex-end;background:var(--acc-grad);color:var(--on-acc);border-bottom-right-radius:6px}.bubble .who{display:block;font-size:12px;color:var(--ice);margin-bottom:2px}.panel.preview{display:grid;gap:12px}.panel.preview h1{font-size:27px}.clip{width:100%}.auth{position:relative;z-index:1;min-height:100dvh;display:grid}.auth-art{position:relative;display:grid;align-content:end;gap:10px;min-height:300px;padding:24px var(--gut) 28px;overflow:hidden;background:radial-gradient(80% 60% at 80% 10%,rgba(214,255,63,.22),transparent 60%),url(/thai/hero.png) center / cover no-repeat}.auth-art:before{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 85% 0%,rgba(214,255,63,.18),transparent 60%),linear-gradient(180deg,#08080a73,#08080a99 40%,#08080af0)}.auth-art .logo{position:absolute;left:var(--gut);top:22px;z-index:2}.auth-art h2{position:relative;z-index:1;font:800 32px/1.06 var(--fd);letter-spacing:-.045em}.auth-art p{position:relative;z-index:1;color:#f4f4f5cc;max-width:34ch}.auth-covers .fc{position:absolute;z-index:1;width:112px;aspect-ratio:1;object-fit:cover;border-radius:var(--r-md);box-shadow:var(--e4),0 0 0 1px #ffffff1f;opacity:.92;animation:drift 6s ease-in-out infinite alternate}.auth-covers .f0{right:18px;top:28px;transform:rotate(8deg)}.auth-covers .f1{right:120px;top:72px;width:86px;opacity:.75;animation-delay:-2s}.auth-covers .f2{right:54px;top:132px;width:70px;opacity:.6;animation-delay:-4s}.auth-form{width:100%;max-width:470px;margin:0 auto;padding:24px var(--gut) 44px;animation:rise .56s var(--spring) backwards}.auth-form h1{font-size:30px;letter-spacing:-.04em;margin-bottom:6px}.auth-form>.muted{margin-bottom:20px}.auth-form .alt{margin-top:18px;text-align:center;color:var(--t2)}.code{font:700 24px/1 var(--fd);letter-spacing:.4em;text-align:center}@media(min-width:640px){.occ-row{grid-template-columns:repeat(3,minmax(0,1fr))}.occ-row.small{grid-template-columns:repeat(6,minmax(0,1fr))}.browse{grid-template-columns:repeat(auto-fill,minmax(196px,1fr))}.card{width:172px}.card.wide{width:300px}.hero{min-height:420px}.hero h2{font-size:42px}.hero-body{padding:30px 28px 26px;max-width:620px}.hx-deck{width:300px;height:300px;right:-40px;top:-50px}}@media(min-width:900px){.phead h1,.ptitle,.greet h1{font-size:42px}.hero{min-height:460px;align-content:center}.hero:before{background:linear-gradient(90deg,#08080ae6,#08080a99 42%,#08080a00 70%)}.hero-body{padding:44px;gap:20px;max-width:600px}.hero h2{font-size:56px}.hx-deck{width:360px;height:360px;right:7%;top:50%;margin-top:-180px}.hx-arm{display:block}.hx-word{top:20%;mask-image:linear-gradient(90deg,transparent 0 46%,#000 72%);-webkit-mask-image:linear-gradient(90deg,transparent 0 46%,#000 72%)}.hero-badge{inset:auto 7% 28px auto;transform:translate(calc(-180px + 50%))}.occ-row{grid-template-columns:repeat(6,minmax(0,1fr))}.occ{aspect-ratio:4 / 5}.occ b{font-size:15px}.card{width:184px}.card.wide{width:332px}.sfield{max-width:600px}.strip,.chips.scroll{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.song-bg{left:calc(var(--gut) * -1);right:calc(var(--gut) * -1);top:-32px}.song-grid{grid-template-columns:minmax(0,450px) minmax(0,1fr);align-items:start;gap:44px}.song-main{margin:0}.lyrics{position:sticky;top:28px}.lyrics-box{max-height:calc(100vh - var(--pbar) - 150px)}.lyrics li{font-size:22px}.col-head{flex-wrap:nowrap;padding:44px var(--gut) 28px;margin-top:-32px;border-radius:0 0 var(--r-xl) var(--r-xl)}.col-cover{width:210px;height:210px;margin:0}.col-tx{flex:1}.col-tx h1{font-size:50px}.auth{grid-template-columns:1.15fr 1fr}.auth-art{min-height:100dvh;padding:56px;align-content:center}.auth-art:before{background:radial-gradient(60% 50% at 80% 10%,rgba(214,255,63,.16),transparent 60%),linear-gradient(90deg,#08080aeb,#08080a9e 55%,#08080ac7)}.auth-art .logo{left:56px;top:44px}.auth-art h2{font-size:58px}.auth-art p{font-size:18px}.auth-covers .fc{width:196px}.auth-covers .f0{right:64px;top:96px}.auth-covers .f1{right:260px;top:160px;width:148px}.auth-covers .f2{right:120px;top:auto;bottom:96px;width:128px}.auth-form{align-self:center;padding:56px 40px}}