:root{--primary-color:#e6e6fa;--secondary-color:#ffffe0;--accent-color:indigo;--text-color:#333}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px}body{margin:0;min-height:100vh;overflow-x:hidden;padding:0;width:100vw}@layer base{html{font-family:Inter,sans-serif}body{background-color:#e6e6fa;background-color:var(--primary-color)}}.container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem}.card{background-color:#fff;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:36rem;padding:2rem;width:100%}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.header h1{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#ec4899,#8b5cf6);color:#0000;font-size:3rem;font-weight:700;margin-bottom:.5rem}.header h2{color:indigo;color:var(--accent-color);font-size:1.5rem;font-weight:700}.header p{color:#4a5568;font-size:1.125rem}.header button{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.5rem}.header button:hover{color:#4a5568}form{display:flex;flex-direction:column;gap:1rem}form label{color:#4a5568;display:block;font-size:1.125rem;font-weight:500;margin-bottom:.25rem}form input,form textarea{border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem 1rem;width:100%}form input:focus,form textarea:focus{border-color:#0000;outline:2px solid #8b5cf6}.form-footer{margin-top:1rem;text-align:center}.form-footer button{background:none;border:none;color:#8b5cf6;cursor:pointer;text-decoration:underline}.upload-area{border:2px dashed #d1d5db;border-radius:.5rem;cursor:pointer;padding:1rem;text-align:center}.upload-area:hover{border-color:#8b5cf6}.upload-area input[type=file]{display:none}.upload-area img{border-radius:.5rem;height:12rem;object-fit:cover;width:100%}.upload-area div{padding:2rem 0}.upload-area svg{color:#9ca3af;height:4rem;margin:0 auto .5rem;width:4rem}.upload-area p:first-of-type{color:#4a5568;font-size:1.125rem}.upload-area p:last-of-type{color:#6b7280;font-size:.875rem;margin-top:.25rem}.grid-col-2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.empty-state{color:#6b7280;padding:3rem 0;text-align:center}.empty-state svg{height:5rem;margin:0 auto 1rem;opacity:.3;width:5rem}.empty-state p:first-of-type{font-size:1.125rem}.empty-state p:last-of-type{font-size:.875rem;margin-top:.5rem}.match-list{display:flex;flex-direction:column;gap:1rem}.match-item{align-items:center;background-color:#fce7f3;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease-in-out}.match-item:hover{background-color:#fbcfe8}.match-item img{border:4px solid #fff;border-radius:9999px;height:6rem;object-fit:cover;width:6rem}.match-item div{flex:1 1}.match-item h3{font-size:1.25rem;font-weight:700}.match-item p{color:#4a5568}.match-item p:last-of-type{color:#6b7280;font-size:.875rem}.match-item svg{color:#8b5cf6;height:2rem;width:2rem}.swipe-container{margin:0 auto;max-width:40rem}.swipe-header{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem;padding:0 .5rem;text-align:center}.swipe-header h1{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#ec4899,#8b5cf6);color:#0000;font-size:2.5rem;font-weight:700}.main-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.main-actions button{background-color:#fff;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:.75rem;transition:all .2s ease-in-out}.main-actions button:hover{transform:scale(1.05)}.main-actions svg{color:#8b5cf6;height:1.5rem;width:1.5rem}.category-filter{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#4a5568;cursor:pointer;font-size:.875rem;padding:.5rem}.category-filter:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633;outline:none}.category-menu-container{position:relative}.category-menu{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;gap:.25rem;padding:.5rem;position:absolute;right:0;top:100%;z-index:10}.category-menu button{background:none;border:none;color:#4a5568;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;text-align:left;width:100%}.category-menu button:hover{background-color:#f3e8ff;color:#8b5cf6}.main-container{background-color:#e6e6fa;background-color:var(--primary-color);display:flex;gap:2rem;justify-content:center;min-height:100vh;overflow-x:hidden;padding:2rem;width:100vw}.side-leaderboard-container{background-color:#fff;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;height:-webkit-fit-content;height:fit-content;padding:1.5rem;width:20rem}.side-leaderboard-container h2{color:indigo;color:var(--accent-color);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.side-bean-list{display:flex;flex-direction:column;gap:1rem}.side-bean-item{align-items:center;display:flex;gap:1rem}.leaderboard-rank{color:#9ca3af;font-size:1.25rem;font-weight:700;text-align:center;width:2rem}.side-bean-item img{border-radius:.5rem;height:4rem;object-fit:cover;width:4rem}.side-bean-info{flex:1 1}.side-bean-info h3{color:#1f2937;font-size:1rem;font-weight:600}.side-bean-info p{color:#4b5563;font-size:.875rem}.empty-card{padding:3rem;text-align:center}.empty-card svg{color:#9ca3af;height:4rem;margin:0 auto 1rem;width:4rem}.empty-card h2{color:#4a5568;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.empty-card p{color:#6b7280;margin-bottom:1.5rem}.swipe-card{background-color:#fff;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;height:40rem;overflow:hidden;position:relative;transform:scale(1);transition:all .3s ease-in-out;width:40rem}.swipe-card:hover{transform:scale(1.05)}.swipe-left{opacity:0;transform:translateX(-100%) rotate(-15deg)}.swipe-right{opacity:0;transform:translateX(100%) rotate(15deg)}.card-image{height:100%;position:relative}.card-image img{height:100%;object-fit:cover;width:100%}.overlay{background-image:linear-gradient(0deg,#000000b3,#0000);inset:0;position:absolute}.swipe-indicator{position:absolute;top:2rem;transform-origin:center}.swipe-indicator.right{right:2rem;transform:rotate(12deg)}.swipe-indicator.left{left:2rem;transform:rotate(-12deg)}.swipe-indicator div{border:4px solid #fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;font-size:1.5rem;font-weight:700;padding:.75rem 1.5rem}.swipe-indicator.right div{background-color:#10b981}.swipe-indicator.left div{background-color:#ef4444}.card-info{bottom:0;color:#fff;left:0;padding:1.5rem;position:absolute;right:0}.card-info h2{font-size:2.25rem;font-weight:700;margin-bottom:.25rem}.card-info p{font-size:1.25rem;margin-bottom:.5rem}.card-info p:last-of-type{font-size:1rem;opacity:.9}.card-details{padding:1.5rem}.card-details p{color:#4a5568;font-size:1.125rem;margin-bottom:1rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background-color:#f3e8ff;border-radius:9999px;color:#8b5cf6;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.action-buttons{gap:1.5rem;margin-top:1.5rem}.action-button,.action-buttons{align-items:center;display:flex;justify-content:center}.action-button{background-color:#fff;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;height:5rem;transition:all .2s ease-in-out;width:5rem}.action-button:hover{transform:scale(1.1)}.action-button.dislike{border:4px solid #fca5a5}.action-button.dislike svg{color:#ef4444;height:2.5rem;width:2.5rem}.action-button.like{background-image:linear-gradient(to bottom right,#ec4899,#8b5cf6);height:6rem;width:6rem}.action-button.like svg{fill:#fff;color:#fff;height:3rem;width:3rem}.action-button.matches{border:4px solid #a78bfa;position:relative}.action-button.matches svg{color:#8b5cf6;height:2.5rem;width:2.5rem}.match-count{align-items:center;background-color:#ef4444;border-radius:9999px;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:1.75rem;justify-content:center;position:absolute;right:-.25rem;top:-.25rem;width:1.75rem}.status-text{color:#6b7280;font-size:.875rem;margin-top:1rem;text-align:center}.success-message{background-color:#f0fff4;border:1px solid #c6f6d5;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.success-message p:first-child{color:#2f855a;font-size:1.125rem;font-weight:600}.success-message p:last-child{color:#2f855a;margin-top:.25rem}.info-message{background-color:#ebf8ff;border:1px solid #bee3f8}.code-block,.info-message{border-radius:.5rem;margin-top:1rem;padding:1rem}.code-block{background-color:#f7fafc}.code-block p{font-family:monospace}.code-block pre{font-size:.875rem;margin-top:.5rem;overflow-x:auto}.button{background-image:linear-gradient(90deg,#ec4899,#8b5cf6);border-radius:.5rem;color:#fff;font-size:1.125rem;font-weight:600;margin-top:1.5rem;padding:.75rem 0;width:100%}.button:hover{opacity:.9}.button:disabled{cursor:not-allowed;opacity:.5}.button>*{align-items:center;display:inline-flex;gap:.5rem}ol{list-style-position:inside;list-style-type:decimal;margin-left:.5rem}ol li{margin-bottom:.75rem}a{color:#3b82f6;text-decoration:underline}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App-logo-spin{animation:App-logo-spin 20s linear infinite}.leaderboard-container{background-color:#fff;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin:2rem auto;max-width:40rem;padding:2rem}.leaderboard-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.leaderboard-header h2{color:indigo;color:var(--accent-color);font-size:2rem;font-weight:700}.back-button{background:none;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.back-button:hover{background-color:#f9fafb}.bean-list{flex-direction:column}.bean-item,.bean-list{display:flex;gap:1.5rem}.bean-item{align-items:center;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem}.bean-item img{border-radius:1rem;height:8rem;object-fit:cover;width:8rem}.bean-info{flex:1 1}.bean-info h3{color:#1f2937;font-size:1.5rem;font-weight:600}.bean-info p{color:#4b5563;font-size:1.125rem}.pwa-install-prompt{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;bottom:20px;box-shadow:0 8px 32px #0003;color:#fff;left:20px;margin:0 auto;max-width:400px;position:fixed;right:20px;z-index:1000}.pwa-install-content{align-items:center;display:flex;gap:12px;padding:16px}.pwa-install-icon{flex-shrink:0;font-size:24px}.pwa-install-text{flex-grow:1}.pwa-install-text h3{font-size:16px;font-weight:600;margin:0 0 4px}.pwa-install-text p{font-size:14px;margin:0;opacity:.9}.pwa-install-actions{display:flex;flex-shrink:0;gap:8px}.pwa-install-button{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.pwa-install-button:hover{background:#ffffff4d;transform:translateY(-1px)}.pwa-dismiss-button{background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;opacity:.7;padding:8px;transition:all .2s ease}.pwa-dismiss-button:hover{background:#ffffff1a;opacity:1}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.pwa-install-prompt{bottom:10px;left:10px;right:10px}.pwa-install-content{gap:8px;padding:12px}.pwa-install-text h3{font-size:14px}.pwa-install-text p{font-size:12px}.pwa-install-button{font-size:12px;padding:6px 12px}}@media (max-width:768px){body,html{-webkit-text-size-adjust:100%}.main-container,body,html{overflow-x:hidden;width:100vw}.main-container{flex-direction:column;height:auto;min-height:100vh}.swipe-container{max-width:100vw;overflow-x:hidden;padding:1rem .5rem;width:100%}.swipe-header{padding:.5rem 1rem;width:100%}.swipe-header h1{font-size:2rem!important;text-align:center}.swipe-card{height:60vh;margin:0 auto;max-width:calc(100vw - 2rem);width:100%}.card-image{border-radius:1rem;height:100%}.action-buttons{gap:2rem;justify-content:center;margin:1rem 0}.action-button{height:60px;width:60px}.main-actions{flex-wrap:wrap;gap:1rem;justify-content:center;padding:.5rem}.main-actions button{min-height:44px;min-width:44px;padding:.75rem}.status-text{font-size:.875rem;text-align:center}.side-leaderboard{display:none!important}.container{max-width:100vw;padding:.5rem;width:100vw}.card{margin:0 auto;max-width:calc(100vw - 1rem);padding:1rem}}.modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.pricing-modal{padding:2rem}.modal-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin:0}.close-button{background:#0000;border:none;border-radius:8px;cursor:pointer;padding:.5rem;transition:background .2s ease}.close-button:hover{background:#f0f0f0}.pricing-intro{margin-bottom:2rem;text-align:center}.pricing-intro p{color:#666;font-size:1.125rem;margin:0}.pricing-plans{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.pricing-card{background:#fff;border:2px solid #e0e0e0;border-radius:16px;padding:1.5rem;position:relative;transition:all .3s ease}.pricing-card:hover{border-color:#ff6b6b;box-shadow:0 8px 32px #ff6b6b26;transform:translateY(-4px)}.premium-card{border-color:#ff6b6b;position:relative}.yearly-card{border-color:#667eea}.popular-badge,.savings-badge{align-items:center;background:#ff6b6b;border-radius:20px;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;left:50%;padding:.5rem 1rem;position:absolute;top:-12px;transform:translateX(-50%)}.savings-badge{background:#667eea}.plan-header{margin-bottom:1.5rem;text-align:center}.plan-header h3{color:#333;font-size:1.5rem;margin:0 0 1rem}.plan-price{align-items:baseline;display:flex;gap:.25rem;justify-content:center}.price{color:#333;font-size:3rem;font-weight:700}.period{color:#666;font-size:1rem}.price-breakdown{color:#666;font-size:.875rem;margin-top:.5rem}.plan-features{margin-bottom:1.5rem}.feature-item{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.feature-icon{color:#10b981;flex-shrink:0}.feature-icon.premium{color:#ff6b6b}.subscribe-button{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .2s ease;width:100%}.subscribe-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.subscribe-button.primary:hover:not(:disabled){box-shadow:0 8px 24px #667eea4d;transform:translateY(-2px)}.subscribe-button:disabled{cursor:not-allowed;opacity:.6}.current-plan{border-color:#10b981}.current-plan-badge{background:#10b981;border-radius:8px;color:#fff;font-weight:600;margin-top:1rem;padding:.5rem 1rem;text-align:center}.pricing-footer{border-top:1px solid #e0e0e0;padding-top:1.5rem;text-align:center}.guarantee{color:#10b981;font-size:1rem;font-weight:500;margin:0 0 .5rem}.support{color:#666;font-size:.875rem;margin:0}.subscription-manager{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:1.5rem}.subscription-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.plan-info{align-items:center;display:flex;gap:1rem}.plan-icon{color:#ff6b6b;font-size:1.5rem}.plan-details h3{color:#333;font-size:1.25rem;margin:0 0 .25rem}.plan-status{color:#666;font-size:.875rem;margin:0}.manage-button{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.manage-button:hover:not(:disabled){background:#e9ecef;border-color:#ccc}.subscription-features h4{color:#333;font-size:1rem;margin:0 0 1rem}.features-grid{grid-gap:.5rem;display:grid;gap:.5rem}.feature-text{color:#555;font-size:.875rem}.upgrade-prompt{background:linear-gradient(135deg,#667eea20,#764ba220);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.upgrade-benefits h4{color:#333;margin:0 0 1rem}.upgrade-benefits ul{margin:0;padding-left:1rem}.upgrade-benefits li{color:#555;margin-bottom:.5rem}.subscription-notice,.subscription-warning{align-items:flex-start;background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;display:flex;justify-content:space-between;margin-top:1rem;padding:1rem}.subscription-warning{background:#f8d7da;border-color:#f5c6cb}.notice-content,.warning-content{align-items:flex-start;display:flex;gap:.75rem}.notice-content h4,.warning-content h4{color:#721c24;font-size:1rem;margin:0 0 .25rem}.notice-content h4{color:#856404}.notice-content p,.warning-content p{color:#721c24;font-size:.875rem;margin:0}.notice-content p{color:#856404}.update-payment-button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem}@media (max-width:768px){.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.pricing-modal{padding:1.5rem}.pricing-plans{grid-template-columns:1fr}.subscription-header{align-items:flex-start;flex-direction:column;gap:1rem}.plan-info{width:100%}}.premium-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.premium-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.subscription-success{margin:0 auto;max-width:600px;text-align:center}.success-icon{display:flex;justify-content:center;margin:0 auto 1.5rem}.subscription-success h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem}.premium-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem}.success-message h2{color:#333;margin-bottom:1rem}.success-message p{color:#666;font-size:1.125rem;margin-bottom:1.5rem}.premium-features{grid-gap:1rem;display:grid;gap:1rem;margin:2rem 0;text-align:left}.premium-features .feature-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.success-actions{margin:2rem 0}.continue-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:1rem 2rem;transition:all .2s ease}.continue-button:hover{box-shadow:0 8px 24px #667eea4d;transform:translateY(-2px)}.auto-redirect{color:#666;font-size:.875rem;margin:1rem 0 0}.support-info{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:1.5rem}.support-info p{color:#666;font-size:.875rem;margin:.5rem 0}.support-button{background:linear-gradient(135deg,#ff6b6b,#feca57)!important;color:#fff!important;font-size:18px!important;transition:transform .2s ease}.support-button:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px) scale(1.05)}.support-content{padding:1rem;text-align:center}.support-content h3{color:#333;margin-bottom:1rem}.support-options{margin:2rem 0}.coffee-button{background:linear-gradient(135deg,#ff6b6b,#feca57);border:none;border-radius:25px;box-shadow:0 6px 20px #ff6b6b4d;color:#fff;cursor:pointer;display:inline-block;font-size:18px;font-weight:600;padding:16px 32px;text-decoration:none;transition:all .3s ease}.coffee-button:hover{box-shadow:0 10px 30px #ff6b6b66;color:#fff;text-decoration:none;transform:translateY(-3px)}.support-text{color:#666;font-style:italic;margin:1.5rem 0}.thank-you{background:#f9f9f9;border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:left}.thank-you ul{list-style:none;padding:0}.thank-you li{font-size:14px;padding:.5rem 0}
/*# sourceMappingURL=main.58ddf9bd.css.map*/