.search-wrapper{width:100%;margin:0 auto}.search-inner{display:flex;flex-direction:column;gap:var(--gap-stack)}.search-input-group{display:flex;align-items:center;gap:var(--gap-small)}.search-input-wrapper{display:flex;align-items:center;gap:var(--gap-icon-input);flex:1;min-width:0;background-color:var(--surface-input);padding:var(--pad-inline-input);border-radius:var(--radius-md);border:2px solid var(--border);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.search-input-wrapper:focus-within{border-color:var(--focus);box-shadow:0 0 0 var(--ring-size) color-mix(in srgb,var(--focus) var(--ring-opacity),transparent)}.dark .search-input-wrapper{background-color:var(--surface-input-dark);border-color:var(--border-dark)}.dark .search-input-wrapper:focus-within{border-color:var(--focus-dark);box-shadow:0 0 0 var(--ring-size) color-mix(in srgb,var(--focus-dark) var(--ring-opacity-dark),transparent)}.search-icon{width:var(--icon);height:var(--icon);flex-shrink:0;color:var(--content-secondary)}.search-custom-input{flex:1;min-width:0;width:100%;background-color:transparent;border:0;padding:0;font-size:var(--type-body-size);line-height:var(--line-height-l);letter-spacing:var(--letter-spacing-m);color:var(--content-primary);outline:0}.search-custom-input::placeholder{color:var(--content-secondary)}.dark .search-custom-input{color:var(--content-primary-dark)}.dark .search-custom-input::placeholder{color:var(--content-secondary)}:is(.search-clear-btn,.search-search-btn){display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1rem;font-size:var(--type-button-size);font-weight:var(--font-weight-medium);line-height:var(--line-height-s);letter-spacing:var(--letter-spacing-s);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),transform .1s ease;border:0;flex-shrink:0;white-space:nowrap;height:var(--control-h);min-width:5rem}:is(.search-clear-btn,.search-search-btn):focus-visible{outline:2px solid var(--focus);outline-offset:var(--nudge-focus)}.dark :is(.search-clear-btn,.search-search-btn):focus-visible{outline-color:var(--focus-dark)}.search-clear-btn{color:var(--content-secondary);background-color:transparent;border:1px solid var(--border)}.search-clear-btn:hover{color:var(--content-primary);background-color:var(--surface-input);border-color:var(--content-secondary)}.dark .search-clear-btn{color:var(--content-primary-dark);border-color:var(--border-dark)}.dark .search-clear-btn:hover{color:var(--content-primary-dark);background-color:var(--surface-input-dark);border-color:var(--content-primary-dark)}.search-search-btn{color:#fff;background-color:var(--brand)}.search-search-btn:hover{background-color:var(--brand-strong);box-shadow:0 4px 6px -1px #0000001a}.search-search-btn:active{transform:translateY(1px)}.dark .search-search-btn{background-color:var(--brand)}.dark .search-search-btn:hover{background-color:color-mix(in srgb,var(--brand) 82%,var(--color-primary-200) 18%)}.search-status-message{min-height:1.5rem;font-size:var(--type-meta-size);line-height:var(--line-height-s);letter-spacing:var(--letter-spacing-xl);color:var(--content-secondary);text-align:center;padding:var(--gap-small);transition:opacity var(--dur-fast) var(--ease-standard)}.search-status-filtering{color:var(--content-primary);font-weight:var(--font-weight-medium)}.search-status-no-results{color:var(--content-secondary);font-style:italic}.dark .search-status-message{color:var(--content-secondary)}.dark .search-status-filtering{color:var(--content-primary-dark)}.dark .search-status-no-results{color:var(--content-secondary)}.search-no-results{padding:var(--gap-page);text-align:center;color:var(--content-secondary);background-color:var(--surface-page);border-radius:var(--radius-md);border:1px dashed var(--border)}.dark .search-no-results{color:var(--content-secondary);background-color:var(--surface-page-dark);border-color:var(--border-dark)}@media(prefers-reduced-motion:reduce){:is(.search-inner,.search-clear-btn,.search-search-btn){transition:none}.search-search-btn:active{transform:none}}@media(max-width:1024px){.search-inner{padding:var(--wrapper-pad-sm)}.search-input-group{flex-direction:column;align-items:stretch}.search-input-wrapper{min-width:100%}:is(.search-clear-btn,.search-search-btn){width:100%}}