*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}:root{--primary:#ff6b6b;--primary-dark:#ee5a5a;--secondary:#4ecdc4;--accent:#ffe66d;--bg-dark:#0f0f1a;--bg-card:#1a1a2e;--bg-card-hover:#252542;--text-primary:#fff;--text-secondary:#a0a0b0;--gradient-love:linear-gradient(135deg,#ff6b6b,#ff8e8e 50%,#ffa0a0);--gradient-match:linear-gradient(135deg,#4ecdc4,#44a08d);--gradient-bg:linear-gradient(180deg,#0f0f1a,#1a1a2e);--shadow-card:0 10px 40px #0006;--shadow-glow:0 0 30px #ff6b6b4d;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px)}body,html{min-height:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f1a;background:var(--bg-dark);color:#fff;color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;overscroll-behavior-y:contain;touch-action:manipulation}#root{min-height:100%;padding-left:env(safe-area-inset-left,0);padding-left:var(--safe-area-left);padding-right:env(safe-area-inset-right,0);padding-right:var(--safe-area-right);padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-area-top)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0f0f1a;background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ff6b6b;background:var(--primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ee5a5a;background:var(--primary-dark)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes confetti{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#ff8e8e 50%,#ffa0a0);background:var(--gradient-love);-webkit-background-clip:text;background-clip:text}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.btn-primary{background:linear-gradient(135deg,#ff6b6b,#ff8e8e 50%,#ffa0a0);background:var(--gradient-love);border:none;border-radius:50px;box-shadow:0 4px 20px #ff6b6b66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 30px #ff6b6b80;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}@media (hover:none){.btn-primary:hover{box-shadow:0 4px 20px #ff6b6b66;transform:none}.btn-primary:active{box-shadow:0 2px 10px #ff6b6b4d;transform:scale(.98)}}.btn-secondary{background:#0000;border:2px solid #ff6b6b;border:2px solid var(--primary);border-radius:50px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-secondary:hover{background:#ff6b6b;background:var(--primary);color:#fff}@media (hover:none){.btn-secondary:hover{background:#0000;color:#fff;color:var(--text-primary)}.btn-secondary:active{background:#ff6b6b;background:var(--primary);color:#fff}}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a2e 25%,#252542 50%,#1a1a2e 75%);background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;border-radius:8px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{scrollbar-color:#ff6b6b #0f0f1a;scrollbar-color:var(--primary) var(--bg-dark);scrollbar-width:thin}@media (prefers-contrast:high){:root{--text-secondary:silver}}.swipe-card{-webkit-touch-callout:none;aspect-ratio:2/3;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--bg-card);border-radius:24px;box-shadow:var(--shadow-card);cursor:grab;max-width:340px;overflow:hidden;position:absolute;touch-action:pan-y;transform:translateZ(0);-webkit-user-select:none;user-select:none;width:85%;will-change:transform}.swipe-card:active{cursor:grabbing}.swipe-card.is-top{touch-action:none;z-index:10}.card-image-container{height:100%;position:relative;width:100%}.card-image{height:100%;object-fit:cover;width:100%}.card-no-image{align-items:center;background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-card-hover) 100%);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.card-no-image span{font-size:80px;margin-bottom:16px}.card-no-image p{color:var(--text-secondary);font-size:18px}.card-gradient{background:linear-gradient(0deg,#000000f2 0,#0009 40%,#0000);bottom:0;height:70%;left:0;right:0}.card-gradient,.swipe-indicator{pointer-events:none;position:absolute}.swipe-indicator{align-items:center;border-radius:16px;display:flex;flex-direction:column;font-size:28px;font-weight:800;gap:8px;letter-spacing:2px;padding:20px 30px;top:50%;transform:translateY(-50%);z-index:20}.swipe-indicator.like{background:#4ecdc41a;border:4px solid #4ecdc4;color:#4ecdc4;right:20px}.swipe-indicator.nope{background:#ff6b6b1a;border:4px solid #ff6b6b;color:#ff6b6b;left:20px}.card-info{bottom:100px;left:0;padding:20px 24px;position:absolute;right:0;z-index:5}.card-rating{align-items:center;background:#ffe66d33;border-radius:20px;display:inline-flex;gap:6px;margin-bottom:12px;padding:6px 12px}.card-rating span{color:#ffe66d;font-size:14px;font-weight:700}.card-title{color:#fff;font-size:26px;font-weight:700;line-height:1.2;margin-bottom:8px;text-shadow:0 2px 10px #00000080}.card-year{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:14px;gap:6px;margin-bottom:12px}.card-overview{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fffc;display:-webkit-box;font-size:14px;line-height:1.5;overflow:hidden}.card-actions{bottom:20px;gap:20px;left:0;position:absolute;right:0;z-index:15}.action-btn,.card-actions{align-items:center;display:flex;justify-content:center}.action-btn{border:none;border-radius:50%;box-shadow:0 4px 20px #0000004d;cursor:pointer;transition:all .3s ease}.nope-btn{background:#fff;color:#ff6b6b;height:64px;width:64px}.nope-btn:hover{background:#ff6b6b;box-shadow:0 0 30px #ff6b6b80;color:#fff;transform:scale(1.1)}.info-btn{background:#ffffffe6;color:var(--bg-card);height:52px;width:52px}.info-btn:hover{background:#fff;transform:scale(1.1)}.like-btn{background:#fff;color:#4ecdc4;height:64px;width:64px}.like-btn svg{fill:#4ecdc4;stroke:#4ecdc4}.like-btn:hover{background:#4ecdc4;box-shadow:0 0 30px #4ecdc480;color:#fff;transform:scale(1.1)}.like-btn:hover svg{fill:#fff;stroke:#fff}@media (max-width:420px){.swipe-card{height:520px;max-width:340px}.card-title{font-size:22px}.card-actions{gap:16px}.like-btn,.nope-btn{height:56px;width:56px}.info-btn{height:46px;width:46px}}@media (max-height:700px){.swipe-card{height:420px}.card-info{bottom:80px;padding:16px 20px}.card-title{font-size:20px;margin-bottom:4px}.card-overview{-webkit-line-clamp:2}.swipe-indicator{font-size:22px;padding:12px 20px}}@media (hover:none){.info-btn:hover,.like-btn:hover,.nope-btn:hover{background:#fff;transform:none}.like-btn:hover svg{fill:#4ecdc4;stroke:#4ecdc4}.nope-btn:active{background:#ff6b6b;color:#fff;transform:scale(.95)}.like-btn:active{background:#4ecdc4;color:#fff;transform:scale(.95)}.like-btn:active svg{fill:#fff;stroke:#fff}.info-btn:active{transform:scale(.95)}}.modal-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-content{background:var(--bg-dark);border-radius:24px 24px 0 0;margin-top:calc(60px + env(safe-area-inset-top, 0px));max-height:90vh;max-height:90dvh;max-width:600px;overflow:hidden;overflow-y:auto;position:relative;width:100%}.modal-close{-webkit-tap-highlight-color:transparent;align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:44px;z-index:100}.modal-close:hover{background:#ff6b6bcc;transform:scale(1.1)}.modal-hero{min-height:320px;overflow:hidden;position:relative}.hero-backdrop{filter:blur(2px);height:100%;object-fit:cover;width:100%}.hero-backdrop,.hero-gradient{left:0;position:absolute;top:0}.hero-gradient{background:linear-gradient(180deg,#0f0f1a4d 0,#0f0f1ab3 50%,#0f0f1a);bottom:0;right:0}.hero-content{display:flex;gap:20px;padding:60px 24px 24px;position:relative;z-index:10}.hero-poster{border-radius:16px;box-shadow:0 10px 30px #00000080;flex-shrink:0;height:210px;overflow:hidden;width:140px}.hero-poster img{height:100%;object-fit:cover;width:100%}.poster-placeholder{align-items:center;background:var(--bg-card);display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.hero-info{display:flex;flex:1 1;flex-direction:column;justify-content:flex-end}.hero-info h1{font-size:24px;font-weight:700;line-height:1.2;margin-bottom:8px}.tagline{font-size:14px;font-style:italic;margin-bottom:12px}.hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.hero-meta span{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:6px}.hero-meta .rating{color:#ffe66d;font-weight:600}.genres{display:flex;flex-wrap:wrap;gap:8px}.genre-tag{background:#ff6b6b33;border-radius:20px;color:var(--primary);font-size:12px;font-weight:500;padding:4px 12px}.modal-actions{display:flex;gap:12px;padding:0 24px 24px}.btn-like,.btn-trailer{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s ease}.btn-trailer{background:#ffffff1a;color:#fff}.btn-trailer:hover{background:#fff3}.btn-like{background:var(--gradient-match);color:#fff}.btn-like:hover{box-shadow:0 4px 20px #4ecdc466;transform:translateY(-2px)}.btn-like.liked{background:#ff6b6b33;color:#ff6b6b;cursor:default}.btn-like.liked:hover{box-shadow:none;transform:none}.modal-body{padding:0 24px 40px}.detail-section{margin-bottom:28px}.detail-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:16px}.overview-text{color:var(--text-secondary);font-size:15px;line-height:1.7}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.stat-item{align-items:center;background:var(--bg-card);border-radius:12px;display:flex;gap:12px;padding:16px}.stat-item svg{color:var(--primary)}.stat-label{color:var(--text-secondary);display:block;font-size:12px;margin-bottom:2px}.stat-value{display:block;font-size:14px;font-weight:600}.director-info{align-items:center;display:flex;gap:14px}.director-photo{border-radius:50%;height:60px;object-fit:cover;width:60px}.director-photo-placeholder{align-items:center;background:var(--bg-card);border-radius:50%;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.director-info span{font-size:16px;font-weight:500}.cast-grid{-webkit-overflow-scrolling:touch;display:flex;gap:12px;overflow-x:auto;padding-bottom:10px}.cast-grid::-webkit-scrollbar{height:4px}.cast-card{flex-shrink:0;text-align:center;width:100px}.cast-card img{margin-bottom:8px;object-fit:cover}.cast-card img,.cast-placeholder{border-radius:50%;height:80px;width:80px}.cast-placeholder{align-items:center;background:var(--bg-card);display:flex;font-size:32px;justify-content:center;margin:0 auto 8px}.cast-info{display:flex;flex-direction:column}.cast-name{font-size:13px;font-weight:600}.cast-character,.cast-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cast-character{color:var(--text-secondary);font-size:11px}.release-date,.status{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.release-date strong,.status strong{color:var(--text-primary)}.trailer-overlay{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.trailer-container{aspect-ratio:16/9;background:#000;border-radius:16px;max-width:900px;overflow:hidden;position:relative;width:100%}.trailer-container iframe{height:100%;width:100%}.trailer-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:all .3s ease;width:40px}.trailer-close:hover{background:var(--primary)}.loading-skeleton{padding:20px 0}@media (max-width:480px){.hero-content{flex-direction:column;padding:50px 20px 20px;text-align:center}.hero-content,.hero-info{align-items:center}.genres,.hero-meta{justify-content:center}.modal-actions{flex-direction:column}.stats-grid{grid-template-columns:1fr}}.match-overlay{background:radial-gradient(ellipse at center,#ff6b6b4d 0,#0f0f1afa 70%);height:100vh;height:100dvh;overflow:hidden;position:fixed;width:100vw;z-index:2000}body:has(.match-overlay){overflow:hidden}.confetti{border-radius:2px;height:10px;position:absolute;top:-20px;width:10px}.match-content{align-items:center;display:flex;flex-direction:column;max-height:90vh;max-height:90dvh;overflow-y:auto;padding:40px 20px;position:relative;text-align:center}.hearts-container{height:100px;left:50%;position:absolute;top:-40px;transform:translateX(-50%);width:200px}.floating-heart{animation:float 2s ease-in-out infinite;position:absolute}.heart-1{animation-delay:0s;left:20%;top:0}.heart-2{animation-delay:.3s;right:20%;top:20px}.heart-3{animation-delay:.6s;left:50%;top:40px;transform:translateX(-50%)}.sparkle{animation:sparkle 1.5s ease-in-out infinite;position:absolute}.sparkle-1{animation-delay:.2s;left:10%;top:-10px}.sparkle-2{animation-delay:.5s;right:10%;top:30px}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.match-title{margin-bottom:30px}.its-a{color:var(--text-secondary);display:block;font-size:20px;margin-bottom:4px}.match-text{-webkit-text-fill-color:#0000;animation:heartbeat 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ff8e8e 50%,#ffa0a0);-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:800;text-shadow:0 0 60px #ff6b6b80}.match-poster{border-radius:16px;box-shadow:0 20px 50px #ff6b6b66;height:270px;margin-bottom:24px;width:180px}.match-poster .poster-placeholder{background:var(--bg-card);font-size:64px}.match-heart{align-items:center;animation:pulse 1s ease-in-out infinite;background:#fff;border-radius:50%;bottom:-10px;box-shadow:0 4px 20px #0000004d;display:flex;height:60px;justify-content:center;position:absolute;right:-10px;width:60px}.match-movie-title{font-size:24px;font-weight:700;margin-bottom:8px;max-width:280px}.match-subtitle{color:var(--text-secondary);font-size:16px;margin-bottom:32px}.match-btn{font-size:18px;min-height:52px;padding:16px 48px}@media (max-width:480px){.match-text{font-size:44px}.match-poster{height:225px;width:150px}.match-movie-title{font-size:20px}.match-btn{font-size:16px;padding:14px 36px}}@media (max-height:700px){.match-content{padding:20px 16px;transform:scale(.9)}.hearts-container{display:none}.match-title{margin-bottom:16px}.match-text{font-size:36px}.match-poster{height:180px;margin-bottom:16px;width:120px}.match-subtitle{margin-bottom:20px}}.bulk-match-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.bulk-match-modal{background:var(--bg-card);border-radius:24px;box-shadow:0 20px 60px #ff6b6b4d;max-height:85vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;width:100%}.bulk-close-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px}.bulk-close-btn:hover{background:var(--primary);color:#fff}.bulk-match-header{margin-bottom:25px;text-align:center}.bulk-icon{display:inline-block;margin-bottom:15px;position:relative}.bulk-icon .sparkle-icon{position:absolute;right:-15px;top:-10px}.bulk-match-header h2{-webkit-text-fill-color:#0000;background:var(--gradient-love);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700;margin-bottom:10px}.bulk-match-header p{color:var(--text-secondary);font-size:16px}.bulk-movies-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:25px;max-height:350px;overflow-y:auto;padding:5px}.bulk-movie-card{aspect-ratio:2/3;background:var(--bg-secondary);border-radius:12px;overflow:hidden;position:relative}.bulk-movie-card img{height:100%;object-fit:cover;width:100%}.bulk-movie-card .no-poster{align-items:center;color:var(--text-secondary);display:flex;height:100%;justify-content:center;width:100%}.bulk-movie-title{background:linear-gradient(#0000,#000000e6);bottom:0;color:#fff;font-size:11px;font-weight:500;left:0;line-height:1.2;padding:8px 6px;position:absolute;right:0;text-align:center}.bulk-heart{align-items:center;background:#0009;border-radius:50%;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.bulk-cta-btn{background:var(--gradient-love);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 24px;transition:all .3s ease;width:100%}.bulk-cta-btn:hover{box-shadow:0 8px 20px #ff6b6b66;transform:translateY(-2px)}.bulk-movies-grid::-webkit-scrollbar{width:6px}.bulk-movies-grid::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.bulk-movies-grid::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}@media (max-width:480px){.bulk-match-modal{max-height:90vh;padding:20px}.bulk-match-header h2{font-size:22px}.bulk-movies-grid{gap:10px;grid-template-columns:repeat(3,1fr)}}.match-toast{background:#1e1e2dfa;border:1px solid #ff6b6b4d;border-radius:16px;box-shadow:0 8px 32px #0006;overflow:hidden;position:fixed;right:20px;top:calc(20px + env(safe-area-inset-top, 0px));width:280px;z-index:10000}.toast-content{align-items:center;display:flex;gap:12px;padding:12px}.toast-poster{background:#ffffff1a;border-radius:8px;flex-shrink:0;height:75px;overflow:hidden;width:50px}.toast-poster img{height:100%;object-fit:cover;width:100%}.toast-poster .poster-placeholder{align-items:center;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.toast-info{flex:1 1;min-width:0}.toast-label{align-items:center;color:#ff6b6b;display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:4px}.toast-title{color:#fff;font-size:14px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.toast-close:hover{background:#fff3;color:#fff}.toast-progress{background:var(--gradient-love);height:3px;transform-origin:left center}@media (max-width:768px){.match-toast{left:10px;right:10px;width:auto}}.top-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f1af2;border-bottom:1px solid #ffffff0d;height:calc(60px + env(safe-area-inset-top, 0px));justify-content:space-between;left:0;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));padding-top:env(safe-area-inset-top,0);position:fixed;right:0;top:0;z-index:100}.logo,.top-header{align-items:center;display:flex}.logo{gap:10px}.logo-icon{animation:pulse 2s ease-in-out infinite;color:var(--primary)}.logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-love);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.sync-status{align-items:center;border-radius:20px;display:flex;font-size:12px;gap:6px;padding:6px 12px}.sync-status.synced{background:#4caf5033;color:#4caf50}.sync-status.demo{background:#ff980033;color:#ff9800}.bottom-nav{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f1afa;border-top:1px solid #ffffff0d;bottom:0;display:flex;height:calc(70px + env(safe-area-inset-bottom, 0px));justify-content:space-around;left:0;padding:8px max(20px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));position:fixed;right:0;z-index:100}@media (max-width:768px){.top-header{height:calc(50px + env(safe-area-inset-top, 0px));padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.logo-text{font-size:18px}.bottom-nav{height:calc(60px + env(safe-area-inset-bottom, 0px));padding:4px 12px}}.nav-item{align-items:center;border-radius:12px;color:var(--text-secondary);display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:4px;min-height:44px;min-width:44px;padding:8px 20px;text-decoration:none;transition:color .2s ease;-webkit-user-select:none;user-select:none}.nav-item:hover{color:var(--text-primary)}.nav-item.active,.nav-item.active svg{color:var(--primary)}.nav-icon-container{position:relative}.badge{align-items:center;background:var(--gradient-love);border-radius:10px;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-12px;top:-8px}.connected-dot{background:var(--secondary);height:10px;width:10px}.account-dot,.connected-dot{border:2px solid var(--bg-dark);border-radius:50%;position:absolute;right:-2px;top:-2px}.account-dot{background:#667eea;height:8px;width:8px}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:calc(10px + env(safe-area-inset-bottom))}}@media (min-width:600px){.nav-item{flex-direction:row;font-size:14px;gap:8px;padding:10px 24px}}.swipe-page{display:flex;flex-direction:column;min-height:100%;min-height:100dvh;padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px));padding-top:calc(70px + env(safe-area-inset-top, 0px))}@media (max-width:768px){.swipe-page{padding-bottom:calc(65px + env(safe-area-inset-bottom, 0px));padding-top:calc(50px + env(safe-area-inset-top, 0px))}}.category-tabs{-webkit-overflow-scrolling:touch;background:var(--bg-primary);display:flex;gap:8px;overflow-x:auto;padding:16px 20px;position:relative;z-index:200}@media (max-width:768px){.category-tabs{gap:6px;padding:8px 12px}}.category-tabs::-webkit-scrollbar{display:none}.category-tab{align-items:center;background:var(--bg-card);border:none;border-radius:25px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 18px;transition:all .3s ease;white-space:nowrap}@media (max-width:768px){.category-tab{font-size:12px;gap:4px;padding:6px 12px}}.category-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.category-tab.active{background:var(--gradient-love);box-shadow:0 4px 20px #ff6b6b4d;color:#fff}.category-tab.genre-of-day{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;color:#fff}.category-tab.genre-of-day:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.02)}.category-tab.genre-of-day.active{box-shadow:0 4px 20px #764ba266}.genre-emoji{font-size:16px}.genre-of-day-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-flex;font-size:12px;gap:6px;margin:0 20px 8px;padding:6px 12px;position:relative;width:-webkit-fit-content;width:fit-content;z-index:10}.banner-emoji{font-size:14px}.banner-label{opacity:.9}.banner-genre{font-weight:600}.mobile-only{display:none}.desktop-only{display:flex}@media (max-width:768px){.mobile-only{display:flex}.desktop-only{display:none!important}}.category-dropdown-trigger{background:var(--gradient-love)!important;color:#fff!important}.category-dropdown-trigger .rotated{transform:rotate(180deg)}.category-dropdown-menu{background:var(--bg-card);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;left:12px;padding:8px;position:absolute;right:12px;top:calc(105px + env(safe-area-inset-top, 0px));z-index:500}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#ffffff0d}.dropdown-item.active{background:#ff6b6b1a;color:var(--primary)}.dropdown-item .check-icon{color:var(--primary);margin-left:auto}@media (max-width:768px){.genre-of-day-banner{display:none}}.genre-badge-inline{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;flex-direction:column;font-size:10px;gap:0;line-height:1.2;margin-left:auto;padding:4px 10px;white-space:nowrap}.genre-badge-inline .badge-label{font-size:9px;opacity:.85}.genre-badge-inline .badge-genre{font-size:11px;font-weight:600}@media (max-width:768px){.swipe-page:has(.genre-of-day-banner) .swipe-container{margin-top:0;transform:none}}.category-tab.filter-btn{position:relative}.filter-badge{align-items:center;background:var(--secondary);border-radius:50%;color:#fff;display:flex;font-size:10px;height:14px;justify-content:center;position:absolute;right:-2px;top:-2px;width:14px}.filters-panel{background:var(--bg-card);border-radius:16px;margin:0 20px;max-height:50vh;overflow:hidden;overflow-y:auto;padding:16px;position:relative;z-index:200}.filter-section{margin-bottom:16px}.filter-section label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:10px}.filter-hint{color:var(--text-secondary);font-size:12px;font-weight:400}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{align-items:center;background:var(--bg-secondary);border:1px solid var(--bg-card-hover);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:8px 14px;transition:all .2s ease}.filter-chip:hover{background:#ff6b6b1a;border-color:var(--primary);color:var(--text-primary)}.filter-chip.selected{background:var(--gradient-love);border-color:#0000;color:#fff;font-weight:500}.filter-chip.selected:hover{box-shadow:0 2px 10px #ff6b6b66}.filter-chip svg{margin-left:2px}.filter-actions{border-top:1px solid var(--bg-card-hover);display:flex;gap:10px;margin-top:16px;padding-top:16px}.filter-reset{align-items:center;background:#0000;border:1px solid var(--text-secondary);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:4px;padding:10px 16px;transition:all .2s ease}.filter-reset:hover{border-color:var(--primary);color:var(--primary)}.filter-apply{background:var(--gradient-love);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.filter-apply:hover{box-shadow:0 4px 15px #ff6b6b66}select option{background:var(--bg-secondary);color:var(--text-primary)}.cards-container{align-items:center;display:flex;flex:1 1;isolation:isolate;justify-content:center;min-height:400px;overflow:visible;overscroll-behavior:contain;padding:10px 20px;position:relative;z-index:1}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px}.loading-spinner{color:var(--primary)}.empty-state{align-items:center;display:flex;flex-direction:column;padding:40px 20px;text-align:center}.empty-icon{font-size:80px;margin-bottom:16px}.empty-state h3{font-size:24px;margin-bottom:8px}.empty-state p{color:var(--text-secondary);margin-bottom:24px}.empty-state .btn-primary{align-items:center;display:flex;gap:8px}.swipe-hint{align-items:center;display:flex;font-size:14px;gap:20px;justify-content:center;padding:16px}.hint-nope{color:var(--primary);font-weight:500}.hint-divider{color:var(--text-secondary)}.hint-like{color:var(--secondary);font-weight:500}@media (max-width:480px){.category-tabs{padding:12px 16px}.category-tab{font-size:13px;padding:8px 14px}.cards-container{min-height:450px;padding:10px}}@media (max-height:700px){.swipe-page{padding-bottom:calc(70px + env(safe-area-inset-bottom, 0px));padding-top:calc(60px + env(safe-area-inset-top, 0px))}.cards-container{min-height:380px}}.matches-page{min-height:100vh;min-height:100dvh;overscroll-behavior:contain;padding-bottom:calc(100px + env(safe-area-inset-bottom, 0px));padding-top:calc(70px + env(safe-area-inset-top, 0px))}.matches-header{padding:30px 20px;position:relative;text-align:center}.header-content{margin-bottom:20px;position:relative}.header-icon{display:inline-block;margin-bottom:12px;position:relative}.header-icon .sparkle{animation:sparkle 1.5s ease-in-out infinite;position:absolute;right:-12px;top:-8px}.matches-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-love);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin-bottom:8px}.matches-header p{color:var(--text-secondary);font-size:15px}.refresh-btn{align-items:center;background:var(--bg-card);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:0;transition:all .3s ease;width:40px}.refresh-btn:hover{background:var(--primary);color:#fff}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-btn .spinning{animation:spin 1s linear infinite}.matches-count{align-items:center;background:var(--bg-card);border-radius:25px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px}.matches-count svg{color:var(--primary)}.matches-container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:1}.loading-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.match-skeleton{border-radius:16px;height:320px}.empty-matches{align-items:center;display:flex;flex-direction:column;padding:60px 20px;text-align:center}.empty-matches .empty-icon{align-items:center;background:var(--bg-card);border-radius:50%;color:var(--text-secondary);display:flex;height:120px;justify-content:center;margin-bottom:24px;width:120px}.empty-matches h3{font-size:24px;margin-bottom:12px}.empty-matches p{color:var(--text-secondary);line-height:1.6;margin-bottom:24px;max-width:300px}.empty-matches .btn-primary{text-decoration:none}.matches-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));position:relative;z-index:1}.match-card{background:var(--bg-card);border-radius:16px;cursor:pointer;overflow:hidden;transition:all .3s ease}.match-card:hover{box-shadow:0 10px 40px #ff6b6b33}.match-poster{aspect-ratio:2/3;overflow:hidden;position:relative}.match-poster img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.match-card:hover .match-poster img{transform:scale(1.05)}.match-poster .poster-placeholder{background:var(--bg-card-hover);font-size:48px;height:100%;width:100%}.match-overlay,.match-poster .poster-placeholder{align-items:center;display:flex;justify-content:center}.match-overlay{background:#000000b3;bottom:0;flex-direction:column;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.match-card:hover .match-overlay{opacity:1}.remove-btn{align-items:center;background:#ff6b6be6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;width:36px}.remove-btn:hover{background:var(--primary);transform:scale(1.1)}.overlay-content{color:#fff;flex-direction:column;font-size:14px;gap:8px}.match-badge,.overlay-content{align-items:center;display:flex}.match-badge{background:var(--gradient-love);border-radius:50%;bottom:10px;box-shadow:0 2px 10px #ff6b6b80;height:28px;justify-content:center;position:absolute;right:10px;width:28px}.match-info{padding:14px}.match-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:8px;overflow:hidden}.match-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.match-meta span{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:4px}.match-meta .rating{color:#ffe66d;font-weight:600}.match-genres{display:flex;flex-wrap:wrap;gap:6px}.match-genres .genre-tag{background:#ff6b6b26;border-radius:10px;color:var(--primary);font-size:10px;font-weight:500;padding:3px 8px}@media (max-width:600px){.matches-grid{gap:14px;grid-template-columns:repeat(2,1fr)}.matches-header h1{font-size:24px}}@media (min-width:900px){.matches-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.connect-page{min-height:100%;min-height:100dvh;overscroll-behavior:contain;padding-bottom:calc(100px + env(safe-area-inset-bottom, 0px));padding-top:calc(70px + env(safe-area-inset-top, 0px))}.connect-header{padding:30px 20px 20px;text-align:center}.header-hearts{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.header-hearts .heart{animation:float 2s ease-in-out infinite}.header-hearts .heart-1{animation-delay:0s}.header-hearts .heart-2{animation-delay:.5s}.header-hearts .users-icon{color:var(--primary)}.connect-header h1{font-size:26px;font-weight:700;margin-bottom:8px}.connect-header p{color:var(--text-secondary);font-size:15px}.firebase-status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;gap:6px;margin-top:12px;padding:6px 12px}.firebase-status.enabled{background:#4caf5033;color:#4caf50}.firebase-status.disabled{background:#ff980033;color:#ff9800}.connect-content{margin:0 auto;max-width:500px;padding:0 20px}.profile-section{margin-bottom:30px}.profile-section h3{color:var(--text-secondary);font-size:14px;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.profile-card{background:var(--bg-card);border-radius:16px;gap:16px;padding:16px 20px}.avatar,.profile-card{align-items:center;display:flex}.avatar{background:var(--gradient-love);border-radius:50%;color:#fff;font-size:24px;font-weight:700;height:50px;justify-content:center;width:50px}.name-edit{display:flex;flex:1 1;gap:10px}.name-edit input{background:var(--bg-dark);border:2px solid var(--primary);border-radius:10px;color:#fff;flex:1 1;font-size:15px;padding:10px 14px}.name-edit input:focus{outline:none}.save-btn{background:var(--primary);border:none;border-radius:10px;color:#fff;height:40px;justify-content:center;width:40px}.name-display,.save-btn{align-items:center;cursor:pointer;display:flex}.name-display{gap:8px;padding:8px 0}.name-display span{font-size:16px;font-weight:500}.name-display svg{color:var(--text-secondary)}.connected-section{text-align:center}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.status-badge.connected{background:#4ecdc433;color:var(--secondary)}.code-display{margin-bottom:24px}.code-label{color:var(--text-secondary);display:block;font-size:14px;margin-bottom:12px}.code-box{gap:8px}.code-box,.code-char{display:flex;justify-content:center}.code-char{align-items:center;background:var(--bg-card);border:2px solid var(--primary);border-radius:12px;color:var(--primary);font-size:24px;font-weight:700;height:56px;width:48px}.action-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:30px}.btn-action{align-items:center;background:var(--bg-card);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-action:hover{background:var(--bg-card-hover)}.btn-action.share{background:var(--gradient-love)}.btn-action.share:hover{transform:translateY(-2px)}.partner-section{margin-bottom:30px;text-align:left}.partner-section h3{font-size:16px;margin-bottom:12px}.partner-card{align-items:center;background:var(--bg-card);border-radius:16px;display:flex;gap:14px;padding:16px}.partner-avatar{font-size:36px}.partner-info{display:flex;flex-direction:column;gap:4px}.partner-name{font-weight:600}.partner-status{color:var(--text-secondary);font-size:13px}.btn-disconnect{align-items:center;background:#0000;border:1px solid var(--text-secondary);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-disconnect:hover{border-color:var(--primary);color:var(--primary)}.connect-options{display:flex;flex-direction:column;gap:20px}.option-card{background:var(--bg-card);border-radius:20px;padding:28px;text-align:center}.option-icon{align-items:center;background:#ff6b6b1a;border-radius:50%;color:var(--primary);display:flex;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.option-card h3{font-size:18px;margin-bottom:8px}.option-card p{font-size:14px;margin-bottom:20px}.divider,.option-card p{color:var(--text-secondary)}.divider{align-items:center;display:flex;gap:16px}.divider:after,.divider:before{background:var(--bg-card-hover);content:"";flex:1 1;height:1px}.code-input-container{margin-bottom:16px}.code-input{background:var(--bg-dark);border:2px solid var(--bg-card-hover);border-radius:12px;color:#fff;font-size:24px;font-weight:700;letter-spacing:8px;padding:16px;text-align:center;transition:all .3s ease;width:100%}.code-input:focus{border-color:var(--primary);outline:none}.code-input::placeholder{color:var(--text-secondary);letter-spacing:4px}.error-text{color:var(--primary);display:block;font-size:13px;margin-top:8px}.how-it-works{background:var(--bg-card);border-radius:20px;margin-top:40px;padding:24px}.how-it-works h3{font-size:18px;margin-bottom:20px;text-align:center}.steps{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.step{gap:12px}.step,.step-number{align-items:center;display:flex}.step-number{background:var(--gradient-love);border-radius:50%;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.step p{color:var(--text-secondary);font-size:13px;line-height:1.4}@media (max-width:480px){.steps{grid-template-columns:1fr}.code-char{font-size:20px;height:50px;width:42px}}.account-page{background:var(--bg-primary);min-height:100vh;padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px));padding-top:calc(60px + env(safe-area-inset-top, 0px))}.account-container{margin:0 auto;max-width:500px;padding:20px}.account-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.account-loading .spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.account-disabled{color:var(--text-secondary);padding:60px 20px;text-align:center}.account-disabled svg{margin-bottom:16px;opacity:.5}.account-disabled h2{color:var(--text-primary);margin-bottom:8px}.profile-header{align-items:center;background:var(--bg-card);border-radius:16px;display:flex;gap:16px;margin-bottom:16px;padding:20px}.profile-avatar{align-items:center;background:var(--bg-card-hover);border-radius:50%;color:var(--text-secondary);display:flex;height:64px;justify-content:center;overflow:hidden;width:64px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-info h2{color:var(--text-primary);font-size:20px;margin-bottom:4px}.profile-info p{color:var(--text-secondary);font-size:14px}.account-status{align-items:center;background:#4ecdc41a;border-radius:12px;color:#4ecdc4;display:flex;font-size:13px;gap:8px;padding:12px 16px}.account-section,.account-status{margin-bottom:24px}.account-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;gap:8px;margin-bottom:12px}.empty-history,.loading-text{color:var(--text-secondary);font-size:14px;padding:20px;text-align:center}.session-list{display:flex;flex-direction:column;gap:8px}.session-item{background:var(--bg-card);border-radius:12px;padding:12px 16px}.session-info{justify-content:space-between;margin-bottom:8px}.session-info,.session-partner{align-items:center;display:flex}.session-partner{color:var(--text-primary);font-weight:500;gap:6px}.session-partner svg{color:var(--primary)}.session-code{background:#ffffff0d;border-radius:4px;font-family:monospace;padding:2px 8px}.session-code,.session-meta{color:var(--text-secondary);font-size:12px}.session-meta{display:flex;gap:16px}.session-meta span{gap:4px}.logout-btn,.session-meta span{align-items:center;display:flex}.logout-btn{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:12px;color:#ff6b6b;cursor:pointer;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:14px;transition:all .2s ease;width:100%}.logout-btn:hover{background:#ff6b6b33}.login-hero{padding:40px 20px 30px;text-align:center}.login-icon{align-items:center;background:var(--gradient-love);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.login-hero h2{color:var(--text-primary);font-size:24px;margin-bottom:8px}.login-hero p{color:var(--text-secondary);font-size:15px}.login-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.benefit-item{align-items:center;background:var(--bg-card);border-radius:12px;display:flex;gap:14px;padding:14px 16px}.benefit-icon{font-size:24px}.benefit-text{display:flex;flex-direction:column;gap:2px}.benefit-text strong{color:var(--text-primary);font-size:14px}.benefit-text span{color:var(--text-secondary);font-size:12px}.google-login-btn{align-items:center;background:#fff;border:none;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;justify-content:center;padding:14px;transition:all .2s ease;width:100%}.google-login-btn:hover{background:#f5f5f5;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.login-note{color:var(--text-secondary);font-size:12px;margin-top:16px;opacity:.8;text-align:center}.likes-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.like-item{aspect-ratio:2/3;background:var(--bg-card);border-radius:8px;overflow:hidden;position:relative}.like-item img{height:100%;object-fit:cover;width:100%}.like-rating{align-items:center;background:#000000b3;border-radius:4px;bottom:4px;color:#ffe66d;display:flex;font-size:10px;gap:2px;left:4px;padding:2px 6px;position:absolute}.like-item.more-count{align-items:center;background:var(--bg-card);color:var(--text-secondary);display:flex;font-size:12px;font-weight:500;justify-content:center}.like-item.more-count:hover{background:var(--bg-card-hover);color:var(--primary)}.like-item.clickable{cursor:pointer;transition:transform .2s ease}.like-item.clickable:hover{transform:scale(1.05)}.likes-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.likes-modal{background:var(--bg-card);border-radius:20px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.likes-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.likes-modal-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:18px;gap:10px}.likes-modal-header h2 svg{color:var(--primary)}.likes-modal-header button{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s ease}.likes-modal-header button:hover{background:#ffffff1a;color:var(--text-primary)}.likes-modal-grid{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(3,1fr);overflow-y:auto;padding:20px}.likes-modal-item{background:#ffffff0d;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.likes-modal-item:hover{background:#ffffff1a;transform:scale(1.02)}.likes-modal-item img{aspect-ratio:2/3;object-fit:cover;width:100%}.likes-modal-item-info{padding:12px}.likes-modal-item-info .title{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.likes-modal-item-info .rating{align-items:center;color:#ffe66d;display:flex;font-size:13px;gap:4px}@media (max-width:480px){.likes-modal-grid{grid-template-columns:repeat(2,1fr)}}.app,.app-loading{background:var(--bg-dark);min-height:100vh}.app-loading{align-items:center;display:flex;justify-content:center}.loading-logo{font-size:60px}.main-content,.welcome-screen{min-height:100vh}.welcome-screen{align-items:center;display:flex;justify-content:center;overflow:hidden;padding:40px 20px;position:relative}.welcome-content{max-width:400px;position:relative;text-align:center;z-index:10}.welcome-logo{display:inline-block;margin-bottom:24px;position:relative}.logo-emoji{display:block;font-size:80px}.logo-heart{animation:heartbeat 1.5s ease-in-out infinite;bottom:-10px;font-size:40px;position:absolute;right:-20px}.welcome-screen h1{-webkit-text-fill-color:#0000;background:var(--gradient-love);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;margin-bottom:12px}.tagline{color:var(--text-secondary);font-size:18px;margin-bottom:40px}.features{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.feature{align-items:center;background:var(--bg-card);border-radius:16px;display:flex;font-size:16px;gap:12px;justify-content:center;padding:16px 24px}.feature-icon{font-size:24px}.get-started{font-size:18px;margin-bottom:20px;padding:18px 32px;width:100%}.note{color:var(--text-secondary);font-size:14px}.welcome-bg{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.blob{border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.blob-1{animation:float 8s ease-in-out infinite;background:var(--primary);height:400px;right:-100px;top:-100px;width:400px}.blob-2{animation:float 10s ease-in-out infinite;animation-delay:2s;background:var(--secondary);bottom:-50px;height:300px;left:-100px;width:300px}.blob-3{animation:pulse 6s ease-in-out infinite;background:var(--accent);height:200px;left:50%;top:50%;transform:translate(-50%,-50%);width:200px}@media (max-width:480px){.welcome-screen h1{font-size:36px}.logo-emoji{font-size:60px}.logo-heart{font-size:32px;right:-15px}.feature{font-size:15px;padding:14px 20px}}
/*# sourceMappingURL=main.96e47c86.css.map*/