@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f3f0e9;--ink:#252820;--muted:#797b70;--line:#d8d8cb;--orange:#ec6339;--green:#58643c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}main,.topbar,footer{max-width:1320px;margin:auto;padding-left:64px;padding-right:64px}.topbar{height:104px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:35px;font-weight:900;letter-spacing:-3px}.brand-dot{color:var(--orange);font-size:13px;vertical-align:top;display:inline-block;margin-top:9px;margin-left:5px}.brand-caption{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:20px}.topbar nav{margin-left:auto;display:flex;gap:32px;font-size:13px}.topbar nav span{margin-left:12px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:480px;align-items:center;gap:24px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px}.live-dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}h1{font-size:clamp(34px,3.4vw,49px);letter-spacing:-2.7px;line-height:1.35;margin:24px 0 20px;font-weight:800}.orange{color:var(--orange)}.intro{color:var(--muted);font-size:13px;line-height:1.95}.hero-link{display:inline-flex;gap:30px;border-bottom:1px solid var(--ink);padding:13px 0 9px;margin-top:18px;font-size:12px;font-weight:600}.hero-art{height:360px;position:relative;overflow:hidden}.art-caption{position:absolute;top:8px;left:12px;font-size:9px;letter-spacing:1.6px;line-height:1.7;color:var(--muted)}.record{position:absolute;width:286px;height:286px;right:4px;top:36px;border-radius:50%;background:repeating-radial-gradient(circle,#24271f 0px,#24271f 2px,#393b31 3px,#20231c 4px);box-shadow:9px 15px 25px #24282022;display:grid;place-items:center;transform:rotate(16deg)}.record-label{width:110px;height:110px;border-radius:50%;background:#dedbb7;display:flex;flex-direction:column;align-items:center;justify-content:center}.record-label>span{font-size:30px;font-weight:900}.record-label small{font-size:5px;letter-spacing:1px}.record-label i{width:9px;height:9px;background:var(--paper);border-radius:50%;margin-top:9px}.sleeve{position:absolute;left:22px;top:74px;width:252px;height:252px;background:#ed663e;transform:rotate(-10deg);box-shadow:8px 14px 20px #28291d26;padding:24px;overflow:hidden}.sleeve>span{font-size:37px;line-height:1;font-weight:900;letter-spacing:-2px;position:relative;z-index:1}.sleeve-lines{position:absolute;width:300px;height:165px;border-radius:50%;border:1px solid #353925;top:110px;left:-28px;box-shadow:0 8px 0 #ed663e,0 9px 0 #353925,0 17px 0 #ed663e,0 18px 0 #353925,0 26px 0 #ed663e,0 27px 0 #353925;transform:rotate(-28deg)}.sleeve small{position:absolute;bottom:20px;left:24px;font-size:7px;line-height:1.6;letter-spacing:1px}.sleeve b{position:absolute;right:22px;bottom:15px;font-size:36px}.art-index{position:absolute;right:7px;bottom:0;font-size:9px;letter-spacing:2px}.stats{display:flex;gap:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}.stats p{margin:0;display:flex;align-items:center;gap:14px}.stats b{font-size:32px;font-weight:500;letter-spacing:-1px}.stats p span{font-size:11px;color:var(--muted)}.stats-note{margin-left:auto;font-size:9px;line-height:1.7;letter-spacing:1px;display:flex;gap:22px;align-items:center}.stats-note>span{font-size:40px;color:var(--green)}.archive{padding:66px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-heading .eyebrow{color:var(--green);margin:0 0 10px}h2{font-size:29px;letter-spacing:-1.5px;margin:0}.section-heading h2 span{margin-left:18px;font-weight:400}.section-heading>p{color:var(--muted);font-size:12px;margin-bottom:6px}.controls{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:21px;border-bottom:1px solid var(--line)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:transparent;border-radius:30px;padding:9px 15px;font-size:11px;transition:background .2s}.chip:hover{background:#e2e4d7}.chip.active{background:var(--green);color:white;border-color:var(--green)}.search{display:flex;align-items:center;gap:10px;min-width:250px;border-bottom:1px solid #9b9d90;padding:8px 0}.search>span{font-size:25px;line-height:1}.search input{width:100%;border:0;background:transparent;outline-offset:1px;font-size:11px;min-width:0}.search kbd{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:0 5px}.sub-controls{display:flex;justify-content:space-between;align-items:center;margin:20px 0 23px;font-size:11px}.sub-controls p span{color:#929488;margin-left:5px}.sub-controls>div{display:flex;gap:15px}.select-label{color:var(--muted)}select{border:0;background:transparent;font-size:11px;padding:5px;cursor:pointer;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 22px}.album-card{display:block;min-width:0;text-align:left;padding:0;border:0;background:transparent}.cover{aspect-ratio:1;overflow:hidden;position:relative;background:#a9b3a3;color:#202c29;padding:17px;isolation:isolate;transition:transform .3s,box-shadow .3s}.album-card:hover .cover{transform:translateY(-5px);box-shadow:0 10px 20px #22251b20}.cover-top{position:absolute;top:16px;left:17px;right:17px;font-size:7px;font-weight:600;letter-spacing:1.5px;z-index:2}.cover-title{position:absolute;left:17px;right:17px;top:49px;line-height:1.02;font-size:clamp(21px,2.6vw,35px);font-weight:900;letter-spacing:-1.4px;overflow-wrap:anywhere;z-index:2}.cover-bottom{position:absolute;bottom:16px;left:17px;right:17px;font-size:8px;display:flex;justify-content:space-between;z-index:2;letter-spacing:.5px}.cover-shape{position:absolute;inset:35% -20% -45% 12%;border-radius:50%;border:30px solid #d5e341;transform:rotate(-25deg)}.cover-1{background:#dad5c4;color:#384039}.cover-1 .cover-shape{inset:15% -30% -15% 35%;border:0;background:repeating-linear-gradient(85deg,#859379 0 8px,transparent 8px 16px);border-radius:0;transform:rotate(35deg)}.cover-2{background:#242c32;color:#e3e3d5}.cover-2 .cover-shape{inset:28% 8% 14%;border:1px solid #c5c9ba;border-radius:50%;box-shadow:0 8px 0 #242c32,0 9px 0 #c5c9ba,0 17px 0 #242c32,0 18px 0 #c5c9ba,0 26px 0 #242c32,0 27px 0 #c5c9ba;transform:rotate(-35deg)}.cover-2 .cover-title{font-size:55px;font-weight:400}.cover-3{background:#713348;color:#f4b2a1}.cover-3 .cover-shape{inset:22% -15% -25% 35%;border:20px solid #c96666;border-radius:0;transform:rotate(25deg);box-shadow:0 0 0 15px #e3927b}.cover-4{background:#d96639;color:#252e24}.cover-4 .cover-shape{inset:38% -25% -15%;border-radius:0;border:0;background:repeating-linear-gradient(0deg,#d9dfb6 0 3px,transparent 3px 15px);transform:rotate(-20deg)}.cover-5{background:#b8cbe1;color:#224cab}.cover-5 .cover-shape{inset:30% -25% -30% 27%;border:40px solid #476ac6;box-shadow:0 0 0 10px #dbe6e7}.cover-6{background:#244340;color:#cbdfcc}.cover-6 .cover-shape{border:1px solid #75a093;inset:32% 15% -30%;box-shadow:0 0 0 12px #244340,0 0 0 13px #75a093,0 0 0 25px #244340,0 0 0 26px #75a093}.cover-7{background:#e8bb59;color:#5b432c}.cover-7 .cover-shape{border:0;border-radius:0;background:#bd6b3d;inset:35% 15% -35%;transform:rotate(45deg)}.card-meta{display:flex;justify-content:space-between;align-items:center;margin:15px 0 6px;font-size:9px;color:var(--muted)}.card-arrow{font-size:17px}.album-card h3{font-size:15px;font-weight:700;margin:0 0 4px;line-height:1.45;overflow-wrap:anywhere;letter-spacing:-.3px}.artist{margin:0;color:var(--muted);font-size:12px}.recommended{border-top:1px solid var(--line);margin-top:14px;padding-top:12px;display:flex;align-items:center;gap:6px;font-size:10px}.avatar{display:grid;place-items:center;width:22px;height:22px;background:#dfe3d2;border-radius:50%;font-size:9px;color:#616d49}.avatar-1{background:#e6d7cc;color:#936849}.avatar-2{background:#d4dde1;color:#537480}.avatar-3{background:#e6d4d7;color:#a06773}.recommend-label{color:var(--muted);margin-left:-3px}.collection-note{text-align:center;color:var(--muted);font-size:10px;margin:42px 0 0}.about{border-top:1px solid var(--line);padding:65px 0 70px;text-align:center}.about .eyebrow{color:var(--green)}.about h2{margin:20px 0;font-size:30px}.about>p:not(.eyebrow){line-height:2;color:var(--muted);font-size:13px}.about>a{display:inline-block;margin-top:15px;font-size:11px;border-bottom:1px solid var(--muted);padding-bottom:7px}footer{height:105px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px}footer>span{font-size:11px;color:var(--muted)}footer>a:last-child{margin-left:auto;font-size:11px}.empty{text-align:center;padding:70px 15px}.empty>span{font-size:40px;color:var(--green)}.empty p{color:var(--muted)}.empty button{background:var(--green);color:white;padding:12px 20px;border:0;border-radius:24px;margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:35px;max-width:800px;width:calc(100% - 40px);max-height:90vh;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#151b18aa;backdrop-filter:blur(5px)}.close{position:absolute;right:10px;top:5px;background:transparent;border:0;font-size:29px;z-index:5}#detail-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.detail-text h2{font-size:29px;overflow-wrap:anywhere;line-height:1.3}.detail-artist{font-size:18px;color:var(--muted)}.detail-person{font-size:12px;margin:22px 0}.listen-links{display:flex;flex-direction:column;gap:8px}.listen-links a{padding:12px;background:var(--green);color:white;font-size:12px}.listen-links a+ a{background:transparent;border:1px solid var(--line);color:var(--ink)}.detail-note{font-size:10px;color:var(--muted);line-height:1.8;margin-bottom:0}.modal-open{overflow:hidden}
@media(min-width:1500px){.hero{min-height:510px}}@media(max-width:1050px){main,.topbar,footer{padding-left:32px;padding-right:32px}.stats{gap:32px}.controls{flex-wrap:wrap}.search{min-width:220px;flex:1}.hero-art{transform:scale(.9);transform-origin:right center}.grid{gap:30px 16px}.cover-title{font-size:26px}.stats-note{font-size:8px;gap:12px}}@media(max-width:760px){main,.topbar,footer{padding-left:22px;padding-right:22px}.topbar{height:80px}.brand-caption{display:none}.topbar nav{gap:20px;font-size:11px}.hero{grid-template-columns:1fr;gap:0;padding:42px 0 25px}.hero h1{font-size:39px}.hero-art{width:360px;max-width:100%;height:325px;justify-self:center;transform:scale(.94);transform-origin:center}.record{width:255px;height:255px}.sleeve{width:225px;height:225px;left:8px;top:65px}.sleeve>span{font-size:33px}.stats{justify-content:space-between;gap:12px;padding:21px 0}.stats p{flex-direction:column;gap:3px;align-items:flex-start}.stats b{font-size:29px}.stats p span{font-size:10px}.stats-note{display:none}.archive{padding-top:45px}.section-heading{align-items:start}.section-heading>p{display:none}h2{font-size:26px}.controls{gap:16px}.chips{gap:5px}.chip{padding:8px 12px;font-size:10px}.search{flex-basis:100%;padding:10px 0}.sub-controls>div{gap:4px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.cover{padding:12px}.cover-top{left:12px;top:12px;font-size:6px;letter-spacing:.8px}.cover-title{left:12px;right:12px;top:37px;font-size:25px;letter-spacing:-1px}.cover-bottom{left:12px;right:12px;bottom:12px;font-size:7px}.cover-2 .cover-title{font-size:43px}.album-card h3{font-size:13px}.artist{font-size:11px}.card-meta{margin-top:10px}.collection-note{font-size:9px;line-height:1.8}.about{padding:45px 0}.about h2{font-size:25px}footer{gap:16px}footer>span{font-size:9px}#detail-content{grid-template-columns:1fr;gap:20px}dialog{max-width:420px;padding:30px 22px}.large{max-width:280px;width:100%;margin:auto}.detail-text h2{font-size:24px}.detail-person{margin:15px 0}.detail-artist{margin:10px 0}.detail-text .eyebrow{margin-top:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.spotify-cover{padding:0;background:#e2e1d8}.spotify-cover img{display:block;width:100%;height:100%;object-fit:contain}.spotify-cover img[hidden]{display:none}.cover-unavailable{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:var(--muted)}.cover-unavailable[hidden]{display:none}.detail-note a{text-decoration:underline;text-underline-offset:3px}