.search-container{position:relative;display:flex;align-items:center;min-height:2.5rem;min-width:2.5rem}.search-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background-color:initial;color:var(--color-text-secondary);cursor:pointer;border-radius:999px;transition:color var(--theme-transition-fast);z-index:2;position:relative}.search-toggle:hover,.search-toggle:focus-visible{color:var(--color-primary);background-color:initial;box-shadow:none;transform:none}.search-toggle.active{background-color:initial;color:var(--color-primary)}.theme-dark .search-toggle{color:var(--color-text-secondary-dark)}.theme-dark .search-toggle:hover,.theme-dark .search-toggle:focus-visible{color:var(--color-primary);background-color:initial}.search-form{position:absolute;right:0;top:50%;transform:translateY(-50%)translateX(.375rem)scale(.98);transform-origin:right center;display:flex;align-items:center;gap:var(--spacing-sm);width:min(20rem,calc(100vw - 2rem));max-width:0;padding:0;background-color:var(--color-bg);border:1px solid transparent;border-radius:999px;box-shadow:0 10px 24px rgba(15,23,42,.12);opacity:0;visibility:hidden;overflow:hidden;pointer-events:none;transition:opacity var(--transition-normal),transform var(--transition-normal),max-width var(--transition-normal),padding var(--transition-normal),border-color var(--theme-transition-fast),visibility var(--transition-normal);z-index:1}.search-form.active{max-width:min(18rem,calc(100vw - 2rem));padding:.5rem .875rem;border-color:var(--color-border);opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%)translateX(0)scale(1)}.theme-dark .search-form{background-color:var(--color-bg-dark);box-shadow:0 12px 28px rgba(2,6,23,.38)}.theme-dark .search-form.active{border-color:var(--color-border-dark)}.search-input{flex:1;min-width:0;padding:0;border:none;background-color:initial;color:var(--color-text);font-size:var(--font-size-sm);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.theme-dark .search-input::placeholder{color:var(--color-text-muted-dark)}@media(max-width:768px){.search-form.active{max-width:min(15rem,calc(100vw - 2rem))}}@media(max-width:480px){.search-toggle{width:2.25rem;height:2.25rem}.search-form.active{max-width:min(12.5rem,calc(100vw - 1.5rem));padding-inline:.75rem}.search-input{font-size:var(--font-size-sm)}}