.cb{position:relative;z-index:5;max-width:560px;margin:0 auto 1.75rem;text-align:left}.cb-field{position:relative;display:flex;align-items:center;gap:.75rem;padding:.875rem .5rem .875rem .25rem;background:transparent}.cb-icon{color:var(--muted-foreground);opacity:.7;flex-shrink:0;transition:opacity .25s ease,transform .25s ease,color .25s ease}.cb-field:focus-within .cb-icon{opacity:1;transform:translate(1px) rotate(-6deg);color:var(--primary)}.cb-input{flex:1;min-width:0;background:transparent;border:0;outline:none;padding:0;font-family:var(--font-display);font-size:clamp(1.125rem,2.4vw,1.375rem);font-weight:400;letter-spacing:-.01em;color:var(--foreground);caret-color:var(--primary)}.cb-input::placeholder{color:transparent}.cb-ghost{position:absolute;left:calc(18px + 1rem);top:50%;transform:translateY(-50%);pointer-events:none;font-family:var(--font-display);font-size:clamp(1.125rem,2.4vw,1.375rem);font-weight:400;color:var(--muted-foreground);opacity:.6;letter-spacing:-.01em;white-space:nowrap;transition:opacity .2s ease}.cb[data-has-query=true] .cb-ghost{opacity:0}.cb-kbd{font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--muted-foreground);background:color-mix(in oklch,var(--foreground) 6%,transparent);border:1px solid color-mix(in oklch,var(--foreground) 10%,transparent);border-bottom-width:2px;border-radius:5px;padding:.125rem .45rem;line-height:1;transition:all .2s ease}.cb-field:focus-within .cb-kbd{background:color-mix(in oklch,var(--primary) 14%,transparent);border-color:color-mix(in oklch,var(--primary) 35%,transparent);color:var(--primary)}.cb-rule{position:relative;height:1px;background:var(--border);overflow:visible}.cb-rule span{display:block;position:absolute;inset:0;background:linear-gradient(90deg,var(--primary),color-mix(in oklch,var(--primary) 30%,transparent));transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.22,1,.36,1)}.cb-field:focus-within+.cb-rule span,.cb[data-has-query=true] .cb-rule span{transform:scaleX(1)}.cb-panel{position:absolute;top:calc(100% + .75rem);left:0;right:0;z-index:50;background:var(--popover, var(--card));color:var(--popover-foreground, var(--card-foreground));border:1px solid var(--border);border-radius:14px;box-shadow:0 1px color-mix(in oklch,var(--foreground) 2%,transparent),0 12px 40px -12px color-mix(in oklch,var(--foreground) 18%,transparent),0 32px 60px -24px color-mix(in oklch,var(--foreground) 14%,transparent);padding:.875rem .875rem 1rem;animation:cb-panel-in .22s cubic-bezier(.22,1,.36,1)}@keyframes cb-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cb-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 .25rem .625rem;border-bottom:1px solid var(--border);margin-bottom:.625rem}.cb-panel-label{font-family:var(--font-sans);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--primary)}.cb-panel-hint{font-family:var(--font-sans);font-size:.6875rem;color:var(--muted-foreground);opacity:.8;display:flex;gap:.375rem;align-items:center;white-space:nowrap}@media(max-width:520px){.cb-panel-hint{display:none}}.cb-panel-hint kbd{font-family:var(--font-sans);font-size:.625rem;background:color-mix(in oklch,var(--foreground) 5%,transparent);padding:1px 5px;border-radius:3px;margin-right:1px}.cb-list--chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.375rem}.cb-chip{display:inline-block;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;color:var(--foreground);background:color-mix(in oklch,var(--foreground) 4%,transparent);border:1px solid color-mix(in oklch,var(--foreground) 6%,transparent);padding:.3125rem .75rem;border-radius:999px;text-decoration:none;transition:all .18s ease}.cb-chip:hover,.cb-chip:focus-visible{background:color-mix(in oklch,var(--primary) 14%,transparent);border-color:color-mix(in oklch,var(--primary) 35%,transparent);color:var(--primary);outline:none}.cb-list--results{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;max-height:52vh;overflow-y:auto;scrollbar-width:thin}.cb-row{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;align-items:baseline;padding:.625rem .625rem .625rem .875rem;text-decoration:none;border-radius:8px;border-left:2px solid transparent;color:var(--foreground);transition:background .15s ease,border-color .15s ease,padding-left .2s ease}.cb-row:hover,.cb-row[aria-selected=true]{background:color-mix(in oklch,var(--primary) 8%,transparent);border-left-color:var(--primary);padding-left:1rem}.cb-row-title{font-family:var(--font-display);font-size:.9375rem;font-weight:500;letter-spacing:-.005em}.cb-row-title mark{background:color-mix(in oklch,var(--primary) 35%,transparent);color:inherit;padding:0 1px;border-radius:2px}.cb-row-arrow{font-family:var(--font-display);color:var(--primary);opacity:0;transform:translate(-4px);transition:opacity .2s ease,transform .2s ease;font-size:1rem}.cb-row:hover .cb-row-arrow,.cb-row[aria-selected=true] .cb-row-arrow{opacity:1;transform:translate(0)}.cb-row-desc{grid-column:1 / -1;font-family:var(--font-sans);font-size:.8125rem;line-height:1.4;color:var(--muted-foreground);margin-top:2px}.cb-row-tags{grid-column:1 / -1;display:flex;gap:.375rem;margin-top:.3125rem;flex-wrap:wrap}.cb-row-tag{font-family:var(--font-sans);font-size:.6875rem;color:var(--muted-foreground);background:color-mix(in oklch,var(--foreground) 4%,transparent);padding:1px 8px;border-radius:3px;letter-spacing:.02em}.cb-empty{padding:1rem .625rem .25rem;display:flex;flex-direction:column;gap:.25rem}.cb-empty-title{font-family:var(--font-display);font-size:.9375rem;font-weight:500;color:var(--foreground)}.cb-empty-sub{font-family:var(--font-sans);font-size:.8125rem;color:var(--muted-foreground)}.cb-empty-sub a{color:var(--primary);text-decoration:none;font-weight:600}.cb-empty-sub a:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){.cb-rule span{transition:none}.cb-panel{animation:none}}