:root{--color-bg-primary:#f9f9f9;--color-bg-white:#fff;--color-text-gray:#9aa0a6;--color-text-dark:#3d3d3d;--color-border:#ddd;--color-hover:#f5f5f5;--color-icon:#aaa;--color-label:#666;--gradient-border:linear-gradient(90deg,#f77,#728aff,#f77);--gradient-shimmer:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,0));--shadow-dropdown:0 2px 4px rgba(0,0,0,.1);--shadow-focus:0 6px 8px rgba(0,0,0,.2);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--transition-default:all 0.2s ease}.search-container{width:100%;height:100%;max-height:64px;max-width:752px;margin:0 auto}.search-form{width:100%}.search-input-group{display:flex;align-items:center;background:var(--color-bg-primary);border-radius:8px;padding:var(--spacing-xs);gap:var(--spacing-sm);position:relative;transition:var(--transition-default)}.search-input-group:focus-within:not(:has(.search-engine-dropdown:focus-within)){background:var(--color-bg-white);box-shadow:var(--shadow-focus)}.search-input-group:focus-within:not(:has(.search-engine-dropdown:focus-within)):after{content:"";position:absolute;inset:-2px;border-radius:10px;padding:2px;background:var(--gradient-border);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;background-size:200% auto;animation:gradient 5s linear infinite}@keyframes gradient{to{background-position:200%}}.search-input-group:focus-within:not(:has(.search-engine-dropdown:focus-within)) .search-engine-button{background:var(--color-bg-white)}.search-input-group:focus-within .search-button{background:var(--color-bg-white);color:var(--color-text-dark)}.search-engines{display:flex;gap:8px;padding-left:8px}.engine-button{padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.engine-button:hover{background-color:rgba(0,0,0,.05)}.engine-button.active{background-color:#fff}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.search-suggestion{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);pointer-events:none;width:calc(100% - 16px)}.search-suggestion,.suggestion-completion{color:var(--color-text-gray);white-space:pre;overflow:hidden}.suggestion-completion{display:inline-flex;align-items:center;gap:var(--spacing-xs);text-overflow:ellipsis;position:relative}.suggestion-completion:after{content:"";position:absolute;inset:0;background:var(--gradient-shimmer);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.tab-icon{color:var(--color-text-dark);margin-left:var(--spacing-xs);opacity:.7;position:relative;z-index:2}.search-input{flex:1;border:none;outline:none;font-size:16px;background:transparent!important;padding:var(--spacing-sm);min-width:0;font-family:inherit;position:relative;z-index:1;width:100%;white-space:pre}.search-engine-select{outline:none}.search-engine-select optgroup{font-weight:500;color:#000}.search-engine-select option{font-weight:400;padding:4px}.search-engine-dropdown{position:relative;display:inline-block}.search-engine-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--spacing-xs);background:var(
    --color-bg-primary
  );cursor:pointer;transition:var(--transition-default)}.search-engine-icon{width:20px;height:20px}.search-engine-options{position:absolute;top:100%;left:0;width:200px;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--spacing-xs);box-shadow:var(--shadow-dropdown);display:none}.search-engine-dropdown:hover .search-engine-options{display:block}.optgroup{padding:var(--spacing-sm) 0}.optgroup-label{padding:var(--spacing-xs) var(--spacing-md);color:var(--color-label);font-size:.9em}.search-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;cursor:pointer}.search-option:hover{background-color:var(--color-hover)}.search-option img{width:16px;height:16px}.search-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background:transparent;border:none;border-radius:var(--spacing-xs);cursor:pointer;transition:var(--transition-default);color:var(--color-icon)}.search-button:hover{color:var(--color-text-dark)}