.searchbar{position:relative;display:flex;align-items:center;gap:var(--space-sm);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-full);padding:6px 6px 6px 44px;width:100%;max-width:460px;box-shadow:0 1px 2px rgba(28,25,23,.04),0 6px 16px rgba(28,25,23,.06);transition:border-color .2s,box-shadow .2s}.searchbar:focus-within{border-color:var(--primary);box-shadow:0 1px 2px rgba(28,25,23,.04),0 8px 20px rgba(241,80,10,.12)}.searchbar-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;color:var(--text-light);pointer-events:none;transition:color .2s}.searchbar:focus-within .searchbar-icon{color:var(--primary)}.searchbar-input{flex:1 1;border:none;outline:none;background:transparent;font-size:15px;min-width:0}.searchbar-clear{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border:none;border-radius:var(--radius-full);background:var(--page-band);cursor:pointer;color:var(--text-light);transition:background .2s,color .2s}.searchbar-clear:hover{background:var(--border);color:var(--text)}.searchbar-button{flex-shrink:0;border:none;background:linear-gradient(135deg,#f7a13d,#f1500a);color:#fff;border-radius:var(--radius-full);padding:10px 22px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 6px 16px rgba(241,80,10,.26);transition:transform .2s,box-shadow .2s}.searchbar-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(241,80,10,.34)}