.finder-page{width:100%;min-height:600px;padding:100px 20px 60px;box-sizing:border-box}.finder-box{max-width:1100px;margin:0 auto;text-align:center}.finder-title{font-size:36px;font-weight:500;color:#4d4d4d;margin:0 0 12px}.finder-help{max-width:820px;margin:0 auto 24px;font-size:14px;line-height:1.5;color:#7a7a7a}.finder-searchbar{display:flex;justify-content:center;align-items:center;gap:14px;margin:0 auto 28px}.finder-searchbar input{width:760px;max-width:calc(100vw - 180px);height:48px;padding:0 18px;border:2px solid #ff8438;border-radius:999px;font-size:16px;outline:none;background:#fff;box-sizing:border-box}.finder-searchbar input:focus{border-color:#ff7a26}.finder-searchbar button{height:48px;padding:0 28px;border:none;border-radius:999px;background:#ff8d42;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:.2s}.finder-searchbar button:hover{background:#ff7d2b}.finder-empty,.finder-loading{margin:20px 0 10px;font-size:15px;color:#6f6f6f}.finder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,100px));justify-content:center;grid-gap:18px 26px;gap:18px 26px;margin-top:24px}.finder-card{width:100px;height:100px;padding:0;border:none;background:transparent;cursor:pointer}.finder-card img{width:100px;height:100px;object-fit:cover;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.08);transition:transform .18s ease,box-shadow .18s ease}.finder-card:hover img{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 18px rgba(0,0,0,.12)}.finder-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999}.finder-modal{width:100%;max-width:420px;background:#fff;border-radius:18px;padding:22px;box-sizing:border-box;text-align:center;box-shadow:0 18px 45px rgba(0,0,0,.2)}.finder-modal-image{width:220px;height:220px;object-fit:contain;margin-bottom:14px}.finder-modal-title{font-size:20px;font-weight:600;color:#333;margin-bottom:10px}.finder-modal-text{font-size:14px;color:#666;margin-bottom:10px}.finder-modal-tags{font-size:13px;line-height:1.5;color:#8a8a8a;margin-bottom:18px;word-break:break-word}.finder-modal-actions{display:flex;flex-direction:column;gap:10px}.finder-pack-btn{display:inline-flex;justify-content:center;align-items:center;height:44px;padding:0 16px;background:#ff8d42;color:#fff;text-decoration:none;border-radius:12px;font-size:15px;font-weight:500}.finder-pack-btn:hover{background:#ff7d2b}.finder-close-btn{height:42px;border:none;border-radius:12px;background:#efefef;color:#444;font-size:15px;cursor:pointer}.finder-close-btn:hover{background:#e4e4e4}.finder-card-skeleton{cursor:default}.finder-skeleton-box{width:100px;height:100px;border-radius:12px;background:linear-gradient(90deg,#ececec 25%,#f6f6f6 37%,#ececec 63%);background-size:400% 100%;animation:finder-skeleton-shimmer 1.4s ease infinite;box-shadow:0 4px 14px rgba(0,0,0,.06)}@keyframes finder-skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:700px){.finder-title{font-size:28px}.finder-searchbar{flex-direction:column;gap:12px}.finder-searchbar input{width:100%;max-width:100%}.finder-searchbar button{width:100%}.finder-grid{grid-template-columns:repeat(auto-fill,minmax(86px,86px));gap:16px}.finder-card,.finder-card img,.finder-card-skeleton .finder-skeleton-box{width:86px;height:86px}}