.search{width:min(25vw,360px);min-width:200px;height:40px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:40px;align-items:center;border-radius:9px;background:var(--field-surface);box-shadow:inset 0 0 0 1px var(--field-border);transition:background-color var(--ui-hover-duration) var(--ui-hover-ease),box-shadow var(--ui-hover-duration) var(--ui-hover-ease),--ui-text-emphasis var(--ui-hover-duration) var(--ui-hover-ease)}
.search:focus-within{background:var(--field-focus);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.32),0 0 0 3px rgba(var(--accent-rgb),.055),0 0 22px rgba(var(--accent-rgb),.055)}
.search svg{width:15px;height:15px;margin-left:12px;fill:none;stroke:var(--ink-muted);stroke-width:1.5;stroke-linecap:round}
.search input{width:100%;height:40px;padding:0 10px;border:0;outline:0;background:transparent;color:var(--ink);font-size:var(--ui-control-size);}
.search input::placeholder{color:var(--ink-muted)}
.search button{height:40px;padding:0 14px;border:0;background:transparent;color:var(--ink-muted);font-size:var(--ui-control-size);cursor:pointer;transition:color var(--ui-hover-duration) var(--ui-hover-ease),--ui-text-emphasis var(--ui-hover-duration) var(--ui-hover-ease)}
.search button:focus-visible{outline:1px solid rgba(var(--accent-rgb),.8);outline-offset:3px}
@media(max-width:600px),(pointer:coarse){.search{width:100%;min-width:0;height:44px;grid-template-rows:44px}.search input,.search button{height:44px;min-width:0}}
@media(prefers-reduced-motion:reduce){.search,.search button{transition:none}}