*{box-sizing:border-box}:root{color-scheme:dark;--bg:#1e1e1e;--bg2:#181818;--panel:#262626;--panel2:#2e2e2e;--hover:#323232;--raise:#3a3a3a;--line:#333;--line2:#4a4a4a;--line3:#5e5e5e;--white:#fff;--text:#ededed;--sub:#c4c4c4;--muted:#9a9a9a;--dim:#666;--accent-hover:#dcdcdc;--track:#444;--eq:#4ade80;--glass-top:rgba(30,30,30,.88);--glass-player:hsla(0,0%,9%,.95);--hero-a:#2a2a2a;--hero-b:#202020;--scrim:hsla(0,0%,8%,.6);--glyph:hsla(0,0%,100%,.55);--shadow:rgba(0,0,0,.45);--select:#4a4a4a;--cover-bg:#262626;--spec:var(--sub);--spec-disc:hsla(0,0%,100%,.84);--spec-logo:var(--eq);--r:12px;--r-sm:8px;--r-xs:6px;--sans:"Inter","Pretendard",-apple-system,"Segoe UI","Noto Sans KR",sans-serif;--mono:"JetBrains Mono",ui-monospace,"Cascadia Mono",monospace}[data-theme=light]{color-scheme:light;--bg:#fff;--bg2:#f4f4f4;--panel:#f7f7f7;--panel2:#eee;--hover:#ececec;--raise:#e4e4e4;--line:#e4e4e4;--line2:#d0d0d0;--line3:#a8a8a8;--white:#111;--text:#1a1a1a;--sub:#444;--muted:#737373;--dim:#a3a3a3;--accent-hover:#3a3a3a;--track:#d6d6d6;--eq:#16a34a;--glass-top:hsla(0,0%,100%,.88);--glass-player:hsla(0,0%,96%,.96);--hero-a:#f7f7f7;--hero-b:#efefef;--scrim:hsla(0,0%,100%,.6);--glyph:rgba(0,0,0,.45);--shadow:rgba(0,0,0,.12);--select:#d6d6d6;--cover-bg:#ececec}:root[data-spectrum=green]{--spec-pick:#22c55e}:root[data-spectrum=cyan]{--spec-pick:#06b6d4}:root[data-spectrum=blue]{--spec-pick:#3b82f6}:root[data-spectrum=violet]{--spec-pick:#8b5cf6}:root[data-spectrum=pink]{--spec-pick:#ec4899}:root[data-spectrum=orange]{--spec-pick:#f97316}:root[data-spectrum=red]{--spec-pick:#ef4444}:root[data-spectrum=gold]{--spec-pick:#eab308}:root[data-spectrum]{--spec:var(--spec-pick);--spec-logo:var(--spec-pick)}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}::selection{background:var(--select);color:var(--white)}:focus{outline:none}:focus-visible{outline:2px solid var(--line2);outline-offset:2px}.input:focus-visible,.searchbox input:focus-visible{outline:none}a{color:var(--text);text-decoration:none}a:hover{color:var(--white)}button{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--line2)}.mono{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.ms{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;display:inline-block;vertical-align:middle;white-space:nowrap;direction:ltr;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20;-webkit-font-smoothing:antialiased}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}body.has-player .shell{padding-bottom:88px}.side{background:var(--bg2);border-right:1px solid var(--line);padding:0 14px 24px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.brand{align-items:center;gap:10px;height:64px;margin:0 -14px;padding:0 20px;border-bottom:1px solid var(--line)}.brand,.brand-mark{display:flex;flex-shrink:0}.brand-mark{width:32px;height:32px;align-items:flex-end;justify-content:center;gap:1px;padding-bottom:5px}.brand-mark i{position:relative;display:block;width:4px;height:20px;background:radial-gradient(circle,var(--line2) 1.1px,transparent 1.5px) bottom /4px 4px repeat-y}.brand-mark i:after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--lit, 0) * 4px);background:radial-gradient(circle,var(--spec-logo) 1.3px,transparent 1.7px) bottom /4px 4px repeat-y}.logo{font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--white)}.logo i{font-style:normal;font-weight:400;margin-left:3px}.logo i,.tagline{color:var(--muted)}.tagline{font-family:var(--mono);font-size:10.5px;margin:2px 0 0;line-height:1.35}.hair{height:1px;background:var(--line);margin:0 4px}.nav-sec{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 8px 6px}.snav{display:flex;flex-direction:column;gap:2px}.snav a .ic{width:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.snav a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--r-sm);color:var(--muted);font-weight:500;font-size:13.5px;transition:color .15s,background .15s}.snav a:hover{background:var(--hover);color:var(--white)}.snav a.on{background:var(--panel2);color:var(--white);box-shadow:inset 0 0 0 1px var(--line)}.snav a.on .ms{font-variation-settings:"FILL" 1,"wght" 400}.slibs{display:flex;flex-direction:column;gap:2px}.slib{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--r-sm);color:var(--text);font-size:13px}.slib:hover{background:var(--hover)}.slib .dot{width:36px;height:36px;border-radius:var(--r-xs);flex-shrink:0;font-size:14px}.slib b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.slib small{font-family:var(--mono);font-size:11px;color:var(--muted)}.policy{margin-top:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:12px}.policy-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--white)}.policy p{margin:6px 0 0;font-size:11.5px;color:var(--muted);line-height:1.5}.top{position:-webkit-sticky;position:sticky;top:0;z-index:20;gap:12px;height:64px;flex-wrap:nowrap;padding:0 32px;background:var(--glass-top);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.searchbox,.top{display:flex;align-items:center}.searchbox{flex:1 1;min-width:0;max-width:420px;gap:8px;height:40px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:0 12px 0 14px;transition:border-color .15s}.top .btn{white-space:nowrap}.top .avatar,.top .btn{flex-shrink:0}.searchbox:focus-within{border-color:var(--line3)}.searchbox .ms{color:var(--muted);font-size:18px}.searchbox input{flex:1 1;background:none;border:0;outline:0;color:var(--white);font-size:13px;font-family:inherit}.searchbox input::placeholder{color:var(--dim)}.kbd{font-size:10px;color:var(--muted);background:var(--panel2);border:1px solid var(--line);padding:2px 6px;border-radius:4px;white-space:nowrap}.kbd,.qtag{font-family:var(--mono)}.qtag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg2);color:var(--sub);font-size:11px;letter-spacing:.04em}.qtag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--white)}.iconbtn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.iconbtn:hover{color:var(--white);border-color:var(--line2)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--panel2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--white)}main.main{padding:32px 40px 48px;max-width:1240px}.hero{position:relative;overflow:hidden;border-radius:16px;padding:32px;margin-bottom:40px;background:linear-gradient(180deg,var(--hero-a) 0,var(--hero-b) 100%);border:1px solid var(--line)}.hero svg.wave-art{position:absolute;right:32px;top:50%;transform:translateY(-50%);opacity:.1;pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);color:var(--sub);font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:16px}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--white)}.hero h1{margin:0 0 12px;font-size:clamp(26px,3.2vw,34px);line-height:1.2;letter-spacing:-.03em;font-weight:700;color:var(--white)}.hero h1,.hero p{position:relative}.hero p{margin:0 0 24px;color:var(--muted);max-width:620px}.hero .cta{gap:10px;flex-wrap:wrap}.hero .cta,.stats{position:relative;display:flex}.stats{align-items:center;gap:28px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.stats>div+div{padding-left:28px;border-left:1px solid var(--line)}.stats b{font-size:17px;display:block;color:var(--white)}.stats span{font-family:var(--mono);font-size:11px;color:var(--muted)}.sec{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:40px 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.sec h2{margin:0;font-size:21px;font-weight:600;letter-spacing:-.02em;color:var(--white);display:flex;align-items:center;gap:8px}.sec p{margin:2px 0 0;font-size:12px}.sec a,.sec p{color:var(--muted)}.sec a{font-size:12.5px;display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.sec a:hover{color:var(--white)}.sec .ms{font-size:16px}.live{font-family:var(--mono);font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--r-xs);background:var(--panel2);border:1px solid var(--line);color:var(--muted)}.page-title{margin:0 0 4px;font-size:26px;font-weight:700;letter-spacing:-.025em;color:var(--white)}.chart{display:flex;flex-direction:column}.chart.plist .chead,.chart.plist .crow{grid-template-columns:48px minmax(0,1fr) 110px 72px 72px max-content}.chart.with-edit .chead,.chart.with-edit .crow{grid-template-columns:48px minmax(0,1fr) 150px 90px 110px 32px 32px 32px}.chart.boxed{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:6px}.chead,.crow{display:grid;grid-template-columns:48px minmax(0,1fr) 150px 90px 110px 32px 32px;grid-gap:14px;gap:14px;align-items:center}.chead{padding:8px 14px;color:var(--dim);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.chead .r,.cmeta{text-align:right}.crow{padding:10px 14px;border:1px solid transparent;color:var(--text);transition:background .12s;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.crow:hover{background:var(--panel);color:var(--text)}.crow:focus-visible{outline:none;background:var(--panel)}.crow.sel,.crow.sel:hover{background:var(--panel2)}.selno{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--white);color:var(--bg);font-size:12px;font-weight:700}.rank{text-align:center;font-weight:500;font-size:15px;color:var(--dim);font-family:var(--mono)}.rank.hi{color:var(--white);font-weight:700;font-size:16px}.cinfo{display:flex;align-items:center;gap:12px;min-width:0}.ccover{position:relative;width:48px;height:48px;border-radius:var(--r-sm);flex-shrink:0;font-size:18px}.ccover,.cfill{overflow:hidden;display:flex;align-items:center;justify-content:center}.cfill{position:absolute;inset:0;border-radius:inherit}.slib .dot .tile{font-size:9px}.ccover .hoverplay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--scrim);opacity:0;transition:opacity .15s;color:var(--white)}.crow:hover .hoverplay{opacity:1}.ctitle{font-weight:600;font-size:14px;color:var(--white)}.cartist,.ctitle{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cartist,.cmeta{font-size:12px;color:var(--muted)}.cmeta{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.cact{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 auto;border-radius:50%;color:var(--muted)}.cact:hover{background:var(--raise);color:var(--white)}.llist{display:flex;flex-direction:column}.lrow{display:grid;grid-template-columns:48px minmax(0,1fr) auto max-content;grid-gap:14px;gap:14px;align-items:center;padding:8px 12px;border-radius:var(--r-sm);cursor:pointer}.lrow:hover{background:var(--panel2)}.lrow.picked{background:var(--raise)}.panel .lrow:hover{background:var(--panel2)}.lrow-info{min-width:0;display:flex;flex-direction:column}.lrow-info a.ctitle:hover{text-decoration:underline;text-underline-offset:3px}.lrow-meta{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap;text-align:right}.lrow-act{display:flex;align-items:center;gap:6px}.lrow-act .cact{margin:0}.lrow-no{position:absolute;inset:0;margin:auto;z-index:2}.llist .peek{margin:4px 0 10px}.stars{color:var(--white);font-weight:500;font-family:var(--mono)}.stars small{color:var(--dim);font-weight:400;font-size:10.5px;margin-left:3px}.tag{display:inline-block;font-family:var(--mono);font-size:11px;padding:2px 8px;border-radius:var(--r-xs);background:var(--panel2);border:1px solid var(--line);color:var(--muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-self:start}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip,.chips{align-items:center}.chip{display:inline-flex;gap:6px;font-size:12.5px;font-weight:500;padding:7px 14px;border-radius:999px;cursor:pointer;background:var(--panel);border:1px solid var(--line);color:var(--muted);transition:all .15s}.chip:hover{color:var(--white);border-color:var(--line2)}.chip.on{background:var(--white);color:var(--bg);border-color:var(--white)}.chip .ms{font-size:16px}.chip .mono{font-size:11px;opacity:.7}.chip:disabled{opacity:.35;cursor:default}.genre-chips{margin:-6px 0 16px}.genre-chips>.meta{margin-right:2px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));grid-gap:16px;gap:16px}.grid.wide{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card{position:relative;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:12px;color:var(--text);transition:border-color .15s,background .15s;overflow:hidden}.card:hover{border-color:var(--line2);color:var(--text)}.card.picked{border-color:var(--line3);background:var(--panel2)}.card.pickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card.pickable:focus-visible{outline:none;border-color:var(--white)}.card-order{position:absolute;z-index:2;top:20px;left:20px}.card h3{margin:10px 0 1px;font-size:13.5px;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-foot{justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--muted)}.card-foot,.cover{display:flex;align-items:center}.cover{position:relative;justify-content:center;aspect-ratio:1/1;width:100%;border-radius:var(--r-sm);overflow:hidden;font-size:40px}.ccover>img,.cfill img,.cover img,.dcover img,.pcover img,.tile img{width:100%;height:100%;object-fit:cover;display:block}[data-theme=light] img.cov-dark,img.cov-light{display:none}[data-theme=light] img.cov-light{display:block}[data-theme=light] .ccover,[data-theme=light] .cover,[data-theme=light] .dcover:not(.dvinyl),[data-theme=light] .pcover,[data-theme=light] .tile{background:#ececec!important}.ccover:after,.cover:after,.dcover:after,.pcover:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none;z-index:1}.mosaic .tile:after{display:none}.ccover>img,.cfill img,.cover img,.dcover img,.pcover img{border-radius:inherit}.card .cover img{transition:transform .3s}.card:hover .cover img{transform:scale(1.04)}.glyph{font-style:normal;color:var(--glyph);line-height:1;font-variant-emoji:text;filter:grayscale(1)}.mosaic{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px;background:var(--bg2)}.mosaic .tile{display:flex;align-items:center;justify-content:center;font-size:22px;overflow:hidden}.meta{color:var(--muted);font-size:12px}.pill{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:11px;padding:3px 9px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);color:var(--sub)}.card{container-type:inline-size}.playbtn{position:absolute;right:22px;top:calc(12px + 100cqw - 44px - 10px);width:44px;height:44px;border-radius:50%;background:var(--white);color:var(--bg);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s;box-shadow:0 6px 18px var(--shadow)}.card:hover .playbtn{opacity:1;transform:none}.playbtn:hover{background:var(--accent-hover)}.pbtn-inline{width:32px;height:32px;border-radius:50%;background:var(--panel2);color:var(--white);border:1px solid var(--line);cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.pbtn-inline.on,.pbtn-inline:hover{background:var(--white);color:var(--bg);border-color:var(--white)}.crow-play{margin:0 auto;background:var(--raise);color:var(--white);border-color:var(--raise)}.crow-play:hover{background:var(--line2);border-color:var(--line2);color:var(--white)}.pbtn-inline .ms{font-size:18px}.dhead{display:flex;gap:28px;align-items:flex-end;padding:28px;border-radius:16px;margin-bottom:20px;border:1px solid var(--line);background:linear-gradient(180deg,var(--hero-a) 0,var(--hero-b) 100%)}.dcover{width:200px;height:200px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:72px;flex-shrink:0;box-shadow:0 18px 50px var(--shadow);overflow:hidden;position:relative}.dcover.mosaic .tile{font-size:36px}.dtype{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--muted)}.dhead h1{margin:6px 0 10px;font-size:clamp(28px,4vw,46px);letter-spacing:-.04em;font-weight:700;line-height:1.08;color:var(--white)}.dhead .meta b{color:var(--white);font-weight:600}.spectrum{display:block;width:100%;margin:4px 0 10px}.upload-tabs{display:flex;gap:6px;margin:0 0 16px}.album-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.album-items li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg2)}.album-items li .input{height:34px}.album-items li.st-up{border-color:var(--line3)}.album-items li.st-done{opacity:.75}.album-items li.st-err{border-color:#ff8080}.album-item-act{display:flex;gap:4px;align-items:center;color:var(--sub)}.album-items li.st-err .album-item-act{color:#ff8080}.spec-preview{display:flex;gap:3px;margin:2px 0 14px}.spec-preview span{display:flex;flex-direction:column;gap:3px}.spec-preview i{width:7px;height:7px;border-radius:50%;background:var(--line)}.spec-preview i.on{background:var(--spec)}.spec-swatches{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.spec-swatch{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 8px;border-radius:999px;cursor:pointer;background:var(--panel2);border:1px solid var(--line2);color:var(--text);font-size:12.5px}.spec-swatch:hover{border-color:var(--muted)}.spec-swatch.on{border-color:var(--white);box-shadow:inset 0 0 0 1px var(--white)}.spec-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.spec-dot.default{background:linear-gradient(135deg,var(--sub) 50%,var(--eq) 50%)}.spec-dot.custom{background:conic-gradient(#ef4444,#eab308,#22c55e,#06b6d4,#3b82f6,#8b5cf6,#ec4899,#ef4444)}.spec-custom{position:relative}.spec-custom input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.spec-custom:focus-within{outline:1px solid var(--white);outline-offset:2px}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--bg);border:0;border-radius:var(--r);padding:10px 20px;font-weight:600;font-size:13.5px;cursor:pointer;transition:background .12s,transform .1s;text-decoration:none}.btn:hover{background:var(--accent-hover);color:var(--bg)}.btn:active{transform:scale(.98)}.btn .ms{font-size:18px}.btn.ghost{background:var(--panel2);color:var(--white);border:1px solid var(--line2)}.btn.ghost:hover{background:var(--raise);border-color:var(--muted)}.btn.pill-btn{border-radius:999px}.btn.sm{padding:7px 14px;font-size:12.5px}.btn.sm .ms{font-size:16px}.btn:disabled{opacity:.45;cursor:default}.field-label{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.input,select.input,textarea.input{background:var(--panel);border:1px solid var(--line);color:var(--white);border-radius:var(--r);padding:0 13px;height:44px;width:100%;font-size:13.5px;font-family:inherit;transition:border-color .15s}textarea.input{height:auto;padding:10px 13px}.input::placeholder{color:var(--dim)}.input:focus{outline:0;border-color:var(--line3)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px;background-size:5px 5px;background-repeat:no-repeat}input[type=file].input{padding:10px 13px;height:auto;color:var(--muted)}input[type=file].input::-webkit-file-upload-button{background:var(--panel2);color:var(--white);border:1px solid var(--line2);border-radius:var(--r-xs);padding:4px 10px;margin-right:10px;font-family:inherit;cursor:pointer}input[type=file].input::file-selector-button{background:var(--panel2);color:var(--white);border:1px solid var(--line2);border-radius:var(--r-xs);padding:4px 10px;margin-right:10px;font-family:inherit;cursor:pointer}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--white)}.check{align-items:center;gap:10px;font-size:13px;color:var(--sub);cursor:pointer}.check,.row{display:flex}.row{gap:14px;flex-wrap:wrap}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:16px}.panel h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;color:var(--white)}.board-write{display:flex;flex-direction:column;gap:8px}.board-login a{color:var(--white);text-decoration:underline;text-underline-offset:3px}.board-write-foot{display:flex;align-items:center;justify-content:space-between}.board-list{margin-top:8px}.board-empty{margin-bottom:0}.board-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.board-main{flex:1 1;min-width:0}.board-meta{display:flex;gap:8px;align-items:baseline;margin-bottom:4px;font-size:12px;color:var(--muted)}.board-meta b{color:var(--white);font-weight:600}.board-body{font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.panel h3 .ms{font-size:18px;color:var(--muted)}.dropzone{border:1px dashed var(--line2);text-align:center;padding:36px 20px;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover{border-color:var(--muted);background:var(--panel2)}.dropzone .ms{font-size:40px;color:var(--muted)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px}.tabs button{background:none;border:0;color:var(--muted);font-weight:500;font-size:13.5px;padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.on,.tabs button:hover{color:var(--white)}.tabs button.on{border-color:var(--white);font-weight:600}.notice{display:flex;align-items:center;gap:8px;border:1px solid var(--line2);background:var(--panel2);border-radius:var(--r);padding:12px 15px;margin-top:12px;font-size:13px;color:var(--text)}.notice:before{content:"check_circle";font-family:Material Symbols Outlined;font-size:18px;color:var(--white)}.notice.err{border-color:var(--white);background:var(--bg)}.notice.err:before{content:"error"}.notice a{color:var(--white);text-decoration:underline;text-underline-offset:3px}.dlg-back{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.62)}.dlg{width:min(400px,100%);background:var(--panel);border:1px solid var(--line2);border-radius:16px;padding:22px 22px 18px;box-shadow:0 18px 50px var(--shadow)}.dlg-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dlg-head .ms{color:#ff8080;font-size:22px}.dlg h2{margin:0;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--white)}.dlg p{margin:0 0 18px;color:var(--sub);font-size:13.5px;line-height:1.55}.dlg .row{justify-content:flex-end;gap:8px;margin:0}.dlg.dlg-wide{width:min(620px,100%);max-height:calc(100vh - 48px);overflow-y:auto}.dlg-wide .dlg-head>.ms{color:var(--white)}.dlg-head .dlg-close{margin-left:auto;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.dlg-head .dlg-close:hover{background:var(--hover);color:var(--white)}.dlg-head .dlg-close .ms{color:inherit;font-size:20px}.btn.danger{background:#ff8080;color:#1a1a1a}.btn.danger:hover{background:#ff9a9a;color:#1a1a1a}.starrow{display:flex;gap:2px}.starrow button{background:none;border:0;cursor:pointer;font-size:30px;color:var(--track);transition:transform .08s,color .1s;padding:0 1px}.starrow button.lit{color:var(--white)}.starrow button:hover{transform:scale(1.12)}.starrow.sm button{font-size:22px}.pl-rate{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}table.fees,table.kv{width:100%;border-collapse:collapse;font-size:13px}table.fees td,table.kv td{padding:10px 4px;border-bottom:1px solid var(--line)}table.fees td:last-child{text-align:right;font-family:var(--mono);color:var(--sub)}.option{cursor:pointer}.option.on{border-color:var(--line3);background:var(--panel2)}.option .radio{width:16px;height:16px;border-radius:50%;border:1px solid var(--line3);display:inline-flex;align-items:center;justify-content:center}.option.on .radio{border-color:var(--white)}.option.on .radio:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--white)}.bignum{font-size:36px;font-weight:700;letter-spacing:-.03em;color:var(--white);font-family:var(--mono)}.title-btn{all:unset;cursor:pointer;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-btn.on,.title-btn:hover{text-decoration:underline;text-underline-offset:3px}.title-btn:focus-visible{outline:1px solid var(--white);outline-offset:2px}.ctitle .title-btn,.title-btn.inline{display:inline}.title-btn.inline{color:var(--white);font-weight:600}.selbar-peek{position:fixed;z-index:49;left:50%;bottom:80px;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));max-height:50vh;overflow-y:auto;border-radius:var(--r);box-shadow:0 10px 30px var(--shadow)}body.has-player .selbar-peek{bottom:160px}.selbar-peek .peek{margin:0;background:var(--panel)}.peek{margin-top:14px;padding:14px;border:1px solid var(--line2);border-radius:var(--r);background:var(--panel2)}.peek-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.peek-title{color:var(--white);font-size:15px}.peek-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column}.peek-list li{display:grid;grid-template-columns:32px 40px minmax(0,1fr) auto 32px;grid-gap:12px;gap:12px;align-items:center;padding:6px 4px;border-top:1px solid var(--line)}.peek-list .ccover{width:40px;height:40px}.peek-info{min-width:0;display:flex;flex-direction:column;color:var(--text)}.peek-info .cartist,.peek-info .ctitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selbar{position:fixed;z-index:49;left:50%;bottom:16px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px 10px 16px;font-size:13px;color:var(--text);background:var(--glass-player);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line2);border-radius:var(--r);box-shadow:0 10px 30px var(--shadow)}body.has-player .selbar{bottom:96px}.selbar .input{height:34px;width:auto;min-width:160px;max-width:240px}.selbar-n{white-space:nowrap;color:var(--white)}.selbar-err{color:#ff8080;font-size:12px}.selbar a:not(.btn){color:var(--white);text-decoration:underline;text-underline-offset:3px}.player{position:fixed;left:0;right:0;bottom:0;z-index:50;height:80px;background:var(--glass-player);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.prow{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1.4fr) minmax(0,1fr);align-items:center;grid-gap:16px;gap:16px;padding:0 24px}.ptrack{gap:12px;min-width:0}.pcover,.ptrack{display:flex;align-items:center}.pcover{width:48px;height:48px;border-radius:var(--r-sm);justify-content:center;font-size:18px;flex-shrink:0;overflow:hidden;position:relative}.ptitle{display:block;font-weight:600;font-size:13px;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.ptitle:hover{text-decoration:underline}.pmeta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmid{flex-direction:column;gap:4px;min-width:0}.pctrl,.pmid{display:flex;align-items:center}.pctrl{gap:14px}.pbtn,.pctrl{justify-content:center}.pbtn{position:relative;width:32px;height:32px;flex-shrink:0;aspect-ratio:1/1;border-radius:50%;border:0;background:transparent;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;padding:0;transition:color .15s}.pbtn.on,.pbtn:hover{color:var(--white)}.pbtn.on:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--white);transform:translateY(13px)}.pbtn.main{width:36px;height:36px;background:var(--white);color:var(--bg)}.pbtn svg{display:block;flex-shrink:0}.pbtn.main:hover{background:var(--accent-hover)}.pbtn.main .ms{font-size:22px}.pprog{display:flex;align-items:center;gap:10px;width:100%}.ptime{font-family:var(--mono);font-size:11px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:40px;text-align:center}.pseek{position:relative;flex:1 1;height:4px;border-radius:2px;background:var(--track);cursor:pointer}.pseek:before{content:"";position:absolute;left:0;right:0;top:-6px;bottom:-6px}.pseek i{display:block;height:100%;border-radius:2px;background:var(--white);width:0;position:relative}.pseek i:after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--white);opacity:0;transition:opacity .15s}.pseek:hover i:after{opacity:1}.pvol{display:flex;align-items:center;gap:10px;justify-content:flex-end;color:var(--muted)}.pvol input[type=range]{width:92px;accent-color:var(--white)}.qbadge{font-size:10px;padding:1px 5px;border-radius:4px;background:var(--panel2);border:1px solid var(--line);color:var(--sub);flex-shrink:0}.qbadge,.selbadge{font-family:var(--mono)}.selbadge{display:inline-flex;align-items:center;gap:2px;margin-left:8px;padding:0 6px;height:18px;border-radius:9px;font-size:10.5px;background:var(--white);color:var(--bg);border:0;cursor:pointer;vertical-align:middle}.selbadge:hover{opacity:.85}.dcover.dvinyl{background:none;border:0;box-shadow:none;overflow:visible}.dcover.dvinyl:after{display:none}.dcover.np-open{padding:0;cursor:pointer;color:inherit;font:inherit}.dcover.np-open:focus-visible{outline:1px solid var(--white);outline-offset:4px;border-radius:50%}.pcover-btn{padding:0;border:0;background:none;cursor:pointer;border-radius:var(--r-sm);flex-shrink:0;display:block}.pcover-btn:hover .pcover{outline:1px solid var(--line3)}.vinyl{position:relative;width:100%;aspect-ratio:1}.vinyl-disc{position:absolute;inset:0;animation:vinyl-spin 1.8s linear infinite}.vinyl-disc svg{position:absolute;inset:0;width:100%;height:100%;display:block}.vinyl img.vinyl-label{position:absolute;left:29%;top:29%;width:42%;height:42%;border-radius:50%;object-fit:cover}.vinyl-sheen{inset:0;pointer-events:none;background:conic-gradient(transparent 0deg 28.8deg,hsla(0,0%,100%,.133) 45deg,transparent 61.2deg 208.8deg,hsla(0,0%,100%,.102) 225deg,transparent 241.2deg 1turn);-webkit-mask:radial-gradient(closest-side,transparent var(--vinyl-inner),#000 var(--vinyl-inner),#000 98.5%,transparent 98.5%);mask:radial-gradient(closest-side,transparent var(--vinyl-inner),#000 var(--vinyl-inner),#000 98.5%,transparent 98.5%)}.vinyl-hole,.vinyl-sheen{position:absolute;border-radius:50%}.vinyl-hole{left:50%;top:50%;width:5.6%;height:5.6%;transform:translate(-50%,-50%);background:var(--bg)}.vinyl-spectrum{position:absolute;left:50%;bottom:3.5%;width:19%;height:11.33%;transform:translateX(-50%);pointer-events:none}@keyframes vinyl-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.vinyl-disc{animation:none}}.lyrics{position:relative;height:100%;overflow-y:auto;outline:none;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 36px),transparent)}.lyrics::-webkit-scrollbar{display:none}.lyrics.scrolled,.lyrics.synced{-webkit-mask-image:linear-gradient(180deg,transparent,#000 36px,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(180deg,transparent,#000 36px,#000 calc(100% - 36px),transparent)}.lyr{font-size:17px;line-height:1.45;color:var(--text);padding:0 8px;margin-bottom:10px;white-space:pre-wrap;overflow-wrap:anywhere;transition:color .2s}.lyrics.synced .lyr{color:var(--muted)}.lyrics.synced .lyr.on{color:var(--white);font-weight:700}.lyr.gap{height:10px}.np{position:fixed;left:0;right:0;top:0;bottom:80px;z-index:45;background:var(--bg);display:flex;flex-direction:column}.np-head{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;flex-shrink:0;color:var(--sub);font-size:13px;font-weight:600;border-bottom:1px solid var(--line)}.np-body{--np-disc:min(420px,60vh,80vw);flex:1 1;min-height:0;display:grid;grid-template-columns:var(--np-disc);grid-template-areas:"disc" "meta";align-content:center;justify-content:center;grid-column-gap:56px;column-gap:56px;grid-row-gap:20px;row-gap:20px;padding:24px 40px}.np.with-lyrics .np-body{--np-disc:min(440px,56vh,calc(50vw - 120px));width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:72px;grid-template-areas:"disc lyrics" "meta .";justify-content:stretch}.np-disc{grid-area:disc;width:var(--np-disc)}.np.with-lyrics .np-disc{justify-self:end}.np-meta{grid-area:meta;text-align:center;min-width:0}.np.with-lyrics .np-meta{justify-self:end;width:var(--np-disc)}.np-meta h2{margin:0 0 6px;font-size:24px;font-weight:700;color:var(--white);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-lyrics{grid-area:lyrics;contain:size;min-height:0}.np.with-lyrics .np-lyrics{justify-self:start;width:var(--np-disc)}.np-empty{display:flex;align-items:center;justify-content:center;height:100%;margin:0}@media (max-width:860px){.np-body{--np-disc:min(300px,70vw);padding:16px;justify-items:center}.np.with-lyrics .np-body{--np-disc:min(240px,34vh,60vw);grid-template-columns:minmax(0,1fr);grid-template-areas:"disc" "meta" "lyrics";grid-template-rows:auto auto minmax(0,1fr);align-content:stretch;row-gap:12px}.np.with-lyrics .np-disc,.np.with-lyrics .np-lyrics,.np.with-lyrics .np-meta{justify-self:center}.np-meta,.np.with-lyrics .np-meta{width:100%}.np-meta h2{font-size:20px}.np-lyrics,.np.with-lyrics .np-lyrics{width:100%}}@media (max-width:1100px){.chead,.crow{grid-template-columns:40px minmax(0,1fr) 90px 100px 32px 32px}.chart.plist .chead,.chart.plist .crow{grid-template-columns:40px minmax(0,1fr) 72px 72px max-content}.chart.with-edit .chead,.chart.with-edit .crow{grid-template-columns:40px minmax(0,1fr) 90px 100px 32px 32px 32px}.chead .hide-t,.crow .hide-t{display:none}}@media (max-width:860px){.shell{grid-template-columns:1fr}.side{display:none}main.main{padding:20px 16px 40px}.top{padding:0 12px;gap:8px}.top .hide-m{display:none}.top .btn{padding:8px 12px;font-size:12.5px}.top .nick,.up-txt{display:none}.upload-btn{padding:8px 11px!important}.chead{display:none}.crow{grid-template-columns:30px minmax(0,1fr) auto 32px 32px;gap:8px;padding:8px}.chart.plist .crow{grid-template-columns:30px minmax(0,1fr) auto max-content}.lrow{grid-template-columns:44px minmax(0,1fr) max-content;gap:10px;padding:8px}.lrow .ccover{width:44px;height:44px}.lrow .hide-m{display:none}.chart.with-edit .crow{grid-template-columns:30px minmax(0,1fr) auto 32px 32px 32px}.crow .hide-m{display:none}.dhead{flex-direction:column;align-items:flex-start}.dhead.center-m{align-items:center;text-align:center}.dhead.center-m>div{width:100%}.dhead.center-m .pl-rate,.dhead.center-m .row{justify-content:center}.dcover{width:150px;height:150px}.stats{gap:16px}.stats>div+div{padding-left:16px}.prow{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px;padding:0 12px}.pctrl{gap:8px}.pvol{display:none}.ptitle{max-width:130px}}body.embed-body,html:has(body.embed-body){background:var(--bg);height:100%;overflow:hidden}.emb{box-sizing:border-box;height:100vh;display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--bg);color:var(--text);border:1px solid var(--line);overflow:hidden}.emb a{color:inherit;text-decoration:none}.emb-head{display:flex;gap:14px;min-height:0}.emb-art{flex:none;display:block;width:122px;height:122px}.emb-art .vinyl{filter:drop-shadow(0 4px 10px var(--shadow))}.emb-info{flex:1 1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.emb-kind{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--muted)}.emb-brand{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:-.02em;color:var(--white)!important}.emb-brand i{font-style:normal;font-weight:400;color:var(--muted);margin-left:2px}.emb-title{font-size:17px;font-weight:700;color:var(--white)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emb-title:hover{text-decoration:underline!important}.emb-sub{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emb-ctrl{display:flex;align-items:center;gap:8px;margin-top:8px}.emb-btn{flex:none;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.emb-btn:hover:not(:disabled){background:var(--hover)}.emb-btn:disabled{opacity:.35;cursor:default}.emb-play{width:40px;height:40px;background:var(--white);color:var(--bg)}.emb-play:hover:not(:disabled){background:var(--white);transform:scale(1.05)}.emb-time{flex:none;font-family:var(--mono);font-size:11px;color:var(--muted);min-width:34px;text-align:center}.emb-seek{flex:1 1;min-width:40px;height:4px;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:2px;cursor:pointer;background:linear-gradient(to right,var(--white) var(--p),var(--line2) var(--p))}.emb-seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--white)}.emb-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--white)}.emb-err{font-size:12px;color:#ff8080;margin-top:4px}.emb-err a{text-decoration:underline}.emb-tracks{flex:1 1;min-height:0;overflow-y:auto;list-style:none;margin:-4px 0 0;padding:0}.emb-listbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 6px 6px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:12px;text-align:left;cursor:pointer}.emb-listbar:hover{color:var(--text)}.emb-listbar-t{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emb-listbar-t b{color:var(--text);font-weight:600}.emb-listbar-a{flex:none;display:inline-flex;align-items:center;gap:2px}.emb.emb-folded{height:auto;max-height:100vh}.emb-tracks button{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:7px 6px;border:0;border-radius:6px;background:transparent;color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer}.emb-tracks button:hover{background:var(--hover)}.emb-tracks button.on{background:var(--panel2);color:var(--white);font-weight:600}.emb-no{font-family:var(--mono);font-size:11px;color:var(--muted);text-align:center;display:grid;place-items:center}.emb-tt,.emb-tu{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emb-tu{font-size:12px;color:var(--muted);max-width:140px}.emb-gone{height:100vh;box-sizing:border-box;display:grid;place-items:center;text-align:center;padding:14px;background:var(--bg);color:var(--muted);border:1px solid var(--line);font-size:13px}.emb-gone b{color:var(--white);display:block;margin-bottom:4px}@media (max-height:220px){.emb-listbar,.emb-tracks{display:none}}@media (max-width:360px){.emb-art{width:84px;height:84px}.emb-time{display:none}}