body,html{transition:all cubic-bezier(.175,.885,.32,1.275)}:root,.light,.light-orange{--color-brand-primary:#ff5000;--color-text-disabled:#d4d4d8;--color-brand-secondary:#fff5f0;--color-brand-accent:#ff5000;--color-brand-primary-hover:#e64800;--color-brand-secondary-hover:#feece3;--color-brand-accent-hover:#e64800;--color-text-primary:#18181b;--color-text-secondary:#71717a;--color-text-placeholder:#a1a1aa;--color-text-on-brand:#fff;--color-text-link:#ff5000;--color-bg-body:#f3f4f6;--color-bg-surface:#fff;--color-bg-surface-hover:#e4e4e7;--color-bg-secondary:#f4f4f5;--color-bg-accent:#fffffffa;--color-border-primary:#e4e4e7;--color-border-secondary:#f3f4f6;--color-utility-success:#10b981;--color-utility-error:#ef4444;--color-utility-warning:#f59e0b;--color-utility-info:#3b82f6;--color-heading:#18181b;--auth-overlay-start:#fff6;--auth-overlay-end:#fff5f0e6;--shadow-color-rgb:0,0,0}.dark,.dark-blue{--color-brand-primary:#388bfd;--color-text-disabled:#3f3f46;--color-brand-secondary:#58a6ff1a;--color-brand-accent:#58a6ff;--color-brand-primary-hover:#6aa8fe;--color-brand-secondary-hover:#58a6ff33;--color-brand-accent-hover:#ff8c52;--color-text-primary:#f3f4f6;--color-text-secondary:#a1a1aa;--color-text-placeholder:#71717a;--color-text-on-brand:#fff;--color-text-link:#58a6ff;--color-bg-body:#0d1117;--color-bg-surface:#161b22;--color-bg-surface-hover:#202731;--color-bg-secondary:#ffffff08;--color-bg-accent:#000000b3;--color-border-primary:#18181b;--color-border-secondary:transparent;--color-utility-success:#34d399;--color-utility-error:#ef4444;--color-utility-warning:#f59e0b;--color-utility-info:#58a6ff;--color-heading:#fff;--auth-overlay-start:#121212cc;--auth-overlay-end:#0d1117e6;--shadow-color-rgb:0,0,0}.search-overlay-wrapper{z-index:1000;visibility:hidden;justify-content:center;align-items:center;transition:visibility .3s;display:flex;position:fixed;inset:0}.search-overlay-wrapper.is-open{visibility:visible}.search-overlay-wrapper.is-open .search-overlay-backdrop{opacity:1}.search-overlay-wrapper.is-open .search-overlay-container{opacity:1;transform:translateY(0)scale(1)}.search-overlay-wrapper.is-closing .search-overlay-backdrop{opacity:0}.search-overlay-wrapper.is-closing .search-overlay-container{opacity:0;transform:translateY(20px)}.search-overlay-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background-color:#0009;transition:opacity .3s;position:absolute;inset:0}.search-overlay-container{background-color:var(--color-bg-surface);opacity:0;flex-direction:column;width:100%;height:100%;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;transform:translateY(100%)}@media (min-width:768px){.search-overlay-container{border-radius:24px;width:800px;height:auto;max-height:85vh;padding:2rem;transform:scale(.95)}}.search-overlay__mobile-header{margin-bottom:1.5rem;display:flex}@media (min-width:768px){.search-overlay__mobile-header{display:none}}.search-overlay__back-btn{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;display:flex}.search-overlay__form{width:100%}.search-overlay__input-group{gap:.5rem;height:52px;display:flex}.search-overlay__input-wrapper{background-color:var(--color-bg-secondary);border:2px solid var(--color-border-secondary);border-radius:9999px;flex:1;align-items:center;padding:0 1rem;transition:all .2s ease-in-out;display:flex}.search-overlay__input-wrapper:focus-within{border-color:var(--color-brand-primary);background-color:var(--color-bg-surface);box-shadow:0 0 0 4px #ff50001a}.search-overlay__search-icon{color:var(--color-text-placeholder)}.search-overlay__input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:0 .75rem;font-family:inherit;font-size:1rem}.search-overlay__input::placeholder{color:var(--color-text-placeholder)}.search-overlay__clear{color:var(--color-text-placeholder);cursor:pointer;background:0 0;border:none;padding:.25rem}.search-overlay__clear:hover{color:#ef4444}.search-overlay__content{flex:1;margin-top:1rem;padding-left:.5rem;overflow-y:auto}.search-overlay__section{opacity:0;margin-top:2rem;animation:.4s forwards fadeInSlide}.search-overlay__section-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.search-overlay__tag{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;transition:all .2s}.search-overlay__tag:hover{background-color:var(--color-brand-secondary);color:var(--color-brand-primary);border-color:var(--color-brand-primary)}.search-overlay__history-row{border-radius:12px;justify-content:space-between;align-items:center;padding:0 .5rem;transition:background .2s;display:flex}.search-overlay__history-row:hover{background-color:var(--color-bg-secondary)}.search-overlay__history-row:hover .search-overlay__history-delete{opacity:1}.search-overlay__history-row:hover .search-overlay__arrow-icon{color:var(--color-brand-primary);transform:translate(2px,-2px)}.search-overlay__history-item{cursor:pointer;text-align:right;background:0 0;border:none;flex:1;align-items:center;padding:.75rem 0;display:flex}.search-overlay__history-delete{opacity:.4;color:var(--color-text-placeholder);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:all .2s}.search-overlay__history-delete:hover{opacity:1;color:#ef4444;background-color:#ff50001a}@media (max-width:768px){.search-overlay__history-delete{opacity:1}}.search-overlay__arrow-icon{color:var(--color-text-placeholder);transition:all .2s}.search-overlay__results-grid{flex-direction:column;gap:.75rem;display:flex}.search-overlay__result-item{background-color:var(--color-bg-secondary);cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:1rem;padding:.75rem;transition:all .2s;display:flex}.search-overlay__result-item:hover{border-color:var(--color-brand-primary);background-color:var(--color-bg-surface);box-shadow:0 1px 2px 0 rgba(var(--shadow-color-rgb),.05)}.search-overlay__result-item img{object-fit:cover;background-color:#fff;border-radius:8px;width:56px;height:56px}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-brand-primary)}
