#yl-search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;z-index:1000}
#yl-search-modal{position:fixed;top:8vh;left:50%;transform:translateX(-50%);width:min(900px,94vw);background:#fff;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.25);z-index:1001;display:none;overflow:hidden}
#yl-search-head{padding:14px 16px;border-bottom:1px solid #eee;display:flex;gap:10px;align-items:center}
#yl-search-input{flex:1;padding:12px 14px;border:1px solid #ddd;border-radius:10px;font-size:16px}
#yl-search-close{background:#f5f5f5;border:1px solid #e6e6e6;border-radius:10px;padding:10px 12px;cursor:pointer}
#yl-search-body{padding:14px 16px;max-height:70vh;overflow:auto}
#yl-search-count{color:#666;font-size:14px;margin-bottom:10px}
#yl-search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.yl-card{border:1px solid #eee;border-radius:12px;padding:12px;background:#fff;display:flex;flex-direction:column}
.yl-card h3{margin:0 0 6px;font-size:16px;line-height:1.25}
.yl-snippet{color:#444;font-size:13px;line-height:1.35;margin:6px 0 10px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.yl-card a.yl-open{align-self:flex-start;background:#faa61a;color:#111;padding:8px 10px;border-radius:10px;font-weight:700;text-decoration:none}
.yl-card a.yl-open:hover{text-decoration:none;filter:brightness(.95)}
.yl-highlight{background:#fff2cc}
@media (max-width:560px){#yl-search-modal{top:4vh}}