@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#ecece7;background:#131614;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;background:#252925;color:#d5d9d0;border:1px solid #3b413a;padding:10px 15px;border-radius:6px}button:hover{border-color:#b9cf7c;color:#d8ef9e}button:focus-visible,a:focus-visible{outline:2px solid #c5dc8d;outline-offset:3px}.primary{background:#c7df91;color:#20291a;border-color:#c7df91;font-weight:700}.primary:hover{background:#e0f2b8;color:#20291a}header{height:78px;border-bottom:1px solid #343a32;display:flex;align-items:center;gap:30px;padding:0 5%}header>span{font-size:10px;letter-spacing:2px;color:#858f80}header>button{margin-left:auto;background:none}.brand{font-size:21px;color:#d0e6a0;text-decoration:none}main{max-width:1300px;margin:auto;padding:48px 42px 25px}.eyebrow{letter-spacing:2px;color:#b9ce8b;font-size:10px;font-weight:700}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}h1{font-size:48px;letter-spacing:-2px;line-height:1.25;margin:17px 0}h1 em{font-style:normal;color:#c7df91}.intro p{color:#9ba596;line-height:1.9;margin:0}.stamp{border:1px solid #58644b;color:#a7b78e;padding:20px 30px;text-align:center;transform:rotate(7deg);letter-spacing:2px;font-size:9px;line-height:2.1;margin-right:15px}.stamp strong{font-family:Georgia,serif;font-size:23px;font-weight:400}.workspace{border:1px solid #3d4538;border-radius:10px;overflow:hidden;background:#1d221d}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #394034;gap:15px}.toolbar input{display:block;background:none;color:#edf0e6;border:0;font-weight:700;font-size:18px;width:min(420px,100%);padding:0}.toolbar small{display:block;color:#7f8c78;font-size:10px;margin-top:7px}.actions{display:flex;gap:7px}.board-head{padding:15px 22px;display:flex;justify-content:space-between;font-size:11px;color:#aab49e}.row{display:flex;min-height:92px;border-top:1px solid #383e34}.rank{width:96px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color);color:#272a23;gap:3px}.rank input{background:none;border:0;width:90%;text-align:center;font-weight:900;font-size:23px;color:inherit}.rank small{font-size:9px;opacity:.75}.drop{display:flex;gap:7px;align-items:center;flex-wrap:wrap;flex:1;padding:8px;min-width:0;cursor:pointer}.drop:hover,.drop.over{background:#293127}.hint{color:#616c59;font-size:11px;margin-left:15px}.mini{width:64px;height:77px;position:relative;border:1px solid #58604e;padding:0;overflow:hidden;border-radius:3px;background:#30382b}.mini img{width:100%;height:100%;object-fit:cover}.mini span{font-size:9px;position:absolute;bottom:0;left:0;right:0;background:#111b;color:#fff;padding:3px}.selected{outline:2px solid #d2e69d;outline-offset:2px}.board-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;color:#8c9b80;font-size:10px}.board-foot button{font-size:11px;border:0;background:none;padding:6px}.library{margin-top:43px}.library-top{display:flex;align-items:center;justify-content:space-between}h2{font-size:23px;letter-spacing:-.7px;margin:9px 0 19px}h2 span{font-size:14px;color:#a8bc80;margin-left:7px}.filters{display:flex;gap:10px;margin-bottom:24px}.filters label{display:flex;align-items:center;gap:10px;border:1px solid #3b4436;border-radius:6px;padding:0 14px;flex:1;color:#aabd87}.filters input{background:none;border:0;outline:none;color:white;min-width:80px;width:100%;padding:12px 0}.filters select{background:#20261f;color:#cbd3c2;border:1px solid #3b4436;border-radius:6px;padding:0 12px}#cards{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px}.card{padding:0;background:none;border:0;text-align:left;position:relative;min-width:0}.poster{height:185px;border-radius:6px;background:linear-gradient(140deg,#495746,#232c21);overflow:hidden;display:flex;align-items:center;justify-content:center}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.card:hover img{transform:scale(1.05)}.poster>span{padding:15px;font-family:Georgia,serif;font-size:23px;color:#dce8c8}.card b{display:block;font-size:12px;color:#dbe2d1;line-height:1.6;margin-top:10px}.card small{display:block;color:#7d8b73;font-size:10px;margin-top:5px}.badge{position:absolute;top:8px;left:8px;border-radius:3px;padding:3px 6px;background:#151c12de;color:#d6eaa9;font-size:9px}.card.placed{opacity:.5}footer{margin-top:50px;border-top:1px solid #333c2e;padding:25px 0 10px;display:flex;justify-content:space-between;color:#95a283;font-size:12px}footer small{margin-left:15px;font-size:10px;color:#64715c}a{color:#a9bb8d}.note{font-size:10px;color:#65715d;line-height:1.8}dialog{background:#222a20;color:#edf1e5;border:1px solid #667654;border-radius:12px;padding:28px;width:min(430px,90vw)}dialog::backdrop{background:#000a}dialog label{display:block;margin:15px 0}dialog input{display:block;width:100%;margin-top:8px;background:#151c13;color:white;border:1px solid #56634a;padding:10px}dialog p{font-size:12px;color:#9ba98e}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 24px;border-radius:8px;background:#cee49f;color:#202c18;display:none;z-index:10}#empty{text-align:center;padding:40px;color:#a9b59c}@media(max-width:900px){main{padding:30px 20px}#cards{grid-template-columns:repeat(4,1fr)}h1{font-size:38px}.stamp{display:none}.toolbar{align-items:stretch;flex-direction:column}.filters{flex-wrap:wrap}.filters label{flex-basis:100%}.poster{height:190px}}@media(max-width:520px){header{height:65px;padding:0 20px}header>span{display:none}h1{font-size:32px}#cards{grid-template-columns:repeat(2,1fr)}.poster{height:230px}.rank{width:66px}.rank input{font-size:20px}.board-foot{gap:10px}.library-top button{font-size:11px}.filters button,.filters select{font-size:11px}footer{gap:18px;flex-direction:column}.hint{font-size:10px}.actions button{font-size:12px}}

.filters{flex-wrap:wrap}.filters label{flex-basis:100%}.filters select{min-height:40px}.new-label{color:#d1eaa2}.more-wrap{text-align:center;margin:28px 0}.catalog-policy{font-size:11px;color:#91a280;line-height:1.9;margin:20px 0}.catalog-policy summary{cursor:pointer}#results-count{margin-bottom:18px}#cards{align-items:start}#cards .card{align-self:start}@media(min-width:901px){.poster{height:180px}}