.search-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease}.search-modal.active{opacity:1;visibility:visible}.search-overlay{position:absolute;width:100%;height:100%;background:rgb(0 0 0 / .8)}.search-modal-content{position:relative;z-index:2;background:var(--bg-main);padding:40px;border-radius:8px;width:90%;max-width:600px;box-shadow:0 10px 25px rgb(0 0 0 / .5)}.search-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:2rem;color:var(--text-main);cursor:pointer}.search-form{display:flex;gap:10px;margin-top:15px}.search-field{flex-grow:1;padding:12px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);border-radius:4px}