.search-bar-container.svelte-yyldap{width:100%;max-width:1000px;margin:0 auto 20px;padding:0 16px}.search-bar.svelte-yyldap{background:var(--color-surface);border:1px solid var(--color-border);width:100%;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;padding:14px 18px;display:flex;position:relative}.search-bar.svelte-yyldap:hover{border-color:var(--color-border-subtle)}.search-bar.svelte-yyldap:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.search-icon.svelte-yyldap{opacity:.7;flex-shrink:0;margin-right:12px;font-size:1.1rem}.search-input.svelte-yyldap{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:1rem;font-weight:400;line-height:1.5}.search-input.svelte-yyldap::placeholder{color:var(--color-text-muted)}.clear-button.svelte-yyldap{background:var(--color-surface-elevated);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:12px;display:flex}@media (hover:hover){.clear-button.svelte-yyldap:hover{background:var(--color-hover);color:var(--color-text-primary)}}.clear-button.svelte-yyldap:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width:768px){.search-bar-container.svelte-yyldap{margin-bottom:16px;padding:0 12px}.search-bar.svelte-yyldap{padding:12px 14px}.search-input.svelte-yyldap,.search-icon.svelte-yyldap{font-size:1rem}}@media (max-width:480px){.search-bar-container.svelte-yyldap{padding:0 8px}.search-bar.svelte-yyldap{padding:10px 12px}.search-input.svelte-yyldap{font-size:1rem}}@media (prefers-reduced-motion:reduce){.search-bar.svelte-yyldap,.clear-button.svelte-yyldap{transition:none}}