.searchbox{position:relative;display:flex;align-items:center;gap:8px;background:var(--panel-scrim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--hairline);border-radius:999px;padding:0 14px;height:40px;width:clamp(200px,30vw,320px);transition:border-color var(--dur-pop) var(--ease)}.searchbox:focus-within{border-color:var(--gold-soft)}.searchbox-icon{color:var(--gold-soft);font-size:.8em}.searchbox-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--ink);font-family:var(--font-ui);font-size:var(--step--1);letter-spacing:.02em}.searchbox-input::placeholder{color:var(--ink-faint)}.searchbox-list{position:absolute;top:calc(100% + 8px);left:0;right:0;margin:0;padding:6px;list-style:none;background:var(--panel-raised);border:1px solid var(--hairline-strong);border-radius:var(--radius);box-shadow:var(--shadow-panel);z-index:5;max-height:340px;overflow-y:auto}.searchbox-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:7px;cursor:pointer}.searchbox-item.is-active{background:#e6c98a1f}.searchbox-dot{width:8px;height:8px;border-radius:999px;flex:none}.searchbox-dot--base{background:var(--star-base);box-shadow:0 0 8px #e6c98a99}.searchbox-dot--sub{background:var(--star-sub)}.searchbox-name{flex:1;font-family:var(--font-ui);font-size:var(--step--1);color:var(--ink)}.searchbox-type{font-family:var(--font-ui);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint)}.searchbox-noresults{padding:12px 10px;font-family:var(--font-ui);font-size:var(--step--1);color:var(--ink-faint)}@media (max-width: 720px){.searchbox-input{font-size:16px}}.searchbox:focus-within{outline:2px solid var(--focus-ring, #7a4f12);outline-offset:2px}