:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-color:#0f0f13;--card-bg:#1a1a20;--text-primary:#fff;--text-secondary:#a0a0b0;--accent-color:#ff3b30;--accent-gradient:linear-gradient(45deg, #ff3b30, #ff9500);--success-color:#4cd964;--glass-bg:#ffffff1a;--glass-border:#fff3;--font-display:"Space Grotesk", sans-serif;--font-body:"Outfit", sans-serif}#root{width:100%;height:100%}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100%;height:100vh;margin:0;padding:0;overflow:hidden}body:before{content:"";pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.app{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100vh;padding:5px 0 20px;display:flex;overflow:hidden}.swipe-criteria{display:none}.card{background-color:var(--card-bg);width:90%;height:100%;max-width:unset;will-change:transform;backface-visibility:hidden;border:1px solid #ffffff0d;border-radius:20px;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 10px 30px -5px #00000080}.card:before{content:"";background-image:var(--bg-img);filter:blur(15px)brightness(.6);z-index:1;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.card:after{content:"";background-image:var(--bg-img);z-index:2;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute;top:0;left:0}.card-gradient{z-index:10;background:linear-gradient(#0000,#000000f2);width:100%;height:60%;position:absolute;bottom:0;left:0}.card-content{box-sizing:border-box;z-index:11;text-align:left;width:100%;padding:24px;position:absolute;bottom:0;left:0}.swipe-buttons{z-index:20;justify-content:center;gap:40px;margin-top:5px;display:flex}.movie-overview-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:90%;max-height:100px;margin-top:10px;padding:10px;animation:.5s ease-out fadeInUp;overflow-y:auto}.movie-overview-text{color:var(--text-secondary);text-align:center;margin:0;font-size:13px;line-height:1.4}.swipe-btn{cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;transition:transform .1s,background .2s;display:flex;box-shadow:0 4px 10px #0000004d}.swipe-btn.left{color:var(--accent-color);border:2px solid var(--accent-color)}.swipe-btn.right{color:var(--success-color);border:2px solid var(--success-color)}.swipe-btn:active{transform:scale(.9)}.swipe-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}.app-header{box-sizing:border-box;z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;padding:0 20px;animation:.8s cubic-bezier(.2,.8,.2,1) fadeInDown;display:flex}.users-container{justify-content:space-between;align-items:center;width:100%;padding:0 10px;display:flex}.brand-container{display:none}.user-section{align-items:center;min-width:40px;display:flex}.user-section.right{justify-content:flex-end}.partner-info{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:30px;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.partner-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:12px;font-weight:500;overflow:hidden}.user-avatar{object-fit:cover;background:#333;border:2px solid #fff3;border-radius:50%;width:36px;height:36px}.user-avatar.placeholder{color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex}.app h1{font-family:var(--font-display);background:var(--accent-gradient);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:1px;-webkit-background-clip:text;margin:0;font-size:20px;font-weight:700}.room-info{color:var(--text-secondary);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;margin-top:8px;padding:6px 16px;font-size:14px;display:inline-block}.cardContainer{justify-content:center;width:100%;max-width:600px;height:55vh;max-height:500px;margin-top:20px;display:flex;position:relative}.swipe{justify-content:center;width:100%;height:100%;display:flex;position:absolute}.card h3{font-family:var(--font-display);color:#fff;margin:0 0 8px;font-size:28px;line-height:1.1}.card p{opacity:.8;margin:0;font-size:14px}.infoText{height:24px;color:var(--text-secondary);letter-spacing:.5px;opacity:0;font-size:16px;font-weight:500;animation:.3s forwards fadeIn}.buttons{width:100%;padding-bottom:env(safe-area-inset-bottom,20px);justify-content:center;animation:.8s cubic-bezier(.2,.8,.2,1) .2s backwards fadeInUp;display:flex}.btn-primary{background:var(--accent-gradient);color:#fff;font-family:var(--font-display);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:50px;padding:16px 32px;font-size:16px;font-weight:700;transition:transform .1s;box-shadow:0 10px 20px -5px #ff3b3066}.btn-primary:active{transform:scale(.95)}.loading,.error-container{height:100vh;color:var(--text-secondary);font-family:var(--font-display);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}to{opacity:.6;transform:scale(1)}}.match-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;animation:.5s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.match-content{text-align:center;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards popIn;transform:scale(.8)}.match-title{font-family:var(--font-display);background:linear-gradient(45deg,#ff3b30,#ff9500,#4cd964);-webkit-text-fill-color:transparent;text-shadow:0 10px 30px #ff3b304d;letter-spacing:-2px;-webkit-background-clip:text;margin:0 0 20px;font-size:48px;font-weight:900}.match-movie{color:#fff;margin-bottom:40px;font-size:24px}.match-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50px;padding:16px 48px;font-size:18px;font-weight:700;box-shadow:0 10px 30px #fff3}@keyframes popIn{to{transform:scale(1)}}.partner-status{background:#00000080;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex;position:absolute;top:10px;right:10px}.status-dot{background-color:#555;border-radius:50%;width:8px;height:8px}.status-dot.active{background-color:var(--success-color);box-shadow:0 0 10px var(--success-color)}