/* Lucian UX/UI Prompt #034 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#034 */
.u034{position:relative;width:min(720px,100%);min-height:280px}.u034-lab{display:block;margin:0 0 10px 2px;color:var(--ux-ink);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.u034-box{position:relative;display:flex;align-items:center;height:62px;border-radius:19px;background:var(--ux-surface);box-shadow:0 0 0 1px var(--ux-line),0 18px 45px -30px var(--ux-shadow-strong);transition:box-shadow .35s var(--ux-ease),transform .35s var(--ux-spring)}.u034-box:focus-within{box-shadow:0 0 0 2px var(--ux-accent),0 25px 50px -28px var(--ux-shadow-strong);transform:translateY(-2px)}.u034-ic{width:21px;height:21px;margin-left:20px;fill:none;stroke:var(--ux-ink-3);stroke-width:1.8;stroke-linecap:round}.u034 input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;padding:0 14px;color:var(--ux-ink);font:600 15px/1 var(--font-sans)}.u034 input::placeholder{color:var(--ux-ink-3);font-weight:500}.u034 kbd{margin-right:16px;padding:5px 7px;border:1px solid var(--ux-line);border-radius:7px;background:var(--ux-surface-2);color:var(--ux-ink-3);font:700 9px/1 var(--font-sans);letter-spacing:.06em}
.u034-list{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px;margin:10px 0 0;padding:7px;list-style:none;border-radius:20px;background:var(--ux-surface);box-shadow:0 0 0 1px var(--ux-line),0 22px 48px -30px var(--ux-shadow-strong)}.u034-list:empty{display:none}.u034-opt{position:relative;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-height:54px;padding:7px 12px;border-radius:14px;color:var(--ux-ink);cursor:pointer;overflow:hidden}.u034-opt::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--ux-surface-2);opacity:0;transform:scale(.97);transition:opacity .2s var(--ux-ease),transform .35s var(--ux-spring)}.u034-opt[aria-selected="true"]::before,.u034-opt:hover::before{opacity:1;transform:scale(1)}.u034-num,.u034-copy,.u034-go{position:relative;z-index:1}.u034-num{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--ux-page);color:var(--ux-accent);font-size:10px;font-weight:850}.u034-copy{min-width:0}.u034-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1.35}.u034-copy small{display:block;margin-top:3px;color:var(--ux-ink-3);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u034-go{color:var(--ux-accent);font-size:16px;transition:transform .3s var(--ux-spring)}.u034-opt:hover .u034-go,.u034-opt[aria-selected="true"] .u034-go{transform:translateX(3px)}.faq-search-count{margin:11px 2px 0;color:var(--ux-ink-3);font-size:11px;font-weight:700}.u034-empty{padding:17px 14px;color:var(--ux-ink-2);font-size:13px}
@media(max-width:600px){.u034{min-height:260px}.u034 kbd{display:none}.u034-box{height:58px}.u034 input{font-size:14px}.u034-opt{grid-template-columns:34px 1fr auto;padding-inline:8px}.u034-copy strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.u034 *{transition:none!important}}