:root{--ink:#111;--ink-2:#2b2b2b;--muted:#5f5f5a;--paper:#fbfaf6;--paper-2:#f2f0ea;--line:#e3e1da;--line-2:#cfccc3;--night:#0f0f14;--sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--serif:"Hahmlet","AppleMyungjo","Noto Serif KR",serif;--wrap:1120px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink-2);font-family:var(--sans);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;font-variant-numeric:tabular-nums;font-size:16px;line-height:1.65;overflow-x:hidden}button,input{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}::selection{background:#e6e1d3}h1,h2,h3{color:var(--ink);text-wrap:balance;margin:0}.btn{border:1.5px solid var(--ink);min-height:50px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:15.5px;font-weight:700;text-decoration:none;transition:background .15s,color .15s,transform .1s;display:inline-flex}.btn:hover{background:var(--paper-2)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:wait}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#333}.btn-small{min-height:38px;padding:0 16px;font-size:14px}.btn.wide{width:100%}.link{color:var(--ink-2);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.link:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.link.small{font-size:14px}.chip{border:1px solid var(--line-2);min-height:40px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:0 16px;font-size:14.5px;font-weight:600;transition:border-color .15s,background .15s}.chip:hover{border-color:var(--ink)}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.chip:disabled{color:var(--muted);cursor:not-allowed;background:0 0;border-style:dashed}.chip small{opacity:.7;margin-left:4px;font-size:12px;font-weight:500}.pill{background:var(--paper-2);white-space:nowrap;height:28px;color:var(--ink);border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.pill.big{background:var(--ink);color:#fff;height:34px;padding:0 14px;font-size:15px}.card{border:1px solid var(--line);background:#fff;border-radius:18px}.eyebrow{letter-spacing:.01em;color:var(--muted);margin:0 0 14px;font-size:13.5px;font-weight:700}.hint{color:var(--muted);margin:10px 0;font-size:14px}.fine{color:var(--muted);font-size:13.5px}.status{min-height:1.4em;color:var(--ink-2);margin:12px 0 0;font-size:14.5px;font-weight:600}.status.error{color:#a3213f}.notice{background:var(--paper-2);color:var(--ink);border-radius:12px;margin:16px 0;padding:12px 16px;font-size:14.5px;font-weight:600}.top{z-index:30;max-width:calc(var(--wrap) + 64px);-webkit-backdrop-filter:blur(10px);background:#fbfaf6e6;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:16px 32px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.02em;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:19px;font-weight:800;display:inline-flex}.logo-disc{background:radial-gradient(circle, #f5f2ea 0 22%, var(--ink) 23% 100%);border-radius:50%;width:24px;height:24px;animation:4s linear infinite spin}.logo:hover .logo-disc{animation-duration:1s}.top-nav{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.nav-link{color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:15px;font-weight:600}.nav-link:hover{color:var(--ink)}.who{color:var(--ink);font-size:14.5px;font-weight:700}main{padding:0 32px 120px}.intro{background:var(--night);color:#fff;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.intro-field{width:0;height:0;position:absolute;top:50%;left:50%}.tile{border-radius:4px;position:absolute;top:0;left:0;box-shadow:0 18px 36px -18px #000c}.tile span{display:none}.tile.shape-1{border-radius:50%}.tile.shape-1:after{content:"";background:#f5f2ea;border-radius:50%;position:absolute;inset:38%}.intro-center{z-index:2;place-items:center;display:grid;position:relative}.intro-logo{letter-spacing:-.02em;text-align:center;color:#fff;pointer-events:none;font-size:34px;font-weight:800;line-height:1.05;position:absolute;bottom:-118px}.intro-logo br{display:none}.intro-foot{z-index:3;flex-direction:column;align-items:center;gap:18px;display:flex;position:absolute;bottom:9vh}.intro-foot p{color:#c8c8d0;margin:0;font-weight:500}.btn-enter{min-width:190px;color:var(--ink);background:#fff;border-color:#fff}.btn-enter:hover{background:#e9e9ee}.record{filter:drop-shadow(0 20px 30px #00000040);border-radius:50%}.record canvas{border-radius:50%;width:100%;height:100%;display:block}.home{max-width:var(--wrap);margin:0 auto;padding-top:40px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;min-height:min(72vh,680px);display:grid}.hero h1{letter-spacing:-.04em;font-size:clamp(44px,6.4vw,84px);font-weight:900;line-height:1.06}.hero-lead{max-width:27em;color:var(--ink-2);margin:24px 0 0;font-size:18px;line-height:1.75}.hero-cta{flex-wrap:wrap;align-items:center;gap:22px;margin-top:36px;display:flex}.hero-shelf{margin-top:22px;display:inline-block}.hero-preview{min-height:520px;position:relative}.hp-disc{position:absolute;top:40px;right:-6%}.hp-sleeve{z-index:1;width:min(78%,380px);display:grid;position:relative}.hp-sleeve>*{grid-area:1/1}.hp-ghost{visibility:hidden}.hp-card{background:#fff;border-radius:16px;padding:22px 22px 26px;box-shadow:0 30px 60px -30px #14120a73,0 0 0 1px #0000000a}.hp-when{align-items:baseline;gap:10px;margin:0 0 14px;display:flex}.hp-when b{color:var(--ink);font-size:20px;font-weight:800}.hp-when span{color:var(--muted);font-size:13.5px}.hp-cover{aspect-ratio:1;border-radius:4px}.hp-no{color:var(--ink);margin:14px 0 8px;font-size:13px;font-weight:700}.hp-line{background:#ebe8e0;border-radius:7px;height:14px;margin-top:8px;display:block}.hp-line.w70{background:#dedad0;width:70%;height:22px}.hp-line.w40{width:40%}.hp-said{font-family:var(--serif);color:var(--ink);margin:16px 0 0;font-size:19px;font-weight:700}.hp-dots{gap:6px;margin-top:22px;display:flex;position:relative}.hp-dots i{background:var(--line-2);border-radius:2px;width:22px;height:3px;transition:background .3s}.hp-dots i.on{background:var(--ink)}.steps-row{border-top:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:72px 0 0;padding:28px 0 0;list-style:none;display:grid}.steps-row li{flex-direction:column;gap:6px;display:flex}.steps-row i{color:var(--muted);font-size:13px;font-style:normal;font-weight:700}.steps-row b{color:var(--ink);font-size:19px;font-weight:800}.steps-row span{color:var(--ink-2);font-size:15px}@keyframes spin{to{transform:rotate(360deg)}}.screen{max-width:var(--wrap);margin:0 auto;padding-top:48px}.screen.narrow{max-width:520px}.screen-head{max-width:720px;margin-bottom:36px}.screen-head h1{letter-spacing:-.035em;font-size:clamp(34px,4.8vw,56px);font-weight:900;line-height:1.12}.screen-head p{color:var(--ink-2);margin:16px 0 0;font-size:17px}.row-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px;display:flex}.row-actions.center{justify-content:center}.ticket-card{border:1px solid var(--line);background:#fff;border-radius:20px;display:block;overflow:hidden}.ticket-stub{display:none}.ticket-body{padding:36px clamp(22px,5vw,40px)}.ticket-body h1{letter-spacing:-.03em;margin-bottom:24px;font-size:32px;font-weight:900}.field{color:var(--ink);flex-direction:column;gap:6px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.field input{border:1px solid var(--line-2);background:var(--paper);border-radius:12px;min-height:50px;padding:0 16px;font-size:16px;font-weight:500}.field input:focus{border-color:var(--ink);background:#fff;outline:none}.ticket-body .link{margin:14px auto 0;display:block}.or{color:var(--muted);align-items:center;gap:12px;margin:26px 0 14px;font-size:13px;font-weight:600;display:flex}.or:before,.or:after{content:"";border-top:1px solid var(--line);flex:1}.oauths{flex-direction:column;gap:10px;display:flex}.oauth{width:100%}.oauth-kakao{color:#191600;background:#fee500;border-color:#fee500}.oauth-kakao:hover{background:#f5dc00}.oauth-naver{color:#fff;background:#03c75a;border-color:#03c75a}.oauth-naver:hover{background:#02b350}.oauth-apple{color:#fff;background:#000;border-color:#000}.oauth-apple:hover{background:#222}.oauth-google{border-color:var(--line-2);background:#fff}.oauth.off{border-style:dashed;border-color:var(--line-2);color:var(--muted);cursor:not-allowed;font-weight:600}.dropzone{border:1.5px dashed var(--line-2);cursor:pointer;background:#fff;border-radius:24px;grid-template-columns:auto 1fr;align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(28px,4vw,48px);transition:border-color .2s,background .2s;display:grid;position:relative}.dropzone:hover,.dropzone.over{border-color:var(--ink)}.dropzone.over{background:var(--paper-2)}.dropzone:before{display:none}.dropzone input{opacity:0;width:1px;height:1px;position:absolute}.dropzone:focus-within{outline:2px solid var(--ink);outline-offset:4px}.dz-deck{background:var(--paper-2);border-radius:18px;padding:18px;position:relative}.dz-arm{transform-origin:50% 6px;background:#8a877f;border-radius:3px;width:6px;height:104px;position:absolute;top:16px;right:12px}.dz-arm:before{content:"";background:#d6d3ca;border-radius:50%;width:20px;height:20px;position:absolute;top:-6px;left:-7px}.dz-arm:after{content:"";background:var(--ink);border-radius:3px;width:14px;height:20px;position:absolute;bottom:-4px;left:-4px}.dz-copy{flex-direction:column;gap:8px;display:flex}.dz-copy b{letter-spacing:-.025em;color:var(--ink);font-size:clamp(22px,2.8vw,32px);font-weight:800;line-height:1.25}.dz-copy>span{color:var(--muted);font-weight:500}.guide-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.guide-card{padding:28px 30px}.guide-card:before{display:none}.guide-card header{justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px;display:flex}.guide-card h2{letter-spacing:-.02em;font-size:24px;font-weight:800}.guide-card ol{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.guide-card li{grid-template-columns:28px 1fr;align-items:start;gap:12px;font-size:15.5px;line-height:1.65;display:grid}.guide-card li i{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-style:normal;font-weight:800;display:grid}.guide-card b{color:var(--ink)}.range{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:start;gap:clamp(24px,4vw,64px);display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.months{border-top:1px solid var(--ink);margin:12px 0 0;padding:0;list-style:none}.months li{border-bottom:1px solid var(--line)}.months button{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:76px 1fr 64px;align-items:center;gap:16px;width:100%;padding:11px 6px;display:grid}.months button:hover{background:var(--paper-2)}.months .m{color:var(--ink);font-size:14.5px;font-weight:700}.months .n{text-align:right;color:var(--muted);font-size:14px;font-weight:600}.months .track{background:var(--paper-2);border-radius:4px;height:8px;overflow:hidden}.months .bar{transform-origin:0;background:#cfccc3;border-radius:4px;height:100%;display:block}.months .in{background:var(--paper-2)}.months .in .bar{background:var(--ink)}.months .in .n{color:var(--ink)}.order{padding:26px 28px;position:sticky;top:96px}.order dl{grid-template-columns:60px 1fr;margin:4px 0 24px;display:grid}.order dt,.order dd{border-bottom:1px solid var(--line);align-items:center;margin:0;padding:14px 0;display:flex}.order dt{color:var(--muted);font-size:14px;font-weight:600}.order dd{color:var(--ink);font-size:18px;font-weight:800}.seg{flex-wrap:wrap;gap:6px;width:100%;display:flex}.seg label{border:1px solid var(--line-2);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;flex:1 1 0;min-width:96px;padding:9px 12px;font-size:15px;font-weight:700;display:flex;position:relative}.seg label.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.seg input{opacity:0;pointer-events:none;position:absolute}.seg small{color:var(--muted);font-size:12px;font-weight:500}.seg label:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.loading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;min-height:68vh;display:grid}.vortex{place-items:center;height:min(70vw,540px);display:grid;position:relative}.v-tile{border-radius:4px;width:80px;height:80px;margin:-40px 0 0 -40px;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 14px 30px -16px #0009}.v-tile img{object-fit:cover;width:100%;height:100%;display:block}.loading-copy h1{letter-spacing:-.03em;margin-bottom:26px;font-size:clamp(28px,3.4vw,42px);font-weight:900;line-height:1.2}.steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.steps li{color:var(--muted);align-items:center;gap:12px;font-size:17px;font-weight:600;display:flex}.steps li i{border:1.5px solid var(--line-2);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-style:normal;font-weight:900;display:grid}.steps li.done{color:var(--ink-2)}.steps li.done i{background:var(--ink);border-color:var(--ink);color:#fff}.steps li.now{color:var(--ink);font-weight:800}.steps li.now i{border-color:var(--ink);border-top-color:#0000;animation:.9s linear infinite spin}.album-screen{max-width:1180px}.sleeve-out .insert{box-shadow:0 40px 80px -50px #14120a73,0 0 0 1px #0000000a}.jackets{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:48px;display:flex}.jk-label{color:var(--muted);margin-right:4px;font-size:14px;font-weight:700}.shelf{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:40px 24px;display:grid}.sleeve-card{flex-direction:column;gap:8px;display:flex}.sleeve-open{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:8px;padding:0;display:flex}.sleeve-art{aspect-ratio:1;background:#fff;border-radius:4px;display:block;position:relative;overflow:hidden;box-shadow:0 24px 40px -26px #14120a8c}.sleeve-art img,.sleeve-art svg{object-fit:cover;width:100%;height:100%;display:block}.sleeve-open b{color:var(--ink);font-size:17px;font-weight:800;line-height:1.35}.sleeve-open small{color:var(--muted);font-size:13px;font-weight:500}.empty{flex-direction:column;align-items:flex-start;gap:16px;max-width:420px;padding:30px;font-size:17px;font-weight:600;display:flex}.toast{z-index:50;background:var(--ink);color:#fff;border-radius:14px;padding:14px 20px;font-weight:600;position:fixed;bottom:28px;left:50%;translate:-50%;box-shadow:0 20px 40px -20px #00000080}@media (width<=860px){.top{padding:12px 18px}main{padding:0 18px 96px}.who{display:none}.hero{grid-template-columns:1fr;gap:24px;min-height:0}.hero-preview{max-width:420px;min-height:440px}.hp-disc{top:60px;right:-18%}.hp-disc .record{width:260px!important;height:260px!important}.steps-row{grid-template-columns:1fr;gap:20px;margin-top:48px}.range,.loading,.guide-grid{grid-template-columns:1fr}.order{position:static}.dropzone{grid-template-columns:1fr;justify-items:start}.vortex{height:340px}}@media (prefers-reduced-motion:reduce){.logo-disc{animation:none}}.period-pick{margin:0 0 24px}.period-pick .eyebrow{margin-bottom:10px}.inline-input{border:1px solid var(--line-2);background:var(--paper);border-radius:10px;width:100%;min-height:40px;padding:0 12px;font-size:15.5px;font-weight:600}.inline-input:focus{border-color:var(--ink);background:#fff;outline:none}.switch{cursor:pointer;color:var(--ink-2);align-items:center;gap:10px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.switch input{opacity:0;pointer-events:none;position:absolute}.switch i{background:var(--line-2);border-radius:13px;flex:none;width:44px;height:26px;transition:background .2s;position:relative}.switch i:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch.on i{background:var(--ink)}.switch.on i:after{transform:translate(18px)}.switch:has(input:focus-visible) i{outline:2px solid var(--ink);outline-offset:2px}.share-bar{border:1px solid var(--line);background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 20px;padding:12px 16px;display:flex}.share-url{color:var(--muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;max-width:46vw;font-size:14px;overflow:hidden}.share-stat{color:var(--ink-2);margin-left:auto;font-size:14px;font-weight:600}.shared-top{flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 20px;display:flex}.shared-top p{color:var(--ink-2);margin:0 auto 0 0;font-size:16px}.shared-top b{color:var(--ink)}.like{border:1.5px solid var(--ink);min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:700;display:inline-flex}.like b{font-variant-numeric:tabular-nums}.like-icon{color:var(--line-2);font-size:17px;line-height:1;display:inline-block}.like.on{background:var(--ink);color:#fff}.like.on .like-icon{color:#ff5a7a}.social{max-width:760px;margin:56px auto 0}.social-like{justify-content:center;margin-bottom:40px;display:flex}.social-like .like{min-height:56px;padding:0 28px;font-size:17px}.comments h2{letter-spacing:-.02em;margin-bottom:16px;font-size:26px;font-weight:900}.comments h2 span{color:var(--muted);font-weight:700}.c-form{flex-direction:column;gap:8px;margin:0 0 18px;display:flex}.c-form textarea{border:1px solid var(--line-2);width:100%;min-height:68px;font:inherit;resize:vertical;background:#fff;border-radius:12px;padding:12px 14px;font-size:15.5px}.c-form textarea:focus{border-color:var(--ink);outline:none}.c-form-actions{justify-content:flex-end;align-items:center;gap:14px;display:flex}.c-list{margin:0;padding:0;list-style:none}.c-list>li{border-top:1px solid var(--line);padding:16px 0}.c-head{align-items:baseline;gap:10px;margin:0;display:flex}.c-head b{color:var(--ink);font-size:15px}.c-head time{color:var(--muted);font-size:13px}.c-body{color:var(--ink-2);white-space:pre-wrap;margin:4px 0 0;font-size:15.5px;line-height:1.65}.c-body.gone{color:var(--muted);font-style:italic}.c-actions{gap:14px;margin:6px 0 0;display:flex}.c-replies{border-left:2px solid var(--line);margin:12px 0 0;padding:0 0 0 18px;list-style:none}.c-replies li{padding:10px 0}.c-list .c-form{margin-top:10px}.make-own{text-align:center;color:var(--ink);flex-direction:column;align-items:center;gap:16px;margin-top:56px;padding:36px 24px;font-size:17px;font-weight:700;display:flex}.make-own p{margin:0}.chart-head .month-nav{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.chart{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.chart li{border-bottom:1px solid var(--line)}.chart-item{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:44px 76px minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;padding:14px 4px;display:grid}.chart-item:hover{background:var(--paper-2)}.chart-rank{color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;font-size:22px;font-weight:900}.chart-art{aspect-ratio:1;border-radius:3px;width:76px;overflow:hidden;box-shadow:0 10px 20px -12px #00000080}.chart-art img,.chart-blank{object-fit:cover;width:100%;height:100%;display:block}.chart-text{flex-direction:column;min-width:0;display:flex}.chart-text b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:800;line-height:1.3;overflow:hidden}.chart-text small{color:var(--muted);font-size:13.5px}.chart-likes{color:var(--ink);font-size:15px;font-weight:700}.lib-state{color:var(--ink-2)!important;font-weight:600!important}@media (width<=860px){.chart-item{grid-template-columns:32px 60px minmax(0,1fr) auto;gap:12px}.chart-art{width:60px}.share-url{display:none}}.kind-tabs{background:var(--paper-2);border-radius:999px;gap:4px;margin:0 0 20px;padding:4px;display:inline-flex}.kind-tabs button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 18px;font-size:14.5px;font-weight:700}.kind-tabs button.on{color:var(--ink);background:#fff;box-shadow:0 1px 4px #0000001f}.kind-tabs button:disabled{opacity:.4;cursor:not-allowed}.period-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.period-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:18px 18px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.period-card:hover{border-color:var(--ink)}.period-card.on{border-color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.period-card b{letter-spacing:-.02em;color:var(--ink);font-size:19px;font-weight:800}.pc-bar{background:var(--paper-2);border-radius:3px;width:100%;height:6px;display:block;overflow:hidden}.pc-bar i{background:#cfccc3;border-radius:3px;height:100%;display:block}.period-card.on .pc-bar i{background:var(--ink)}.period-card small{color:var(--muted);font-size:13px;font-weight:600}.chart-head h1{margin-top:4px}.logo{white-space:nowrap}@media (width<=640px){.top{gap:10px}.top-nav{flex-wrap:nowrap;gap:12px}.top-nav .nav-link{white-space:nowrap;font-size:14px}.top-nav .btn-small{min-height:34px;padding:0 12px;font-size:13px}.logo{font-size:17px}.logo-disc{width:20px;height:20px}}@media (width<=420px){.top-nav .nav-link:nth-child(2){display:none}}.hp-sleeve{overflow:visible}.hp-card{will-change:transform}.price-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px;display:grid}.price-card{padding:26px}.price-card h2{font-size:18px}.price{letter-spacing:-.03em;color:var(--ink);margin:10px 0 6px;font-size:34px;font-weight:900}.price-desc{color:var(--muted);margin:0;font-size:14.5px}.price-includes{gap:6px;margin:0 0 22px;padding-left:18px;font-size:15px;display:grid}.pay-result{text-align:center;padding-top:96px}.pay-result h1{margin-bottom:8px;font-size:34px}.legal{max-width:760px}.legal-body h2{margin:30px 0 8px;font-size:18px}.legal-body p,.legal-body li{font-size:15.5px}.legal-body ul{gap:6px;padding-left:18px;display:grid}.site-foot{max-width:calc(var(--wrap) + 64px);border-top:1px solid var(--line);color:var(--muted);margin:96px auto 0;padding:28px 32px 44px;font-size:13.5px}.site-foot nav{flex-wrap:wrap;gap:18px;margin-bottom:12px;display:flex}.site-foot .biz{flex-wrap:wrap;gap:4px 16px;margin:0 0 8px;display:flex}.at-intro .site-foot{display:none}.teaser{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;margin:96px 0 24px;display:grid}.teaser-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:34px 34px 28px;box-shadow:0 30px 60px -40px #00000059}.teaser-tag{color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:700}.teaser-card h2{letter-spacing:-.03em;font-size:30px;font-weight:900}.teaser-card .status-line{border:1px solid var(--line-2);color:var(--ink);border-radius:999px;align-items:center;gap:10px;margin:14px 0 8px;padding:7px 15px 7px 11px;font-weight:600;display:inline-flex}.teaser-card .status-line span{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:inline-grid}.teaser-list{border-top:1px solid var(--line);margin:18px 0 0;padding:0;list-style:none}.teaser-list li{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:14px 0;display:flex}.teaser-list b{white-space:nowrap;min-width:44px;color:var(--muted);font-size:14px}.teaser-list span{color:var(--ink);font-size:18px;font-weight:700}.teaser-list .title-track{background:var(--ink);color:#fff;border-radius:999px;margin-left:auto;padding:2px 9px;font-size:11.5px;font-style:normal;font-weight:800}.teaser-foot{color:var(--muted);margin:16px 0 0;font-size:14px}.teaser-copy h2{letter-spacing:-.035em;font-size:clamp(28px,3.4vw,40px);font-weight:900}.teaser-copy ul{gap:14px;margin:22px 0 8px;padding:0;font-size:16.5px;list-style:none;display:grid}.teaser-copy b{color:var(--ink)}@media (width<=860px){.teaser{grid-template-columns:1fr;gap:32px;margin-top:64px}}.site-foot .langs{gap:12px;margin-left:auto;display:inline-flex}.site-foot .langs .on{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.featured{margin:88px 0 0}.featured-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;display:flex}.featured-head h2{letter-spacing:-.03em;font-size:clamp(26px,3vw,36px);font-weight:900}.featured-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}@media (width<=900px){.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=520px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}.featured-card{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:6px;width:100%;padding:0;display:flex}.featured-art{aspect-ratio:1;border-radius:4px;transition:transform .2s;display:block;overflow:hidden;box-shadow:0 18px 30px -18px #0000008c}.featured-art img,.featured-art .chart-blank{object-fit:cover;width:100%;height:100%;display:block}.featured-card:hover .featured-art{transform:translateY(-4px)rotate(-.6deg)}.featured-card b{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:16px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.featured-card small{color:var(--muted);font-size:13px}.guide-link{justify-content:center;width:100%;margin-top:20px}.guide-card .fine{margin:12px 0 0}.peek{border:1px solid var(--line);background:#fff;border-radius:12px;margin:18px 0 0;padding:14px 16px;font-size:14px}.peek p{color:var(--muted);align-items:center;gap:10px;margin:0;padding:5px 0;display:flex}.peek p span{border:1.5px solid var(--line-2);color:#fff;border-radius:4px;place-items:center;width:18px;height:18px;font-size:12px;font-weight:900;display:inline-grid}.peek p.on{color:var(--ink);font-weight:700}.peek p.on span{background:var(--ink);border-color:var(--ink)}.peek .peek-title{color:var(--ink);margin-bottom:4px;font-weight:800}.uploader{border:1px dashed var(--line-2);border-radius:12px;margin:16px 0 0;padding:12px 14px;font-size:14.5px}.uploader summary{cursor:pointer;color:var(--ink);font-weight:700}.uploader p{margin:10px 0 0;line-height:1.6}.uploader .peek{margin-top:12px}.insert{--bg-2:#f5f5f2;--ink:#111;--ink-2:#2b2b2b;--muted:#555;--line:#e2e2de;--accent:#111;--sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--serif:"Hahmlet","AppleMyungjo","Noto Serif KR",serif;--type:var(--sans);color:var(--ink-2);font-family:var(--sans);border-radius:28px;padding:clamp(24px,5vw,64px);line-height:1.7}.insert h1,.insert h2,.insert h3{font-family:var(--serif);color:var(--ink);text-wrap:balance;margin:0;line-height:1.25}.insert{background:#fff;position:relative}.catalog{font-family:var(--type);letter-spacing:0;color:var(--muted);border-bottom:1px solid var(--ink);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-bottom:12px;font-size:12.5px;display:flex}.front{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:56px;margin-top:40px;display:grid}.photo{margin:0;position:relative}.photo canvas,.photo img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.photo .tape{display:none}.photo .cap{font-family:var(--type);color:var(--muted);margin-top:10px;font-size:12.5px;display:block}.photo .redo{background:#fff;border-radius:999px;padding:4px 10px;font-size:13px;text-decoration:none;position:absolute;bottom:34px;right:10px}.edition{font-family:var(--type);letter-spacing:0;color:var(--muted);margin:0 0 16px;font-size:13px}.genre{letter-spacing:-.02em;color:var(--ink);margin:24px 0 0;font-size:20px;font-weight:600}.genre-ko{color:var(--muted);margin:4px 0 0;font-size:15px}.counts{font-family:var(--type);letter-spacing:0;color:var(--ink);border-top:1px solid var(--line);margin:28px 0 0;padding-top:14px;font-size:13px}.made{color:var(--muted);margin:6px 0 0;font-size:13px}.part{margin-top:96px}.part-head{border-bottom:1px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;padding-bottom:12px;display:flex}.part-head h2{letter-spacing:-.015em;font-size:clamp(28px,3.4vw,40px)}.part-head span{color:var(--muted);font-size:13px}.sides{grid-template-columns:1fr 1fr;gap:56px;display:grid}.side-name{font-family:var(--type);letter-spacing:0;color:var(--accent);margin:20px 0 4px;font-size:12.5px}.tl{margin:0;padding:0;list-style:none}.tl li{border-bottom:1px solid var(--line);padding:20px 0 22px;position:relative}.tl .row{align-items:baseline;gap:14px;display:flex}.tl .no{font-family:var(--type);color:var(--muted);flex:none;width:24px;font-size:13px}.tl .name{letter-spacing:-.025em;min-width:0;color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:auto;font-size:22px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.tl .lead{display:none}.tl .cnt{font-family:var(--type);color:var(--ink);flex:none;font-size:13px}.tl .when{font-family:var(--type);color:var(--muted);margin:6px 0 0 38px;font-size:12.5px}.tl .note{color:var(--ink-2);margin:8px 0 0 38px;font-size:15.5px;line-height:1.7}.tl .rep{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0 38px;font-size:14px;display:-webkit-box;overflow:hidden}.tl .ticks{align-items:flex-end;gap:2px;width:168px;height:18px;margin:12px 0 0 38px;display:flex}.tl .ticks i{background:var(--ink);opacity:.8;border-radius:1px;flex:1;min-height:1px}.scribble{background:var(--accent);color:#fff;height:22px;font-family:var(--type);letter-spacing:0;border-radius:999px;align-items:center;margin:10px 0 0 38px;padding:0 8px;font-size:11.5px;font-weight:500;display:inline-flex;position:static}.essay{columns:2 22em;font-family:var(--serif);color:var(--ink);word-break:keep-all;column-gap:56px;margin-top:20px;font-size:18px;line-height:1.9}.essay p{margin:0 0 1.1em}.byline{color:var(--muted);text-align:right;margin-top:8px;font-size:14px}.slip{background:var(--ink);color:#f2f2f2;border-radius:4px;margin:96px 0 0;padding:48px clamp(24px,5vw,64px);position:relative}.slip .tape{display:none}.slip-head{font-family:var(--type);letter-spacing:0;color:#b5b5b5;margin:0;font-size:12.5px}.slip h2{letter-spacing:-.015em;color:#fff;margin:10px 0 18px;font-size:clamp(36px,4.6vw,56px)}.slip .quote{font-family:var(--serif);color:#fff;max-width:30em;margin:0 0 10px;font-size:clamp(20px,2.4vw,26px);font-weight:700;line-height:1.5}.slip p{color:#d9d9d9;margin:0 0 8px;font-size:15.5px}.slip-cols{border-top:1px solid #3a3a3a;grid-template-columns:1fr 1fr;gap:48px;margin-top:32px;padding-top:24px;display:grid}.slip-sub{font-family:var(--type);letter-spacing:0;color:#b5b5b5;margin:0 0 10px;font-size:12.5px}.typed-list{margin:0;padding:0;font-size:14.5px;line-height:1.6;list-style:none}.typed-list li{border-bottom:1px solid #2c2c2c;grid-template-columns:3.6em minmax(0,1fr);column-gap:8px;padding:6px 0;display:grid}.typed-list b{font-family:var(--type);color:#b5b5b5;font-size:13px;font-weight:400}.typed-list .a{color:#b5b5b5}.bside{grid-template-columns:1fr 1fr;gap:0 56px;margin:0;padding:0;list-style:none;display:grid}.bside li{border-bottom:1px solid var(--line);padding:18px 0}.bside b{letter-spacing:-.02em;color:var(--ink);margin-bottom:4px;font-size:18px;font-weight:700;display:block}.bside span{color:var(--ink-2);font-size:15px}.credits{border-top:1px solid var(--ink);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 32px;margin:96px 0 0;display:grid}.credit{border-bottom:1px solid var(--line);padding:16px 0}.credits dt{font-family:var(--type);letter-spacing:0;color:var(--muted);font-size:12px}.credits dd{color:var(--ink);margin:4px 0 0;font-size:16px;font-weight:600;line-height:1.45}.colophon{color:var(--muted);margin-top:48px;font-size:13px;line-height:1.7}.colophon p{margin:0}.theme-mixtape{--mx-ink:#111;--mx-paper:#f3f2ee;--mx-hot:#ff4f1a;--mx-hi:#f2ee3a;--mx-gothic:"Black Han Sans","Apple SD Gothic Neo",sans-serif;--mx-big:"Anton","Black Han Sans",Impact,sans-serif;--mx-marker:"Nanum Brush Script",cursive;color:var(--mx-ink);background-color:var(--mx-paper);background-image:repeating-linear-gradient(0deg,#0000 0 97px,#0000000d 97px 98px),radial-gradient(circle at 12% 18%,#00000012 0 1px,#0000 1.5px),radial-gradient(circle at 63% 71%,#0000000f 0 1px,#0000 1.5px);background-size:auto,23px 29px,31px 37px;font-family:Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif;box-shadow:0 0 0 1px #00000014,0 26px 50px -30px #000000a6}.theme-mixtape .catalog{font-family:var(--mx-big);letter-spacing:.14em;color:var(--mx-paper);background:var(--mx-ink);border:0;padding:7px 12px;font-size:14px;transform:rotate(-.6deg)}.theme-mixtape .front{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.theme-mixtape .photo{box-shadow:4px 5px 0 var(--mx-ink);background:#fff;padding:0;transform:rotate(2.2deg)}.theme-mixtape .photo canvas,.theme-mixtape .photo img{filter:grayscale()contrast(1.5)brightness(1.04)}.theme-mixtape .photo img{mix-blend-mode:multiply}.theme-mixtape .photo:after{content:"";pointer-events:none;mix-blend-mode:multiply;opacity:.55;background:radial-gradient(circle,#0003 .9px,#0000 1.3px) 0 0/5px 5px;position:absolute;inset:0}.theme-mixtape .photo .tape{opacity:.92;background:#9a9a96 repeating-linear-gradient(90deg,#ffffff14 0 2px,#0000 2px 5px);width:120px;height:30px;top:-14px;left:-24px;transform:rotate(-32deg)}.theme-mixtape .photo .cap{font-family:var(--mx-big);letter-spacing:.06em;color:var(--mx-ink);background:var(--mx-hi);z-index:2;padding:3px 10px;font-size:15px;bottom:-16px;left:auto;right:-14px;transform:rotate(-3deg)}.theme-mixtape .edition{font-family:var(--mx-big);letter-spacing:.1em;color:var(--mx-hot);font-size:15px}.theme-mixtape .title-block h1{font-family:var(--mx-gothic);letter-spacing:-.01em;background:var(--mx-ink);color:var(--mx-paper);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:2px 12px;font-size:clamp(44px,6.6vw,80px);font-weight:400;line-height:1.02;display:inline}.theme-mixtape .genre{font-family:var(--mx-big);letter-spacing:.04em;text-transform:uppercase;margin-top:20px;font-size:20px;font-style:normal}.theme-mixtape .genre-ko{font-family:var(--mx-marker);color:#2440a8;font-size:24px;display:inline-block;transform:rotate(-1.5deg)}.theme-mixtape .counts{font-family:var(--mx-big);letter-spacing:.08em;border-top:3px solid var(--mx-ink);font-size:16px}.theme-mixtape .made{color:#666}.theme-mixtape .part-head{border-bottom:4px solid var(--mx-ink)}.theme-mixtape .part-head h2{font-family:var(--mx-big);letter-spacing:.04em;font-size:34px;font-weight:400;line-height:1}.theme-mixtape .part-head span{color:#555}.theme-mixtape .side-name{font-family:var(--mx-big);letter-spacing:.06em;background:var(--mx-hot);color:#fff;padding:0 10px;font-size:22px;display:inline-block;transform:rotate(-2deg)}.theme-mixtape .tl li{border-bottom:2px solid var(--mx-ink)}.theme-mixtape .tl .no{font-family:var(--mx-big);width:44px;font-size:26px;line-height:1}.theme-mixtape .tl .name{font-family:var(--mx-gothic);font-size:21px;font-weight:400;line-height:1.25}.theme-mixtape .tl .lead{border:0}.theme-mixtape .tl .cnt{font-family:var(--mx-big);letter-spacing:.04em;background:var(--mx-ink);color:#fff;border-radius:999px;padding:3px 10px;font-size:14px;transform:rotate(4deg)}.theme-mixtape .tl .when,.theme-mixtape .tl .note,.theme-mixtape .tl .rep,.theme-mixtape .tl .ticks{margin-left:52px}.theme-mixtape .tl .note{color:#333}.theme-mixtape .tl .ticks i{background:var(--mx-ink);opacity:.9}.theme-mixtape .scribble{font-family:var(--mx-marker);color:var(--mx-hot);font-size:28px;top:-30px;right:-10px;transform:rotate(-6deg)}.theme-mixtape .tl li:has(.scribble) .name{text-decoration:underline;-webkit-text-decoration-color:var(--mx-hi);text-decoration-color:var(--mx-hi);text-underline-offset:-.25em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.5em}.theme-mixtape .essay{font-family:var(--type);box-shadow:3px 3px 0 var(--mx-ink);border:1.5px solid var(--mx-ink);column-rule:1px dashed #999;background:#fff;padding:22px 26px;font-size:14.5px;line-height:1.85;transform:rotate(-.5deg)}.theme-mixtape .essay p{text-indent:0}.theme-mixtape .byline{font-family:var(--mx-marker);color:var(--mx-ink);font-size:26px}.theme-mixtape .slip{background:var(--mx-ink);color:#f3f2ee;box-shadow:5px 6px 0 var(--mx-hot);transform:rotate(1deg)}.theme-mixtape .slip .tape{opacity:.9;background:#9a9a96;width:110px}.theme-mixtape .slip-head{color:#bbb}.theme-mixtape .slip h2{font-family:var(--mx-big);letter-spacing:.03em;color:var(--mx-hi);font-size:44px;font-weight:400}.theme-mixtape .slip .quote{font-family:var(--mx-gothic);color:#fff;font-size:30px}.theme-mixtape .slip-sub,.theme-mixtape .typed-list b,.theme-mixtape .typed-list .a{color:#9c9c9c}.theme-mixtape .bside li{border-bottom:2px solid var(--mx-ink)}.theme-mixtape .bside b{font-family:var(--mx-gothic);font-size:18px;font-weight:400}.theme-mixtape .credits{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.theme-mixtape .credits dt{display:none}.theme-mixtape .credits dd{font-family:var(--mx-big);letter-spacing:.05em;border:2.5px solid var(--mx-ink);padding:6px 12px;font-size:15px;font-weight:400;transform:rotate(-1.5deg)}.theme-mixtape .credits dd:nth-of-type(2n){background:var(--mx-hi);transform:rotate(1.8deg)}.theme-mixtape .credits dd:before{content:attr(data-role);font-family:var(--type);letter-spacing:.14em;color:#555;font-size:13px;display:block}.theme-mixtape .colophon{border-top:3px solid var(--mx-ink);color:#555}.theme-mixtape .scribble{letter-spacing:0;background:0 0;height:auto;margin:0;padding:0;font-weight:400;position:absolute}.theme-mixtape .photo .cap{margin:0;display:block;position:absolute}.theme-mixtape .photo .tape,.theme-mixtape .slip .tape{display:block;position:absolute}.theme-mixtape .photo{margin:0;padding:0}.theme-mixtape .tl .lead{border:0;flex:1;display:block}.theme-mixtape .typed-list li{border-bottom-color:#333}.theme-mixtape .credits{border-top:0}.theme-mixtape .credit{border:0;padding:0}.theme-mixtape .credits dd{border-bottom:0;padding:6px 12px}.title-block h1{letter-spacing:-.015em;font-size:clamp(44px,5.8vw,80px);line-height:1.12}.genre{font-family:var(--serif);font-size:21px;font-weight:500}.part-head h2{letter-spacing:-.01em}.tl .name{font-family:var(--serif);letter-spacing:-.005em;font-weight:600}.tl .no{color:var(--muted);font-size:14px;font-weight:600}.side-name{font-size:14px;font-weight:700}.catalog,.counts,.edition,.slip-head,.slip-sub,.credits dt,.ledger .m,.ledger .n,.sub,.card-head{letter-spacing:0}.scribble{font-family:var(--sans);letter-spacing:0;font-size:12px;font-weight:600}.slip h2,.essay{font-family:var(--serif)}.bside b,.sleeve-title{font-family:var(--serif);font-weight:600}.stamp{font-family:var(--sans)}@media (width<=860px){.front,.sides,.slip-cols,.bside{grid-template-columns:1fr}.front{gap:28px}.part,.slip,.credits{margin-top:64px}.tl .when,.tl .note,.tl .rep,.tl .ticks,.scribble{margin-left:0}}.insert .sides{grid-template-columns:1fr;gap:8px}.insert .tl li.trk{grid-template-columns:168px minmax(0,1fr);align-items:start;gap:28px;padding:28px 0;display:grid}.trk-art{aspect-ratio:16/9;background:var(--bg-2);border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.trk-art img{object-fit:cover;width:100%;height:100%;display:block}.trk-art span{font-family:var(--serif);color:var(--muted);font-size:28px;font-weight:700}.trk-meta{color:var(--muted);margin:0;font-size:13px}.trk-meta b{color:var(--ink);margin-right:6px}.trk-song{letter-spacing:-.025em;word-break:keep-all;font-size:clamp(26px,3.2vw,38px);font-weight:800;line-height:1.15;font-family:var(--sans)!important;margin:6px 0 0!important}.trk-artist{color:var(--ink-2);margin:6px 0 0;font-size:17px;font-weight:600}.trk-mood{font-family:var(--serif);color:var(--ink);margin:16px 0 0;font-size:17px;font-weight:600;display:inline-block}.trk-mood:before{content:"— ";color:var(--muted)}.trk-note{color:var(--ink-2);max-width:40em;margin:4px 0 0;font-size:15.5px;line-height:1.7}.trk-also{color:var(--muted);margin:8px 0 0;font-size:13px}.insert .trk .ticks{margin:14px 0 0}.insert .trk .scribble{margin:12px 0 0 10px}.typed-list li{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 0;display:grid}.tl-thumb{aspect-ratio:16/9;object-fit:cover;background:#2a2a2a;border-radius:3px;width:56px;display:block}.tl-song{flex-direction:column;min-width:0;display:flex}.tl-song b{color:#fff;font-size:16.5px;font-weight:700;line-height:1.35}.tl-song .a{color:#b5b5b5;font-size:13.5px}.typed-list em{color:#b5b5b5;font-size:13px;font-style:normal}.theme-mixtape .trk-art{border:2.5px solid var(--mx-ink);filter:grayscale()contrast(1.3);border-radius:0}.theme-mixtape .trk-song{font-weight:400;font-family:var(--mx-gothic)!important}.theme-mixtape .trk-mood{font-family:var(--mx-marker);color:#2440a8;font-size:24px}.theme-mixtape .tl li.trk{border-bottom:2px solid var(--mx-ink)}@media (width<=860px){.insert .tl li.trk{grid-template-columns:1fr;gap:14px}.trk-art{max-width:280px}}.theme-mixtape .trk .ticks,.theme-mixtape .trk .note{margin-left:0}.trk-profile{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 0;display:flex}.trk-emotion{background:var(--ink);color:#fff;border-radius:999px;align-items:center;height:28px;padding:0 12px;font-size:13.5px;font-weight:700;display:inline-flex}.trk-status{color:var(--ink);font-size:17px;font-weight:600}.trk-status:before{content:"“"}.trk-status:after{content:"”"}.theme-mixtape .trk-emotion{background:var(--mx-hot);font-family:var(--mx-gothic);border-radius:0;font-weight:400;transform:rotate(-2deg)}.theme-mixtape .trk-status{font-family:var(--mx-marker);color:#2440a8;font-size:26px;font-weight:400}.trk-art{aspect-ratio:1;border-radius:4px;box-shadow:0 10px 24px -14px #0000008c}.insert .tl li.trk{grid-template-columns:200px minmax(0,1fr)}.tl-thumb{aspect-ratio:1;object-fit:cover;width:48px}.typed-list li{grid-template-columns:48px minmax(0,1fr) auto}.typed-list.no-count li{grid-template-columns:48px minmax(0,1fr)}@media (width<=860px){.insert .tl li.trk{grid-template-columns:1fr}.trk-art{width:100%;max-width:420px}}.hidden-jumps{flex-wrap:wrap;gap:10px;margin:22px 0 0;display:flex}.hidden-jumps button{background:var(--ink);color:#fff;min-height:46px;font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 18px 0 6px;font-size:15px;font-weight:700;display:inline-flex}.hidden-jumps i{width:34px;height:34px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-size:12px;font-style:normal;font-weight:800;display:grid}.hidden-jumps button:hover{background:#333}.bonus{margin:88px 0 0}.bonus-tag{letter-spacing:.02em;color:var(--muted);margin:0;font-size:13px;font-weight:700}.bonus h2{letter-spacing:-.03em;font-size:clamp(44px,7vw,76px);font-weight:900;line-height:1;font-family:var(--sans)!important;margin:10px 0 0!important}.bonus-quote{font-family:var(--serif);color:inherit;margin:20px 0 0;font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.45}.bonus-note{max-width:40em;margin:10px 0 0;font-size:16px;line-height:1.75}.bonus-lead{color:var(--muted);margin:12px 0 0;font-size:16px}.bonus-sub{letter-spacing:.02em;opacity:.75;margin:36px 0 14px;font-size:13.5px;font-weight:700}.night-card{color:#ececf1;background:#0f0f14;border-radius:20px;padding:clamp(28px,5vw,56px)}.night-card h2{color:#fff}.night-card .bonus-tag{color:#9a9aa8}.night-card .bonus-quote{color:#fff}.night-card .bonus-note{color:#c9c9d3}.cov{aspect-ratio:1;object-fit:cover;background:#2a2a33;border-radius:4px;flex:none;display:block}.cov.big{border-radius:6px;width:100%;box-shadow:0 12px 28px -16px #0009}.cov.empty{background:repeating-linear-gradient(45deg,#2a2a33 0 6px,#33333d 6px 12px)}.insert:not(.theme-x) .bside-card .cov.empty{background:var(--bg-2)}.big-songs{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.big-songs li{grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.big-songs .cov{width:84px}.big-songs b{letter-spacing:-.02em;color:#fff;font-size:clamp(20px,2.6vw,26px);font-weight:800;line-height:1.2;display:block}.big-songs small{color:#b5b5c2;margin-top:4px;font-size:15px;display:block}.big-songs em{color:#9a9aa8;font-size:14px;font-style:normal}.session ol{margin:0;padding:0;list-style:none}.session li{border-bottom:1px solid #24242c;grid-template-columns:52px 44px minmax(0,1fr);align-items:center;gap:14px;padding:9px 0;display:grid}.session time{color:#9a9aa8;font-variant-numeric:tabular-nums;font-size:13.5px}.session .cov{width:44px}.session b{color:#fff;font-size:16px;font-weight:700;line-height:1.3;display:block}.session small{color:#a3a3b0;font-size:13px;display:block}.session .more{color:#ececf1;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:1.5px solid #4a4a56;border-radius:999px;margin-top:16px;padding:0 18px;font-size:14px;font-weight:600}.bside-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;margin-top:28px;display:grid}.bside-card h3{letter-spacing:-.02em;font-size:clamp(20px,2.4vw,26px);font-weight:800;line-height:1.2;font-family:var(--sans)!important;margin:16px 0 0!important}.bside-artist{color:var(--ink-2);margin:4px 0 0;font-size:15px;font-weight:600}.bside-note{color:var(--ink-2);margin:10px 0 0;font-size:15px;line-height:1.7}.theme-mixtape .night-card{background:var(--mx-ink);box-shadow:6px 7px 0 var(--mx-hot);transform:rotate(-.4deg)}.theme-mixtape .bonus h2{letter-spacing:.02em;font-weight:400;font-family:var(--mx-big)!important}.theme-mixtape .hidden-jumps button{background:var(--mx-hot);border-radius:0}@media (width<=860px){.bside-grid{grid-template-columns:1fr 1fr;gap:28px 16px}.big-songs li{grid-template-columns:64px minmax(0,1fr) auto;gap:14px}.big-songs .cov{width:64px}}.trk-said{font-family:var(--serif);color:var(--ink);margin:18px 0 0;font-size:clamp(20px,2.4vw,24px);font-weight:700;line-height:1.45}.trk-said small{font-family:var(--sans);color:var(--muted);margin-bottom:4px;font-size:12.5px;font-weight:600;display:block}.trk-note{max-width:36em;margin-top:12px!important;font-size:16.5px!important;line-height:1.85!important}.theme-mixtape .trk-said{font-family:var(--mx-marker);color:#2440a8;font-size:30px;font-weight:400}.insert .tl li.trk:has(.trk-turn){padding-top:0}.trk-turn{font-family:var(--serif);color:var(--ink-2);grid-column:1/-1;margin:0 0 26px;padding:30px 0 0 26px;font-size:16.5px;font-style:italic;line-height:1.6;position:relative}.trk-turn:before{content:"";border-left:2px dashed #b9b9b3;position:absolute;top:0;bottom:4px;left:6px}.trk-turn:after{content:"";background:var(--ink);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;left:1px}.insert .tl li.trk:has(.trk-turn){border-top:0}.hidden-pick{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:end;gap:32px;margin-top:32px;display:grid}.hidden-pick h3{letter-spacing:-.03em;color:#fff;font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.1;font-family:var(--sans)!important;margin:0!important}.hp-artist{color:#c9c9d3;margin:8px 0 0;font-size:17px;font-weight:600}.night-card .trk-said{color:#fff}.night-card .trk-said small{color:#9a9aa8}.night-card .bonus-note{margin-top:28px;font-size:16.5px;line-height:1.85}.session{margin-top:28px}.session ol{margin-top:16px}@media (width<=860px){.hidden-pick{grid-template-columns:1fr;gap:20px}}.trk-said{font-style:normal}.trk-said:before{content:"“"}.trk-said:after{content:"”"}.trk-meta{align-items:baseline;gap:8px;display:flex}.trk-plays{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.hidden-pick .hp-plays{color:#9a9aa8;margin:6px 0 0;font-size:14px}.trk-when{flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:12px;margin:0 0 14px;display:flex}.trk-when b{letter-spacing:-.02em;color:var(--ink);font-size:clamp(20px,2.4vw,24px);font-weight:800}.trk-when span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14.5px;font-weight:500}.theme-mixtape .trk-when b{font-family:var(--mx-big);letter-spacing:.03em;font-weight:400}.artist-name{color:var(--ink);margin:14px 0 0;font-size:clamp(18px,2.2vw,22px);font-weight:700}.locked{gap:9px;margin:14px 0 6px;padding:16px 0 4px;display:grid;position:relative}.locked i{filter:blur(.4px);background:linear-gradient(90deg,#e9e6de,#f3f1ea 60%,#e9e6de);border-radius:6px;height:11px;display:block}.locked span{color:var(--ink,#111);margin-top:6px;font-size:14px;font-weight:700}.night-card .locked i{background:#ffffff1f}.night-card .locked span{color:inherit}.paywall{border:1.5px solid var(--ink,#111);background:#fff;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:36px 0 8px;padding:26px 28px;display:flex}.paywall h2{letter-spacing:-.02em;margin:2px 0 6px;font-size:22px}.paywall p{color:#4a4a45;max-width:46ch;margin:0;font-size:15px}.paywall .pw-tag{color:#777;font-size:13px;font-weight:700}.title-track{background:var(--ink,#111);color:#fff;letter-spacing:.02em;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11.5px;font-weight:800}.trk-meta .trk-plays{margin-left:auto}.status-line{border:1px solid var(--line-2,#cfccc3);color:var(--ink,#111);background:#fff;border-radius:999px;align-items:center;gap:10px;margin:14px 0 4px;padding:8px 16px 8px 12px;font-size:16.5px;font-weight:600;display:inline-flex}.status-line span{background:var(--ink,#111);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;display:inline-grid}