.stage-wrap{perspective:1400px;justify-content:center;align-items:flex-start;padding:30px 40px 40px;display:flex;position:sticky;top:0}.stage{aspect-ratio:4/3;width:560px;max-width:100%;transform-style:preserve-3d;transform-origin:top;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;transform:rotateX(40deg)rotateY(24deg)rotate(-32deg);box-shadow:0 30px 60px -20px #00000040}.stage-bar{background:#f9fafb;border-bottom:1px solid #f3f4f6;flex-shrink:0;align-items:center;gap:8px;height:40px;padding:0 16px;display:flex}.stage-bar .dot{background:#d1d5db;border-radius:50%;width:10px;height:10px}.stage-bar .addr{background:#e5e7eb;border-radius:9999px;flex:1;height:8px}.stage-body{background:#fafafa;border-radius:0 0 16px 16px;flex:1;position:relative;overflow:hidden}.cards-scene{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:10%}.cards-wrap{grid-template-columns:1fr 2fr;gap:10px;width:100%;height:100%;display:grid}.right-col{grid-template-rows:1fr 2fr 1fr;gap:10px;display:grid}.card-item{transform-origin:50%;border-radius:12px;width:100%;height:100%;transform:scale(.7);box-shadow:0 12px 24px -8px #00000040}.search-scene{opacity:0;flex-direction:column;padding:32px;display:flex;position:absolute;inset:0}.search-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 4px 12px -4px #00000014}.typed-char{opacity:0;display:inline-block}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.caret{color:#9ca3af;animation:1s infinite blink;display:inline-block}.results-list{opacity:0;flex-direction:column;gap:10px;margin-top:16px;display:flex}.result-item{background:#fff;border:1px solid #f3f4f6;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.collection-scene{opacity:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.collect-grid{transform-origin:50%;padding:14px;position:relative}.collect-border{opacity:0;pointer-events:none;border:2px solid #e5e7eb;border-radius:18px;position:absolute;inset:0}.grid-3x3{z-index:1;grid-template-rows:repeat(3,82px);grid-template-columns:repeat(3,116px);gap:10px;display:grid;position:relative}.cell{transform-origin:50%;background:#fff;border:1px solid #f3f4f6;border-radius:12px;flex-direction:column;justify-content:center;padding:10px;display:flex;position:relative}.cell-target{background:#fef2f2;border-color:#fecaca}.cell-title{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:1.2;overflow:hidden}.cell-line-block{background:#e5e7eb;border-radius:4px;width:70%;height:8px}.cell-line{background:#e5e7eb;border-radius:2px;width:60%;height:3px;margin-top:8px}.cell-heart{width:14px;height:14px;position:absolute;top:6px;right:6px}.cell-heart path{fill:none;stroke:#d1d5db;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.fav-title{color:#111827;letter-spacing:2px;opacity:0;justify-content:center;align-items:center;font-size:28px;font-weight:900;display:flex;position:absolute;inset:0}.final-scene{opacity:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.final-content{will-change:transform;flex-direction:column;padding:20px;display:flex;position:absolute;inset:0}.final-title{text-align:center;color:#111827;flex-shrink:0;font-size:20px;font-weight:900}.title-char{opacity:0;display:inline-block}.fav-grid-4x5{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.fav-item{transform-origin:50%;background:#fff;border:1px solid #f3f4f6;border-radius:8px;flex-direction:column;justify-content:center;padding:10px 8px;display:flex}.fav-line-block{background:#d1d5db;border-radius:3px;width:70%;height:6px}.fav-line{background:#e5e7eb;border-radius:2px;width:55%;height:2px;margin-top:6px}.final-form-wrap{pointer-events:none;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.final-form{opacity:0;flex-direction:column;gap:10px;width:100%;display:flex}.form-row{opacity:0}.form-title{color:#111827;font-size:15px;font-weight:800}.form-label{color:#6b7280;margin-bottom:3px;font-size:10px}.form-input,.form-textarea{background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:6px 10px;font-size:12px}.form-textarea{resize:none}.form-btns{gap:8px;display:flex}.form-btn-primary{color:#fff;background:#171717;border-radius:8px;padding:6px 14px;font-size:12px}.form-btn-secondary{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:6px 14px;font-size:12px}.form-input.error,.form-textarea.error{background:#fef2f2;border-color:#ef4444}.success-overlay{z-index:100;opacity:0;pointer-events:none;background:#fffffffa;border-radius:0 0 16px 16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .3s;display:flex;position:absolute;inset:0}.success-overlay.show{opacity:1;pointer-events:auto}.success-circle{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:.4s cubic-bezier(.34,1.56,.64,1) success-pop;display:flex}.success-circle svg{stroke-dasharray:30;stroke-dashoffset:30px;width:36px;height:36px;animation:.5s ease-out .2s forwards draw-check}@keyframes success-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes draw-check{to{stroke-dashoffset:0}}.success-text{color:#111827;margin-top:8px;font-size:16px;font-weight:800}.success-sub{color:#6b7280;font-size:12px}.success-close{color:#fff;cursor:pointer;background:#171717;border:none;border-radius:8px;margin-top:16px;padding:6px 16px;font-size:12px;transition:background .15s}.success-close:hover{background:#333}