.autocomplete{position:relative;width:100%}.autocomplete input{width:100%;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(from var(--panel) h s l/1);color:var(--text);padding:10px 14px;font-size:.95rem;font-weight:600;transition:border-color .2s ease,background .2s ease,color .2s ease}.autocomplete input::placeholder{color:hsl(var(--muted));font-weight:500}.autocomplete input:hover{border-color:hsl(var(--electric-blue)/.55)}.autocomplete input:focus-visible{outline:none;border-color:hsl(var(--electric-blue)/.7)}.autocomplete .suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:240px;overflow-y:auto;background:hsl(from var(--panel) h s l/1);border:1px solid hsl(var(--border));border-radius:12px;z-index:6;list-style:none;margin:0;padding:8px;display:grid;gap:4px}.autocomplete .suggestions li{margin:0;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:.95rem;color:var(--muted);font-weight:500;transition:background .2s ease,color .2s ease}.autocomplete .suggestions li.active,.autocomplete .suggestions li:hover{color:var(--text);background:linear-gradient(90deg,hsl(var(--electric-blue)/.18),hsl(var(--magenta)/.18))}