.ksf{--bg:#fff;--surface:#fff;--surface-2:#ebebef;--text:#1c1c1f;--muted:#8a8a92;--accent:#0d6b50;--accent-soft:#d5f3e9;--shadow:0 1px 2px #0000000a, 0 8px 28px #00000014;height:var(--ksf-h);background:var(--bg);color:var(--text);border:1px solid #e6e6ea;border-radius:1.25rem;margin:1.5rem 0;font-size:14px;line-height:1.45;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.ksf-pile{z-index:1;pointer-events:none;position:absolute;inset:0}.ksf-pile img{will-change:transform;object-fit:contain;background:#fff;border-radius:22%;padding:3px;position:absolute;top:0;left:0;box-shadow:0 2px 6px #0000001f}.ksf-stage{z-index:3;padding:0 16px;position:relative}.ksf-box{background:var(--surface);max-width:640px;box-shadow:var(--shadow);border:1px solid #e6e6ea;border-radius:26px;align-items:center;height:70px;margin:56px auto 0;padding:0 10px 0 26px;transition:box-shadow .2s;display:flex}.ksf-box:focus-within{box-shadow:var(--shadow), 0 0 0 4px var(--accent-soft)}.ksf-box input{min-width:0;color:var(--text);font:inherit;letter-spacing:-.02em;background:0 0;border:0;outline:none;flex:1;font-size:22px}.ksf-box input::placeholder{color:var(--muted);opacity:.8}.ksf-clear{color:var(--muted);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:50%;width:40px;height:40px;transition:opacity .15s,background .15s}.ksf-clear.show{opacity:1;pointer-events:auto}.ksf-clear:hover{background:var(--surface-2)}.ksf-status{text-align:center;color:var(--muted);min-height:18px;margin:10px 0 0;font-size:12px}.ksf-results{flex-wrap:wrap;justify-content:center;gap:10px 12px;max-width:640px;margin:18px auto 0;display:flex}.ksf-res{width:104px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;animation:.5s cubic-bezier(.34,1.56,.64,1) both ksf-pop;display:flex}.ksf-res:hover,.ksf-res.sel{background:var(--surface);box-shadow:var(--shadow)}.ksf-res.sel{box-shadow:var(--shadow), 0 0 0 2px var(--accent)}.ksf-res img,.ksf-mono{object-fit:contain;background:#fff;border-radius:22%;width:52px;height:52px;padding:4px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 4px #0000001a}.ksf-mono{color:var(--accent);place-items:center;font-size:22px;font-weight:700;display:grid}.ksf-res:hover img,.ksf-res:hover .ksf-mono{transform:scale(1.12)rotate(-4deg)}.ksf-res span.ksf-nm{color:#4a4a52;text-align:center;word-break:break-word;font-size:12px;line-height:1.2}@keyframes ksf-pop{0%{opacity:0;transform:translateY(18px)scale(.4)}to{opacity:1;transform:none}}.ksf-detail{z-index:6;background:var(--surface);border-radius:22px;align-items:flex-start;gap:16px;width:min(620px,100% - 32px);padding:16px 44px 16px 16px;transition:transform .35s cubic-bezier(.34,1.3,.64,1);display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%,150%);box-shadow:0 20px 60px #0000002e}.ksf-detail.show{transform:translate(-50%)}.ksf-d-logo{object-fit:contain;border-radius:22%;flex:none;width:64px;height:64px;padding:4px;box-shadow:0 1px 4px #0000001a}.ksf-d-info{flex:1;min-width:0}.ksf-d-name{color:var(--text);margin:0;font-size:17px}.ksf-d-desc{color:#5a5a62;margin:2px 0 8px;font-size:13px}.ksf-d-acts{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.ksf-d-acts span{background:var(--surface-2);color:#3a3a40;border-radius:8px;padding:3px 8px;font-size:11px}.ksf-d-btns{gap:8px;display:flex}.ksf-d-btns a{border-radius:10px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none}.ksf-connect{background:var(--accent);color:#fff!important}.ksf-more{background:var(--surface-2);color:var(--text)!important}.ksf-d-customer{color:var(--muted);margin:8px 0 0;font-size:12px}.ksf-d-customer a{color:var(--accent)}.ksf-close{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;width:32px;height:32px;position:absolute;top:8px;right:8px}.ksf-close:hover{background:var(--surface-2)}@media (width<=560px){.ksf-box{border-radius:20px;height:58px;margin-top:40px;padding-left:18px}.ksf-box input{font-size:18px}.ksf-res{width:82px}.ksf-res img,.ksf-mono{width:44px;height:44px}.ksf-detail{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.ksf-res{animation:none}.ksf-detail{transition:none}}