@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Noto+Sans+KR:wght@300;400;500;600;700&family=Noto+Serif+KR:wght@600;700&display=swap');
:root{--paper:#f6f3eb;--ink:#191b19;--line:#d7d2c5;--green:#285844;--lime:#bae344}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif}.artist-header{height:92px;padding:0 clamp(22px,6vw,90px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.artist-header img{display:block;width:60px}.artist-header a:last-child{color:inherit;font-size:12px;text-decoration:none;border-bottom:1px solid;padding-bottom:5px}main{max-width:1380px;margin:auto;padding:90px 40px 130px}.artist-intro{text-align:center}.kicker{font:10px monospace;letter-spacing:2px;color:#657068}.artist-intro h1{font:700 clamp(38px,5vw,62px) 'Noto Serif KR';letter-spacing:-3px;margin:14px 0 18px}.artist-intro>p:not(.kicker){color:#666}.artist-intro ul{display:inline-block;text-align:left;margin:30px auto 80px;padding:20px 30px;list-style:'—  ';background:#eee9de;font-size:12px;line-height:2}.artist-intro a{color:var(--green)}.artist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:70px 55px}.artist-card{border:0;background:none;text-align:left;cursor:pointer;padding:0;color:inherit}.cover-stage{height:360px;background:#ece7dc;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}.cover-stage:after{content:'PRIVATE';position:absolute;right:12px;top:12px;font:9px monospace;letter-spacing:1px;color:#999}.cover-stage img{height:100%;max-width:54%;object-fit:cover;box-shadow:8px 13px 20px #0002;transition:.35s}.cover-stage img+img{margin-left:-35px;transform:rotate(4deg)}.artist-card:hover .cover-stage img:first-child{transform:translateY(-9px) rotate(-2deg)}.artist-card:hover .cover-stage img+img{transform:translateY(-9px) rotate(6deg)}.artist-card h2{font:600 20px 'Noto Serif KR';margin:20px 0 7px}.artist-card p{font-size:12px;color:#888;margin:0}.artist-card h2:after{content:'→';float:right}footer{background:var(--ink);color:#aaa;min-height:130px;padding:36px 6vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:10px}footer img{width:50px;filter:brightness(0) invert(1)}footer p:last-child{text-align:right}dialog{width:min(480px,calc(100% - 32px));border:0;padding:45px;background:var(--paper);box-shadow:0 25px 80px #0005}dialog::backdrop{background:#17251fcc;backdrop-filter:blur(5px)}dialog h2{font:600 27px 'Noto Serif KR';margin:12px 0}.dialog-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:28px;cursor:pointer}.selected-books{font-size:12px;color:#777;margin-bottom:28px}#artist-login label{font-size:12px;font-weight:600}#artist-login input{display:block;width:100%;padding:14px;border:1px solid var(--line);background:#fff;margin:7px 0 15px}#artist-login>button{width:100%;border:0;background:var(--green);color:#fff;padding:15px;cursor:pointer}.demo-note,.login-message{text-align:center;font-size:11px}.demo-note{color:#888}.login-message{color:#b43e2c;min-height:17px}.dashboard{position:fixed;z-index:20;inset:0;background:var(--paper);overflow:auto;padding:60px max(24px,calc((100vw - 1280px)/2))}.dashboard-head{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:25px}.dashboard-head h2{font:600 38px 'Noto Serif KR';margin:8px 0 0}.dashboard-head button{border:1px solid var(--ink);background:none;padding:10px 14px;cursor:pointer}.data-warning{background:#fff0cf;padding:13px 17px;font-size:11px;margin:22px 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-grid article{background:#fff;padding:25px}.metric-grid span,.metric-grid small{display:block;color:#777;font-size:11px}.metric-grid strong{font:46px 'DM Serif Display';display:inline-block;margin:18px 5px 0 0}.metric-grid .accent{background:var(--green);color:#fff}.metric-grid .accent span,.metric-grid .accent small{color:#d8e8df}.sales-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;margin-top:55px}.sales-detail h3{font:600 19px 'Noto Serif KR';border-bottom:1px solid var(--ink);padding-bottom:14px}.chart{height:260px;display:flex;align-items:end;gap:14px;border-bottom:1px solid var(--line);padding:20px}.chart-bar{flex:1;background:#9ec7b3;position:relative;min-height:15px}.chart-bar span{position:absolute;bottom:-28px;width:100%;text-align:center;font:9px monospace}.book-sales article{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.book-sales img{width:44px;height:58px;object-fit:cover}.book-sales h4{font-size:12px;margin:0}.book-sales strong{font:20px 'DM Serif Display'}[hidden]{display:none!important}@media(max-width:850px){main{padding:60px 18px 90px}.artist-intro ul{margin-bottom:50px;padding:18px 24px}.artist-grid{grid-template-columns:1fr 1fr;gap:45px 14px}.cover-stage{height:250px;padding:25px}.artist-card h2{font-size:15px}footer{grid-template-columns:1fr;gap:10px}footer p:last-child{text-align:left}.dashboard{padding:30px 18px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid strong{font-size:34px}.sales-detail{grid-template-columns:1fr}.dashboard-head h2{font-size:27px}}@media(max-width:520px){.artist-grid{grid-template-columns:1fr}.cover-stage{height:340px}.dashboard-head{align-items:start;gap:15px}.dashboard-head button{font-size:10px}}
