:root{font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;color:#17212b;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}header{background:#173f5f;color:white;padding:28px 0 22px}.wrap{width:min(1120px,92%);margin:auto}.brand{font-size:24px;font-weight:800}.brand span{font-size:12px;background:#fff2;padding:5px 8px;border-radius:99px}header p{margin:8px 0 0;color:#dbe8f2}.card{background:white;border:1px solid #e2e7ee;border-radius:18px;padding:20px;margin-top:22px;box-shadow:0 8px 24px #18334a0b}.controls{display:grid;gap:18px}label{font-weight:700}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.chips button,.secondary{border:1px solid #ccd6e0;background:white;padding:9px 14px;border-radius:10px;cursor:pointer}.chips button.active{background:#173f5f;color:white;border-color:#173f5f}.searchrow{display:flex;gap:8px;margin-top:9px}.searchrow input{flex:1;border:1px solid #ccd6e0;border-radius:10px;padding:11px}.searchrow button{background:#173f5f;color:white;border:0;border-radius:10px;padding:0 18px;font-weight:700}.lib-results{display:grid;gap:6px;margin-top:8px}.lib-result{padding:10px;border:1px solid #e2e7ee;border-radius:10px;cursor:pointer}.lib-result small{display:block;color:#6b7785}.selected{margin-top:8px;color:#116149;font-weight:700}.filters{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.filters label{font-weight:500}.filters select{padding:8px;border:1px solid #ccd6e0;border-radius:8px}.hint{font-size:13px;color:#687583;margin:0}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding-bottom:50px}.book{background:white;border:1px solid #e2e7ee;border-radius:16px;padding:17px;min-height:225px}.badges{display:flex;gap:6px;flex-wrap:wrap}.badge{font-size:12px;background:#edf3f7;padding:4px 7px;border-radius:7px}.score{background:#fff1d7}.book h3{font-size:18px;margin:12px 0 7px}.meta{color:#667482;font-size:13px;line-height:1.55}.status{border-top:1px solid #edf0f3;margin-top:13px;padding-top:12px;font-size:14px}.ok{color:#087b52;font-weight:800}.no{color:#8a4b3a}.loading{color:#6b7785}.call{font-size:12px;color:#56616d;margin-top:5px}.secondary:disabled{opacity:.45}.empty{text-align:center;padding:50px;color:#71808e;grid-column:1/-1}@media(max-width:600px){.toolbar{align-items:flex-start;gap:10px;flex-direction:column}.searchrow{flex-direction:column}.searchrow button{padding:11px}}