/* 책 찾기 (2026-11-02) — reader-search.js 짝. 색은 책 화면 변수(--paper·--ink·--accent·--line)만 쓴다. */
#book-search{position:fixed;left:50%;transform:translateX(-50%);top:var(--search-top,52px);z-index:6;width:min(640px,calc(100vw - 16px));box-sizing:border-box;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.18);padding:10px 12px;font-family:"Malgun Gothic",sans-serif;font-size:16px}
#book-search[hidden]{display:none}
#book-search form{display:flex;gap:6px;align-items:center}
#search-input{flex:1 1 auto;min-width:0;font:inherit;font-size:17px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
#search-input:focus{outline:2px solid var(--accent);outline-offset:1px}
#book-search button{font:inherit;font-size:15px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:8px 12px;cursor:pointer;white-space:nowrap}
#book-search button[type=submit]{background:var(--accent);color:var(--paper);border-color:var(--accent)}
#book-search button:disabled{opacity:.45;cursor:default}
.search-row{display:flex;gap:6px;align-items:center;margin-top:8px;flex-wrap:wrap}
#search-count{flex:1 1 auto;color:var(--soft);font-size:15px}
#search-results{list-style:none;margin:8px 0 0;padding:0;max-height:min(46vh,420px);overflow:auto;border-top:1px solid var(--line)}
#search-results[hidden]{display:none}
#search-results li{border-bottom:1px solid var(--line)}
#search-results li button{display:block;width:100%;text-align:left;border:0;border-radius:0;padding:9px 4px;background:transparent;white-space:normal;line-height:1.5}
#search-results li button[aria-current]{background:color-mix(in srgb,var(--accent) 14%,transparent)}
.search-chapter{display:inline-block;margin-right:6px;font-size:13px;color:var(--accent);font-weight:700}
.search-snippet mark{background:color-mix(in srgb,var(--accent) 35%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.search-more{padding:8px 4px;color:var(--soft);font-size:14px}
::highlight(book-search){background-color:#FFB74D;color:#2E241D}
.chap p.search-flash{animation:search-flash 2.6s ease-out}
@keyframes search-flash{0%,60%{background:color-mix(in srgb,#FFB74D 45%,transparent)}100%{background:transparent}}
@media (max-width:640px){
  #book-search{padding:8px;border-radius:12px}
  #book-search button{padding:8px 10px}
  #search-results{max-height:42vh}
}
@media print{#book-search,#search-toggle{display:none}}