.finder-page{width:100%;min-height:70vh;padding:0 0 56px;box-sizing:border-box}.finder-page .home-banner{margin-bottom:40px}.finder-box{width:100%;max-width:1120px;margin:0 auto}.finder-title{margin:0 0 10px;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(28px,3vw,42px);line-height:1.05;font-weight:900;color:var(--text-primary,#1a1a1a)}.finder-help{max-width:760px;margin:0 0 24px;font-size:15px;line-height:1.6;color:var(--text-secondary,#5a5a5a)}.finder-searchbar{display:flex;align-items:center;gap:12px;width:min(760px,100%);margin:0 0 22px}.finder-searchbar input{flex:1 1;min-width:0;height:52px;padding:0 22px;border:1.5px solid var(--border,#ececec);border-radius:50px;background:var(--input-bg,#fff);color:var(--text-primary,#1a1a1a);font-size:15px;outline:none;box-shadow:0 1px 6px rgba(0,0,0,.07);transition:border-color .2s,box-shadow .2s}.finder-searchbar input::placeholder{color:var(--text-muted,#b8b8b8)}.finder-searchbar input:focus{border-color:var(--brand,#ff7a00);box-shadow:0 0 0 3px rgba(255,122,0,.1)}.finder-searchbar button{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:none;border-radius:50%;background:var(--brand,#ff7a00);color:#fff;font-size:17px;cursor:pointer;flex-shrink:0;transition:background .15s,transform .1s,opacity .15s}.finder-searchbar button:hover{background:var(--brand-hover,#e86e00)}.finder-searchbar button:active{transform:scale(.95)}.finder-searchbar button:disabled{opacity:.55;cursor:not-allowed}.finder-empty,.finder-status{margin:14px 0 8px;color:var(--text-secondary,#5a5a5a);font-size:15px}.finder-status-error{display:inline-flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #ffd8b5;border-radius:12px;background:var(--api-error-soft-bg,#fff7ef);color:#7a3c00}.finder-status-error button{border:none;border-radius:999px;padding:8px 14px;background:var(--brand,#ff7a00);color:#fff;font-weight:700;cursor:pointer}.finder-grid,.finder-loading-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-gap:18px;gap:18px;margin-top:26px}.finder-loading-more{margin-top:18px}.finder-card{position:relative;aspect-ratio:1/1;min-width:0;padding:0;border:none;border-radius:12px;cursor:pointer;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.06);transition:transform .18s ease,box-shadow .18s ease}.finder-card,.finder-card img{width:100%;background:var(--bg-elevated,#fff)}.finder-card img{height:100%;object-fit:contain;padding:12px;box-sizing:border-box}.finder-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.1)}.finder-card:focus-visible{outline:3px solid rgba(255,122,0,.35);outline-offset:3px}.finder-card-skeleton{cursor:default;background:transparent;box-shadow:none}.finder-skeleton-box{width:100%;height:100%;border-radius:12px;background:linear-gradient(90deg,var(--thumb-bg,#ececec) 25%,var(--bg-subtle,#f6f6f6) 37%,var(--thumb-bg,#ececec) 63%);background-size:400% 100%;animation:finder-skeleton-shimmer 1.4s ease infinite;box-shadow:0 1px 6px rgba(0,0,0,.05)}.finder-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.42);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999}.finder-modal{width:min(420px,100%);max-height:min(720px,calc(100vh - 40px));overflow-y:auto;background:var(--bg-elevated,#fff);border:1px solid var(--border,#ececec);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:min(220px,70vw);height:min(220px,70vw);object-fit:contain;margin-bottom:16px}.finder-modal-title{margin-bottom:10px;color:var(--text-primary,#1a1a1a);font-size:20px;font-weight:800;line-height:1.25}.finder-modal-tags,.finder-modal-text{color:var(--text-secondary,#5a5a5a);font-size:14px;line-height:1.5;word-break:break-word}.finder-modal-text{margin-bottom:10px}.finder-modal-tags{margin-bottom:18px}.finder-modal-actions{display:flex;flex-direction:column;gap:10px}.finder-close-btn,.finder-pack-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:none;border-radius:12px;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer}.finder-pack-btn{background:var(--brand,#ff7a00);color:#fff}.finder-pack-btn:hover{background:var(--brand-hover,#e86e00)}.finder-close-btn{background:var(--bg-subtle,#f6f6f7);color:var(--text-primary,#1a1a1a)}.finder-close-btn:hover{background:var(--border,#ececec)}@keyframes finder-skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (min-width:992px){.finder-page{padding-top:0}}@media (max-width:700px){.finder-page{padding-bottom:32px}.finder-help{font-size:14px}.finder-searchbar{gap:10px}.finder-searchbar input{height:48px}.finder-searchbar button{width:48px;height:48px}.finder-grid,.finder-loading-more{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:12px}}