#loopress-app-search{--navy:#0d1b3e;--sky:#457b9d;--bg:#f1f6fb;--muted:#5b6b85;--line:#e3ebf4;color:var(--navy);text-align:left;display:flex}#loopress-app-search *,#loopress-app-search :before,#loopress-app-search :after{box-sizing:border-box}:where(#loopress-app-search) :where(h3,p,ul){margin:0;padding:0}.search-toggle{color:var(--navy);cursor:pointer;background:0 0;border:0;padding:4px;display:flex}.search-toggle:hover{color:var(--sky)}.search-overlay{z-index:100;background:#0d1b3e59;position:fixed;inset:0}.search-panel{border-bottom:1px solid var(--line);background:#fff;max-height:100%;padding:20px 16px 24px;overflow-y:auto;box-shadow:0 10px 30px #0d1b3e1a}.search-panel>*{max-width:760px;margin-inline:auto}.search-panel input{width:100%;font:inherit;color:var(--navy);border:1px solid #d6e4ef;border-radius:10px;padding:14px 16px;font-size:17px}.search-panel input:focus{outline:2px solid var(--sky);outline-offset:1px}.search-skeleton h3,.search-skeleton li>span{background:linear-gradient(90deg, var(--bg) 25%, var(--line) 50%, var(--bg) 75%) 0 0 / 200% 100%;border-radius:6px;animation:1.2s linear infinite search-shimmer}.search-skeleton h3{width:120px;height:12px}.search-skeleton li{align-items:center;gap:12px;padding:8px;display:flex}.search-skeleton .search-box{flex:none;width:40px;height:40px}.search-skeleton .search-line{height:16px}@keyframes search-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.search-skeleton *{animation:none!important}}.search-results section{margin-top:20px}.search-results h3{letter-spacing:2px;text-transform:uppercase;color:var(--sky);margin-bottom:6px;font-size:12px;font-weight:700}.search-results ul{list-style:none}.search-results li a{color:var(--navy);border-radius:8px;align-items:center;gap:12px;padding:8px;font-weight:600;text-decoration:none;display:flex}.search-results li a:hover,.search-results li a:focus-visible{background:var(--bg)}.search-results img,.search-results .search-thumb{object-fit:cover;background:linear-gradient(135deg,#a8dadc,#457b9d);border-radius:6px;flex:none;width:40px;height:40px}.search-empty{color:var(--muted);margin-top:20px;font-size:16px}.search-all{color:var(--sky);margin-top:16px;font-weight:600;display:inline-block}