@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--c-bg:#09090f;--c-surface:#10101c;--c-surface2:#18182a;--c-border:#b4a0ff1a;--c-text:#eeecff;--c-muted:#7a78a0;--c-accent:#9b5de5;--c-accent2:#c77dff;--c-like:#22c55e;--c-nope:#ef4444;--r-sm:12px;--r-md:20px;--r-lg:28px;--shadow-glow:0 0 40px #9b5de52e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--c-bg);height:100%;color:var(--c-text);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow-x:hidden}#root{justify-content:center;align-items:stretch;min-height:100%;display:flex}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 55% at 20% 5%,#9b5de529 0%,#0000 65%),radial-gradient(50% 40% at 80% 95%,#c77dff1a 0%,#0000 60%),radial-gradient(35% 30%,#643cb40f 0%,#0000 70%);position:fixed;inset:0}.page{z-index:1;flex-direction:column;width:100%;max-width:440px;min-height:100dvh;padding:32px 24px 40px;display:flex;position:relative}h1{letter-spacing:-.04em;font-size:2.2rem;font-weight:900;line-height:1.1}h2{letter-spacing:-.02em;font-size:1.4rem;font-weight:700}h3{font-size:1.1rem;font-weight:600}p{color:var(--c-muted);line-height:1.6}.logo{align-items:center;gap:10px;margin-bottom:40px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--c-accent), var(--c-accent2));border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 8px 24px #e632644d}.logo-text{letter-spacing:-.04em;font-size:1.5rem;font-weight:900}.logo-text span{color:var(--c-accent)}.form-group{flex-direction:column;gap:10px;display:flex}.form-label{letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);font-size:.72rem;font-weight:700}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--c-border);background:var(--c-surface);color:var(--c-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:99px;align-items:center;gap:6px;padding:9px 16px;font-size:.875rem;font-weight:600;transition:all .18s;display:flex}.chip:hover{color:var(--c-text);border-color:#fff3}.chip.active{background:linear-gradient(135deg, var(--c-accent), var(--c-accent2));color:#fff;border-color:#0000;box-shadow:0 4px 16px #e6326459}.select-wrap{position:relative}.select-wrap select{appearance:none;background:var(--c-surface);border:1.5px solid var(--c-border);width:100%;color:var(--c-text);border-radius:var(--r-sm);cursor:pointer;outline:none;padding:14px 44px 14px 16px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;transition:border-color .18s}.select-wrap select:focus{border-color:#e6326480}.select-wrap:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%237a7a9a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;width:16px;height:16px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.btn-primary{background:linear-gradient(135deg, var(--c-accent) 0%, var(--c-accent2) 100%);color:#fff;letter-spacing:.01em;cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;gap:10px;width:100%;padding:17px 24px;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 30px #e6326466,0 2px 8px #0000004d}.btn-primary:before{content:"";background:#fff0;transition:background .2s;position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px #e6326480,0 4px 12px #0006}.btn-primary:hover:before{background:#ffffff0d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--c-surface);border:1.5px solid var(--c-border);width:100%;color:var(--c-text);cursor:pointer;border-radius:99px;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-secondary:hover{background:var(--c-surface2);border-color:#ffffff26}.alert-error{color:#fca5a5;border-radius:var(--r-sm);background:#ef44441a;border:1.5px solid #ef44444d;padding:14px 16px;font-size:.9rem;font-weight:500}.room-page{z-index:1;flex-direction:column;width:100%;max-width:440px;min-height:100dvh;padding:28px 20px 32px;display:flex;position:relative;overflow:hidden}.room-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.room-badge{background:var(--c-surface);border:1.5px solid var(--c-border);color:var(--c-muted);border-radius:99px;padding:6px 16px;font-size:.82rem;font-weight:700}.card-stack{flex:1;min-height:0;max-height:calc(100dvh - 260px);position:relative}.card-bg{border-radius:var(--r-lg);opacity:.5;background:var(--c-surface);position:absolute;inset:0;overflow:hidden;transform:scale(.94)translateY(14px)}.card-bg img{object-fit:cover;filter:blur(2px);width:100%;height:100%}.swipe-card{border-radius:var(--r-lg);background:var(--c-surface);cursor:grab;touch-action:none;box-shadow:0 16px 40px #0006, var(--shadow-glow);will-change:transform;backface-visibility:hidden;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.swipe-card:active{cursor:grabbing}.card-poster-wrap{background:var(--c-surface2);flex-shrink:0;width:100%;height:58%;position:relative;overflow:hidden}.card-poster-bg{object-fit:cover;filter:blur(12px);opacity:.25;pointer-events:none;will-change:transform;width:120%;height:120%;position:absolute;top:-10%;left:-10%;transform:translateZ(0)}.card-poster{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.card-body{background:var(--c-surface);pointer-events:none;border-top:1px solid var(--c-border);flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.card-title{letter-spacing:-.03em;color:var(--c-text);font-size:1.35rem;font-weight:800;line-height:1.2}.card-year{color:var(--c-accent);font-size:.9rem;font-weight:500}.card-overview{color:var(--c-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.55;display:-webkit-box;overflow:hidden}.stamp{letter-spacing:.04em;z-index:30;pointer-events:none;border-radius:12px;padding:8px 18px;font-size:2rem;font-weight:900;position:absolute;top:28px}.stamp-like{color:var(--c-like);border:5px solid var(--c-like);text-shadow:0 0 20px #22c55e80;right:24px;transform:rotate(15deg)}.stamp-nope{color:var(--c-nope);border:5px solid var(--c-nope);text-shadow:0 0 20px #ef444480;left:24px;transform:rotate(-15deg)}.action-btns{justify-content:center;align-items:center;gap:28px;margin-top:24px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .2s,box-shadow .2s;display:flex}.action-btn:hover{transform:scale(1.1)}.action-btn:active{transform:scale(.95)}.action-btn-nope{background:var(--c-surface2);color:var(--c-nope);box-shadow:0 8px 28px #ef444440}.action-btn-like{background:var(--c-surface2);color:var(--c-like);box-shadow:0 8px 28px #22c55e40}.results-page{z-index:1;flex-direction:column;width:100%;max-width:440px;min-height:100dvh;padding:48px 24px 40px;display:flex;position:relative}.match-card{background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--r-md);align-items:center;gap:16px;margin-bottom:12px;padding:16px;transition:border-color .2s;display:flex}.match-card:hover{border-color:#e6326466}.match-card img{object-fit:cover;border-radius:10px;flex-shrink:0;width:56px;height:80px}.divider{background:var(--c-border);height:1px;margin:8px 0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:4px}