@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--aurora-violet: #8b5cf6;--aurora-pink: #ec4899;--aurora-orange: #fb923c;--aurora-cyan: #22d3ee;--aurora-mint: #34d399;--aurora-amber: #fbbf24;--aurora-rose: #fb7185;--bg-deep: #07041a;--bg-mid: #0e0823;--bg-soft: #1a0f3a;--bg-accent: #2d1968;--glass-1: rgba(255, 255, 255, .05);--glass-2: rgba(255, 255, 255, .08);--glass-3: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .12);--glass-border-strong: rgba(255, 255, 255, .18);--text: #f8f7ff;--text-soft: #d6d2f0;--text-muted: #9b94c5;--text-faint: #6f6890;--watch: #34d399;--skip: #fb7185;--seen: #60a5fa;--shadow-glow-violet: 0 0 0 1px rgba(139, 92, 246, .3), 0 20px 60px -10px rgba(139, 92, 246, .4);--shadow-glow-pink: 0 0 0 1px rgba(236, 72, 153, .3), 0 20px 60px -10px rgba(236, 72, 153, .4);--shadow-glow-orange: 0 0 0 1px rgba(251, 146, 60, .3), 0 20px 60px -10px rgba(251, 146, 60, .4);--shadow-card: 0 20px 50px -15px rgba(7, 4, 26, .6);--shadow-deep: 0 30px 80px -20px rgba(7, 4, 26, .8);--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px;--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--ease-swift: cubic-bezier(.22, 1, .36, 1);--ease-glide: cubic-bezier(.4, 0, .2, 1);--grad-aurora: linear-gradient(135deg, #8b5cf6 0%, #ec4899 50%, #fb923c 100%);--grad-aurora-soft: linear-gradient(135deg, rgba(139, 92, 246, .18) 0%, rgba(236, 72, 153, .18) 50%, rgba(251, 146, 60, .18) 100%);--grad-cool: linear-gradient(135deg, #22d3ee 0%, #8b5cf6 100%);--grad-warm: linear-gradient(135deg, #fbbf24 0%, #fb923c 100%);--grad-watch: linear-gradient(135deg, #10b981 0%, #34d399 100%);--grad-skip: linear-gradient(135deg, #f43f5e 0%, #fb7185 100%);--grad-seen: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,Inter,Segoe UI,system-ui,sans-serif;color:var(--text);background-color:var(--bg-deep);background-image:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(139,92,246,.35),transparent 50%),radial-gradient(ellipse 70% 50% at 90% 0%,rgba(236,72,153,.25),transparent 50%),radial-gradient(ellipse 80% 60% at 50% 100%,rgba(251,146,60,.18),transparent 50%),linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-mid) 40%,#0a0524 100%);background-attachment:fixed;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em;overflow-x:hidden}::selection{background:var(--aurora-pink);color:#fff}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:0;background:transparent}a{color:var(--aurora-cyan);text-decoration:none;transition:color .2s}a:hover{color:var(--aurora-pink)}img{max-width:100%;display:block}.app-shell{min-height:100vh;min-height:100dvh;position:relative;display:flex;flex-direction:column}.bg-haze{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(139,92,246,.18),transparent 30%),radial-gradient(circle at 80% 70%,rgba(236,72,153,.18),transparent 30%);animation:bg-haze-drift 20s ease-in-out infinite alternate}@keyframes bg-haze-drift{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-20px,20px) scale(1.05);opacity:.7}}.night-sky-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.8}.night-sky-star{position:absolute;width:var(--star-size, 2px);height:var(--star-size, 2px);background:#fff;border-radius:50%;box-shadow:0 0 var(--star-glow, 8px) #ffffffb3;animation:star-twinkle var(--star-duration, 4s) ease-in-out infinite;animation-delay:var(--star-delay, 0s)}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.emoji-night-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.emoji-night-item{position:absolute;font-size:var(--emoji-size, 32px);opacity:.07;animation:emoji-float var(--emoji-duration, 14s) ease-in-out infinite;animation-delay:var(--emoji-delay, 0s);filter:drop-shadow(0 0 12px rgba(255,255,255,.4));will-change:transform}@keyframes emoji-float{0%,to{transform:translate(0) rotate(-3deg)}50%{transform:translate(8px,-20px) rotate(3deg)}}.mobile-perf-mode .bg-haze{animation:none}.mobile-perf-mode .night-sky-star{animation:none;opacity:.5}.top-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem 1rem;background:linear-gradient(180deg,rgba(7,4,26,.85),rgba(7,4,26,.6) 80%,transparent);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid rgba(255,255,255,.06)}.nav-brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.05rem;letter-spacing:-.02em;background:var(--grad-aurora);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;font-family:Space Grotesk,Plus Jakarta Sans,sans-serif}.nav-brand:focus-visible{outline:2px solid var(--aurora-pink);outline-offset:4px;border-radius:var(--r-sm)}.nav-brand-icon{font-size:1.4rem;filter:drop-shadow(0 0 8px rgba(236,72,153,.6));-webkit-text-fill-color:initial}.nav-actions{display:flex;align-items:center;gap:.5rem}.nav-room-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .7rem;border-radius:var(--r-pill);background:var(--glass-2);border:1px solid var(--glass-border);font-weight:600;font-size:.78rem;letter-spacing:.04em;color:var(--text-soft)}.nav-room-chip strong{color:var(--text);letter-spacing:.06em;font-family:Space Grotesk,monospace}.nav-streak-chip{display:inline-flex;align-items:center;gap:.32rem;padding:.32rem .7rem;border-radius:var(--r-pill);background:linear-gradient(135deg,#fb718538,#fb923c2e);border:1px solid rgba(251,113,133,.45);font-weight:700;font-size:.82rem;color:#fff1d6;box-shadow:0 6px 18px -8px #fb923c8c}.nav-streak-chip>span:first-child{font-size:.95rem;filter:drop-shadow(0 0 4px rgba(251,146,60,.7));animation:streak-flame 2.4s ease-in-out infinite}.nav-streak-chip strong{font-family:Space Grotesk,monospace;font-weight:800;letter-spacing:.02em}@keyframes streak-flame{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.18) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.nav-streak-chip>span:first-child{animation:none}}.nav-account-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .85rem .35rem .35rem;border-radius:var(--r-pill);background:var(--glass-2);border:1px solid var(--glass-border);color:var(--text);font-weight:600;font-size:.85rem;transition:all .2s var(--ease-swift)}.nav-account-btn:hover{background:var(--glass-3);border-color:var(--glass-border-strong);transform:translateY(-1px)}.nav-account-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--grad-aurora);color:#fff;font-weight:700;font-size:.7rem;letter-spacing:.02em;box-shadow:0 4px 12px #ec489966}.nav-account-rank{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.nav-account-name{font-size:.82rem;font-weight:700}.nav-account-meta{font-size:.66rem;color:var(--text-muted);letter-spacing:.02em}.nav-signin-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--r-pill);background:var(--grad-aurora);color:#fff;font-weight:700;font-size:.85rem;box-shadow:0 8px 24px -6px #ec489980;transition:transform .2s var(--ease-pop),box-shadow .2s}.nav-signin-btn:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 12px 32px -6px #ec4899a6}.layout{position:relative;z-index:1;flex:1;width:100%;max-width:1280px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1.2rem}@media(min-width:768px){.layout{padding:1.4rem 1.6rem 3rem;gap:1.5rem}}.layout.view-swipe,.layout.view-rating,.layout.view-results{max-width:1200px}h1,h2,h3,h4,h5{font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.15}h1{font-size:clamp(1.9rem,6vw,3.4rem);font-weight:800}h2{font-size:clamp(1.4rem,4vw,2.2rem)}h3{font-size:clamp(1.1rem,2.8vw,1.5rem)}h4{font-size:1.05rem}p{margin:0;line-height:1.55}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;text-transform:uppercase;font-size:.72rem;font-weight:700;letter-spacing:.18em;color:var(--aurora-pink);margin:0 0 .4rem}.subtle{color:var(--text-muted);font-size:.88rem;line-height:1.5}.section-heading{margin:0}.section-header{margin-bottom:1rem}.panel{position:relative;background:var(--glass-1);border:1px solid var(--glass-border);border-radius:var(--r-lg);padding:1.1rem;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:var(--shadow-card);overflow:hidden}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 40%,transparent 60%,rgba(255,255,255,.06));-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media(min-width:768px){.panel{padding:1.6rem}}.primary-btn,.secondary-btn,.ghost-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.4rem;border-radius:var(--r-pill);font-weight:700;font-size:.95rem;letter-spacing:-.005em;text-decoration:none;transition:all .22s var(--ease-pop);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.primary-btn{background:var(--grad-aurora);color:#fff;box-shadow:0 12px 32px -8px #ec48998c,inset 0 1px #ffffff40}.primary-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 16px 40px -8px #ec4899b3,inset 0 1px #ffffff4d}.primary-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.primary-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(40%)}.secondary-btn{background:var(--glass-2);color:var(--text);border:1px solid var(--glass-border-strong)}.secondary-btn:hover:not(:disabled){background:var(--glass-3);border-color:var(--aurora-pink);transform:translateY(-1px)}.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.ghost-btn{background:transparent;color:var(--text-soft);border:1px solid var(--glass-border);padding:.7rem 1.1rem;font-size:.88rem}.ghost-btn:hover:not(:disabled){background:var(--glass-2);color:var(--text);border-color:var(--glass-border-strong)}.ghost-btn.active{background:var(--grad-aurora-soft);color:var(--text);border-color:var(--aurora-pink)}.ghost-btn:disabled{opacity:.5;cursor:not-allowed}.inline-icon{width:1em;height:1em;display:inline-block;vertical-align:-2px}.hero-cta-arrow{display:inline-block;transition:transform .2s var(--ease-swift);font-weight:700}.primary-btn:hover .hero-cta-arrow,.secondary-btn:hover .hero-cta-arrow,.ghost-btn:hover .hero-cta-arrow{transform:translate(4px)}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.85rem 1.1rem;background:linear-gradient(135deg,#f43f5e2e,#fb71851f);border:1px solid rgba(244,63,94,.4);border-radius:var(--r-md);color:#ffe1e8;font-weight:600;font-size:.92rem;box-shadow:0 12px 32px -10px #f43f5e66;animation:slide-in-top .3s var(--ease-pop)}.error-banner button{padding:.35rem .85rem;border-radius:var(--r-pill);background:#ffffff1f;color:#fff;font-weight:700;font-size:.78rem;transition:background .2s}.error-banner button:hover{background:#ffffff38}@keyframes slide-in-top{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.connection-banner{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:.75rem;margin:.6rem auto 0;padding:.7rem 1rem;width:min(640px,calc(100% - 1.2rem));border-radius:var(--r-pill);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);font-size:.88rem;animation:slide-in-top .3s var(--ease-pop)}.connection-banner.is-reconnecting{background:linear-gradient(135deg,#fbbf2438,#fb923c2e);border:1px solid rgba(251,191,36,.45);box-shadow:0 12px 32px -10px #fb923c66;color:#fff4c2}.connection-banner.is-reconnected{background:linear-gradient(135deg,#34d39938,#22c55e29);border:1px solid rgba(52,211,153,.5);box-shadow:0 12px 32px -10px #34d39966;color:#d1fae5;animation:slide-in-top .3s var(--ease-pop),fade-out-late 2.2s forwards}@keyframes fade-out-late{0%,80%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.connection-banner-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.connection-banner-text strong{font-weight:800;font-size:.9rem}.connection-banner-text span{font-size:.78rem;opacity:.85}.connection-banner-spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.25);border-top-color:var(--aurora-amber);flex-shrink:0;animation:connection-spin .85s linear infinite}@keyframes connection-spin{to{transform:rotate(360deg)}}.connection-banner-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--grad-watch);color:#fff;font-weight:800;font-size:.82rem;box-shadow:0 4px 12px #34d39980}@media(prefers-reduced-motion:reduce){.connection-banner,.connection-banner-spinner{animation:none}}.landing-stack{display:flex;flex-direction:column;gap:1.4rem}.hero-panel{position:relative;padding:1.6rem 1.2rem 2rem;background:radial-gradient(circle at 80% 0%,rgba(236,72,153,.22),transparent 40%),radial-gradient(circle at 10% 100%,rgba(139,92,246,.22),transparent 45%),var(--glass-1);border-radius:var(--r-xl);border:1px solid var(--glass-border);overflow:hidden}@media(min-width:768px){.hero-panel{padding:2.5rem 2rem}}.hero-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media(min-width:980px){.hero-grid{grid-template-columns:1.05fr .95fr;gap:3rem}}.hero-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .95rem;border-radius:var(--r-pill);background:var(--glass-2);border:1px solid var(--glass-border);font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--text-soft);margin-bottom:1rem}.hero-pill-dot{width:8px;height:8px;border-radius:50%;background:var(--aurora-mint);box-shadow:0 0 12px var(--aurora-mint);animation:dot-pulse 1.8s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{font-size:clamp(2.2rem,8vw,4rem);line-height:1.02;font-weight:800;margin-bottom:1rem;letter-spacing:-.03em}.hero-title-accent{background:var(--grad-aurora);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-lede{font-size:clamp(1rem,2.3vw,1.18rem);color:var(--text-soft);margin-bottom:1.4rem;line-height:1.5;max-width:540px}.hero-cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.hero-cta-row .primary-btn,.hero-cta-row .secondary-btn,.hero-cta-row .ghost-btn{flex:1 1 auto;min-width:140px}.hero-trust{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;margin-top:.6rem;font-size:.78rem;color:var(--text-muted)}.hero-trust-item{display:inline-flex;align-items:center;gap:.4rem}.hero-trust-check{color:var(--aurora-mint);font-weight:800}.hero-demo-wrap{display:flex;align-items:center;justify-content:center;perspective:1200px}.hero-demo{position:relative;width:min(320px,78vw);aspect-ratio:3 / 4.2;border-radius:var(--r-xl);transform-style:preserve-3d}.hero-demo-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-xl);overflow:hidden;background:var(--bg-soft);box-shadow:var(--shadow-deep),0 0 0 1px #ffffff14;transition:transform .6s var(--ease-pop),opacity .4s}.hero-demo-card.back-card{pointer-events:none}.hero-demo-card.level-1{transform:translate(8px,14px) scale(.95) rotate(-2deg);opacity:.6}.hero-demo-card.level-2{transform:translate(16px,28px) scale(.9) rotate(-4deg);opacity:.3}.hero-demo-card.live-card{z-index:3}.hero-demo-card.demo-loop{animation:tutorial-demo 4.5s cubic-bezier(.34,1.56,.64,1) infinite;will-change:transform}.hero-demo-finger{position:absolute;top:40%;left:50%;z-index:5;width:52px;height:52px;margin-left:-26px;margin-top:-26px;pointer-events:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.92) 0%,rgba(255,255,255,.48) 40%,transparent 70%);box-shadow:0 0 0 2px #ffffff59,0 12px 32px -8px #0000008c;filter:drop-shadow(0 0 16px rgba(255,255,255,.4));animation:tutorial-finger 4.5s cubic-bezier(.34,1.56,.64,1) infinite}.hero-demo-finger-emoji{font-size:1.8rem;line-height:1;transform:translateY(2px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}@media(prefers-reduced-motion:reduce){.hero-demo-card.demo-loop,.hero-demo-finger{animation:none}.hero-demo-finger{opacity:0}}.hero-demo-poster{width:100%;height:100%;object-fit:cover}.hero-demo-no-poster{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--demo-genre-bg, var(--grad-aurora-soft));color:var(--text);font-weight:700;font-size:.95rem}.hero-demo-meta{position:absolute;inset:auto 0 0;padding:2rem 1.1rem 1.1rem;background:linear-gradient(0deg,rgba(7,4,26,.95),rgba(7,4,26,.6) 60%,transparent);color:#fff;display:flex;flex-direction:column;gap:.25rem}.hero-demo-meta strong{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.hero-demo-meta span{font-size:.78rem;color:var(--text-soft);font-weight:600;letter-spacing:.04em}.hero-demo-badge{position:absolute;padding:.42rem .9rem;border-radius:var(--r-pill);font-weight:800;font-size:.85rem;letter-spacing:.1em;color:#fff;opacity:0;pointer-events:none;z-index:4}.hero-demo-badge.left{top:1rem;left:1rem;background:var(--grad-skip);transform:rotate(-12deg) scale(.9);box-shadow:0 8px 24px #f43f5e80;animation:hero-badge-skip 4.5s linear infinite}.hero-demo-badge.right{top:1rem;right:1rem;background:var(--grad-watch);transform:rotate(12deg) scale(.9);box-shadow:0 8px 24px #34d39980;animation:hero-badge-watch 4.5s linear infinite}.hero-demo-badge.down{top:38%;left:50%;margin-left:-3.4rem;background:var(--grad-seen);transform:scale(.9);box-shadow:0 8px 24px #60a5fa80;animation:hero-badge-seen 4.5s linear infinite}@keyframes hero-badge-skip{0%,8%{opacity:0;transform:rotate(-12deg) scale(.9)}14%,26%{opacity:1;transform:rotate(-12deg) scale(1)}30%,to{opacity:0;transform:rotate(-12deg) scale(.9)}}@keyframes hero-badge-watch{0%,38%{opacity:0;transform:rotate(12deg) scale(.9)}44%,56%{opacity:1;transform:rotate(12deg) scale(1)}60%,to{opacity:0;transform:rotate(12deg) scale(.9)}}@keyframes hero-badge-seen{0%,70%{opacity:0;transform:scale(.9)}76%,88%{opacity:1;transform:scale(1)}94%,to{opacity:0;transform:scale(.9)}}@media(prefers-reduced-motion:reduce){.hero-demo-badge{animation:none;opacity:0}}.hero-demo-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1.5rem;font-size:.92rem;color:var(--text-muted)}.path-section-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.path-cards-grid{display:grid;grid-template-columns:1fr;gap:.9rem}@media(min-width:640px){.path-cards-grid{grid-template-columns:repeat(3,1fr)}}.path-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1.3rem 1.2rem 1.4rem;border-radius:var(--r-lg);border:1px solid var(--glass-border);background:var(--glass-1);text-align:left;color:var(--text);cursor:pointer;transition:all .3s var(--ease-pop);overflow:hidden;isolation:isolate}.path-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-glow, var(--grad-aurora-soft));opacity:0;transition:opacity .3s;z-index:-1}.path-card:hover{transform:translateY(-4px);border-color:var(--card-accent, var(--aurora-pink));box-shadow:0 24px 60px -16px var(--card-shadow, rgba(236, 72, 153, .4))}.path-card:hover:before{opacity:1}.path-card-host{--card-glow: linear-gradient(135deg, rgba(139, 92, 246, .2), rgba(236, 72, 153, .12));--card-accent: var(--aurora-violet);--card-shadow: rgba(139, 92, 246, .4)}.path-card-join{--card-glow: linear-gradient(135deg, rgba(34, 211, 238, .2), rgba(139, 92, 246, .12));--card-accent: var(--aurora-cyan);--card-shadow: rgba(34, 211, 238, .4)}.path-card-solo{--card-glow: linear-gradient(135deg, rgba(251, 146, 60, .22), rgba(251, 191, 36, .12));--card-accent: var(--aurora-orange);--card-shadow: rgba(251, 146, 60, .4)}.path-card-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--card-accent, var(--aurora-pink));color:#fff;font-size:1.3rem;margin-bottom:.55rem;box-shadow:0 8px 24px -8px var(--card-shadow, rgba(236, 72, 153, .6))}.path-card-role{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--card-accent, var(--aurora-pink))}.path-card-title{font-size:1.25rem;font-weight:700;font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;letter-spacing:-.01em;margin-bottom:.25rem}.path-card-body{font-size:.88rem;color:var(--text-soft);line-height:1.45;margin-bottom:.85rem}.path-card-cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;padding:.55rem 1rem;border-radius:var(--r-pill);background:#ffffff14;color:var(--text);font-size:.84rem;font-weight:700;border:1px solid rgba(255,255,255,.1);transition:all .2s}.path-card:hover .path-card-cta{background:var(--card-accent, var(--aurora-pink));border-color:transparent}.how-grid{display:grid;grid-template-columns:1fr;gap:.9rem}@media(min-width:760px){.how-grid{grid-template-columns:repeat(3,1fr)}}.how-step{position:relative;padding:1.3rem 1.1rem;border-radius:var(--r-lg);background:var(--glass-1);border:1px solid var(--glass-border);transition:transform .3s var(--ease-pop),border-color .2s}.how-step:hover{transform:translateY(-3px);border-color:var(--glass-border-strong)}.how-step-num{font-family:Space Grotesk,sans-serif;font-size:2.2rem;font-weight:800;background:var(--grad-aurora);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:.6rem}.how-step h3{font-size:1.1rem;margin-bottom:.4rem}.how-step p{font-size:.88rem;color:var(--text-soft)}.how-callout{margin-top:1.1rem;padding:1rem 1.1rem;border-radius:var(--r-md);background:linear-gradient(135deg,#22d3ee1f,#8b5cf61a);border:1px solid rgba(34,211,238,.25);display:flex;gap:.85rem;align-items:flex-start}.how-callout-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;background:var(--grad-cool);color:#fff}.how-callout-body strong{display:block;margin-bottom:.25rem;font-size:.95rem}.how-callout-body p{font-size:.84rem;color:var(--text-soft);line-height:1.5;margin:0}.code-inline{display:inline-block;padding:.1rem .45rem;border-radius:6px;background:#22d3ee2e;color:var(--aurora-cyan);font-family:Space Grotesk,monospace;font-weight:700;font-size:.85em;letter-spacing:.06em}.form-stack{display:grid;gap:.75rem}.form-stack label{display:flex;flex-direction:column;gap:.4rem;font-size:.82rem;font-weight:600;color:var(--text-soft);letter-spacing:.01em}.form-stack input,.account-search-input,.input-base{padding:.85rem 1rem;border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--glass-border);color:var(--text);font-size:.96rem;font-weight:500;transition:all .2s;outline:none}.form-stack input::placeholder{color:var(--text-faint)}.form-stack input:focus,.account-search-input:focus,.input-base:focus{border-color:var(--aurora-pink);background:var(--glass-3);box-shadow:0 0 0 4px #ec48992e}.form-stack input:read-only{cursor:default;background:#ffffff0a;color:var(--text-muted)}.form-hint{font-size:.78rem;font-weight:500;letter-spacing:0}.room-code-input{text-transform:uppercase;font-family:Space Grotesk,monospace;letter-spacing:.18em;font-weight:700;text-align:center;font-size:1.05rem}.landing-forms-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:880px){.landing-forms-grid{grid-template-columns:1fr 1fr}}.landing-form-card{padding:1.4rem;border-radius:var(--r-lg);background:var(--glass-1);border:1px solid var(--glass-border);position:relative;overflow:hidden}.landing-form-card.is-primary:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-aurora)}.landing-form-card.is-secondary:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-cool)}.form-kicker{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--aurora-pink);margin-bottom:.5rem}.form-title{font-size:1.4rem;margin-bottom:.4rem}.form-subtle{font-size:.88rem;color:var(--text-soft);margin-bottom:1rem}.solo-cta-row{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;padding:1rem;border-radius:var(--r-md);background:var(--glass-1);border:1px dashed var(--glass-border);text-align:center}.features-grid{display:grid;grid-template-columns:1fr;gap:.85rem}@media(min-width:600px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:980px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{padding:1.2rem;border-radius:var(--r-md);background:var(--glass-1);border:1px solid var(--glass-border);transition:transform .3s,border-color .2s}.feature-card:hover{transform:translateY(-3px);border-color:var(--glass-border-strong)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--grad-aurora-soft);border:1px solid var(--glass-border-strong);color:var(--aurora-pink);margin-bottom:.7rem;font-size:1.1rem}.feature-card h3{font-size:1.02rem;margin-bottom:.3rem}.feature-card p{font-size:.85rem;color:var(--text-soft)}.faq-list{display:grid;gap:.55rem}.faq-item{background:var(--glass-1);border:1px solid var(--glass-border);border-radius:var(--r-md);overflow:hidden;transition:border-color .2s}.faq-item[open]{border-color:var(--aurora-pink);background:#ec48990f}.faq-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;font-weight:700;font-size:.96rem;color:var(--text);transition:color .2s}.faq-summary::-webkit-details-marker{display:none}.faq-summary:hover{color:var(--aurora-pink)}.faq-chevron{font-size:1.4rem;font-weight:400;color:var(--aurora-pink);line-height:1;transition:transform .3s var(--ease-pop)}.faq-item[open] .faq-chevron{transform:rotate(45deg)}.faq-answer{padding:0 1.1rem 1.1rem;font-size:.88rem;color:var(--text-soft);line-height:1.55}.landing-footer{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:2rem 1rem 1rem;margin-top:1rem}.landing-footer-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.landing-footer-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem .8rem;font-size:.82rem;color:var(--text-muted)}.landing-footer-meta a{color:var(--text-soft);font-weight:600}.landing-footer-sep{color:var(--text-faint)}.guest-hint{display:flex;flex-direction:column;gap:.6rem;padding:1.1rem 1.2rem;border-radius:var(--r-lg);background:linear-gradient(135deg,#22d3ee24,#8b5cf61a);border:1px solid rgba(34,211,238,.3);position:relative;overflow:hidden}.guest-hint:before{content:"✨";position:absolute;top:-10px;right:-5px;font-size:4rem;opacity:.2}.guest-hint-headline{font-size:1rem;margin:0}.guest-hint-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.lobby-stack{display:flex;flex-direction:column;gap:1rem}.lobby-hero{padding:1.4rem;background:radial-gradient(circle at 0% 0%,rgba(139,92,246,.2),transparent 40%),radial-gradient(circle at 100% 100%,rgba(236,72,153,.15),transparent 40%),var(--glass-1)}.lobby-hero-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.9rem}.lobby-room-block{display:flex;flex-direction:column;gap:.3rem}.lobby-room-code{display:inline-flex;align-items:center;gap:.5rem;font-family:Space Grotesk,monospace;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:800;letter-spacing:.1em;background:var(--grad-aurora);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lobby-room-meta{display:flex;flex-wrap:wrap;gap:.45rem .8rem;font-size:.82rem;color:var(--text-soft);font-weight:600}.lobby-room-dot{display:inline-flex;align-items:center;gap:.32rem}.lobby-room-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--aurora-mint);box-shadow:0 0 8px var(--aurora-mint)}.ready-toggle{padding:.7rem 1.3rem;font-weight:700;font-size:.92rem;border-radius:var(--r-pill);border:1px solid var(--glass-border-strong);background:var(--glass-2);color:var(--text);transition:all .25s var(--ease-pop)}.ready-toggle.is-ready{background:var(--grad-watch);color:#fff;border-color:transparent;box-shadow:0 8px 28px -10px #34d39999}.ready-toggle.is-ready:before{content:"✓ "}.ready-toggle:hover{transform:translateY(-1px)}.lobby-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:980px){.lobby-grid{grid-template-columns:1.4fr 1fr}}.lobby-section{padding:1.2rem;background:var(--glass-1);border:1px solid var(--glass-border);border-radius:var(--r-lg)}.section-title{display:flex;align-items:center;gap:.45rem;font-size:1.05rem;font-weight:700;margin-bottom:.7rem}.section-title-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--grad-aurora-soft);color:var(--aurora-pink)}.players-grid{display:grid;grid-template-columns:1fr;gap:.6rem}@media(min-width:560px){.players-grid{grid-template-columns:1fr 1fr}}.player-card{display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--glass-border);transition:all .2s var(--ease-swift)}.player-card.ready{border-color:#34d39966;background:linear-gradient(135deg,rgba(52,211,153,.1),var(--glass-2))}.player-card.offline{opacity:.55}.player-avatar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--grad-aurora);color:#fff;font-weight:800;font-size:.92rem;letter-spacing:.02em;position:relative}.player-avatar-status{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:var(--text-faint);border:2px solid var(--bg-deep)}.player-card.ready .player-avatar-status,.player-avatar-status.online{background:var(--aurora-mint);box-shadow:0 0 8px var(--aurora-mint)}.player-card.offline .player-avatar-status{background:var(--text-faint)}.player-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.player-name{font-weight:700;font-size:.96rem;color:var(--text);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.player-name-tag{font-size:.66rem;padding:.12rem .45rem;border-radius:var(--r-pill);background:var(--grad-aurora);color:#fff;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.player-rank-line{font-size:.74rem;color:var(--text-muted);font-weight:600}.player-status-badge{flex-shrink:0;padding:.3rem .6rem;border-radius:var(--r-pill);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.player-status-badge.is-ready{background:#34d3992e;color:var(--aurora-mint);border:1px solid rgba(52,211,153,.4)}.player-status-badge.is-waiting{background:#fbbf2426;color:var(--aurora-amber);border:1px solid rgba(251,191,36,.3)}.lobby-cat-hint{font-size:.82rem;color:var(--text-muted);margin-bottom:.7rem}.cat-chip-grid{display:flex;flex-wrap:wrap;gap:.45rem}.cat-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border-radius:var(--r-pill);background:var(--glass-2);border:1px solid var(--glass-border);color:var(--text);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .22s var(--ease-pop)}.cat-chip:hover{transform:translateY(-1px);border-color:var(--glass-border-strong)}.cat-chip.active{background:linear-gradient(135deg,var(--genre-color),var(--genre-deep, var(--genre-color)));color:#fff;border-color:transparent;box-shadow:0 8px 22px -8px color-mix(in srgb,var(--genre-color) 60%,transparent);transform:translateY(-1px)}.cat-chip .genre-icon{width:16px;height:16px}.cat-counter{margin-top:.7rem;font-size:.82rem;color:var(--text-muted);font-weight:600}.advanced-grid{display:grid;grid-template-columns:1fr;gap:.65rem}@media(min-width:480px){.advanced-grid{grid-template-columns:1fr 1fr}}.advanced-grid label{display:flex;flex-direction:column;gap:.32rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.advanced-grid input{padding:.7rem .85rem;border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--glass-border);color:var(--text);font-size:.95rem;font-weight:600;font-family:Space Grotesk,sans-serif;outline:none;transition:all .2s}.advanced-grid input:focus{border-color:var(--aurora-pink);background:var(--glass-3);box-shadow:0 0 0 4px #ec489926}.advanced-readonly{display:grid;grid-template-columns:1fr;gap:.5rem}@media(min-width:480px){.advanced-readonly{grid-template-columns:1fr 1fr 1fr}}.advanced-readonly-item{padding:.7rem .85rem;border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--glass-border)}.advanced-readonly-item span{display:block;font-size:.7rem;text-transform:uppercase;color:var(--text-muted);font-weight:700;letter-spacing:.1em;margin-bottom:.2rem}.advanced-readonly-item strong{font-size:.95rem;font-family:Space Grotesk,sans-serif;font-weight:700}.advanced-hint{font-size:.78rem;color:var(--text-muted);margin-top:.6rem}.preset-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.45rem;margin-bottom:1rem}.preset-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.65rem .75rem .7rem;border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--glass-border);color:var(--text);text-align:left;cursor:pointer;transition:all .22s var(--ease-pop);-webkit-tap-highlight-color:transparent;overflow:hidden;isolation:isolate}.preset-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grad-aurora-soft);opacity:0;transition:opacity .2s;z-index:-1}.preset-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--glass-border-strong)}.preset-card:hover:not(:disabled):before{opacity:.6}.preset-card.active{border-color:var(--aurora-pink);background:linear-gradient(135deg,#ec48992e,#8b5cf61a);box-shadow:0 8px 22px -8px #ec489966}.preset-card.active:after{content:"✓";position:absolute;top:.5rem;right:.6rem;width:18px;height:18px;border-radius:50%;background:var(--grad-aurora);color:#fff;font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ec489980}.preset-card:disabled{cursor:not-allowed;opacity:.6}.preset-icon{font-size:1.3rem;line-height:1;margin-bottom:.18rem}.preset-name{font-family:Space Grotesk,sans-serif;font-size:.92rem;font-weight:800;letter-spacing:-.005em}.preset-tagline{font-size:.72rem;color:var(--text-muted);font-weight:600;line-height:1.25}.setting-stack{display:flex;flex-direction:column;gap:1.1rem}.setting-block{padding:.95rem 1rem 1.1rem;border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--glass-border);transition:border-color .2s}.setting-block:focus-within{border-color:var(--aurora-pink);box-shadow:0 0 0 3px #ec48991a}.setting-block-head{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin-bottom:.15rem}.setting-block-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.92rem;font-weight:700;color:var(--text)}.setting-block-icon{font-size:1.05rem;line-height:1}.setting-block-value{display:inline-flex;align-items:baseline;gap:.35rem;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;color:var(--text)}.setting-block-value strong{font-size:1.15rem;font-weight:800;background:var(--grad-aurora);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.01em}.setting-block-value em{font-style:normal;color:var(--text-muted);font-weight:600;font-size:.82rem}.setting-block-tone{display:inline-flex;align-items:center;gap:.35rem;margin-top:.45rem;padding:.28rem .65rem;border-radius:var(--r-pill);background:linear-gradient(135deg,#22d3ee2e,#8b5cf61f);border:1px solid rgba(34,211,238,.3);color:var(--text-soft);font-size:.74rem;font-weight:700;letter-spacing:.02em}.setting-block-tone:before{content:"•";color:var(--aurora-cyan);font-weight:800}.slider-shell{position:relative;height:38px;margin:.55rem 0 .1rem;padding:0 11px}.slider-track{position:absolute;top:50%;left:11px;right:11px;height:6px;border-radius:3px;background:var(--glass-1);border:1px solid var(--glass-border);transform:translateY(-50%);overflow:hidden}.slider-track-fill{position:absolute;top:0;bottom:0;background:var(--grad-aurora);border-radius:inherit;transition:left .06s linear,width .06s linear}.slider-shell.single .slider-track-fill{left:0}.slider-input{position:absolute;top:0;left:0;width:100%;height:38px;margin:0;padding:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;pointer-events:none}.slider-shell.single .slider-input{pointer-events:auto}.slider-input::-webkit-slider-runnable-track{height:6px;background:transparent;border:0}.slider-input::-moz-range-track{height:6px;background:transparent;border:0}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;border:3px solid var(--aurora-pink);box-shadow:0 4px 14px #07041a8c,0 0 0 1px #ec489959;cursor:grab;pointer-events:auto;transition:transform .15s var(--ease-pop),box-shadow .15s}.slider-input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--aurora-pink);box-shadow:0 4px 14px #07041a8c,0 0 0 1px #ec489959;cursor:grab;pointer-events:auto;transition:transform .15s var(--ease-pop),box-shadow .15s}.slider-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #ec48994d,0 4px 14px #07041a8c;transform:scale(1.1)}.slider-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #ec48994d,0 4px 14px #07041a8c;transform:scale(1.1)}.slider-input:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.18)}.slider-input:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.18)}.slider-input:disabled::-webkit-slider-thumb{border-color:var(--text-muted);background:var(--glass-3);cursor:not-allowed}.slider-input:disabled::-moz-range-thumb{border-color:var(--text-muted);background:var(--glass-3);cursor:not-allowed}.slider-shell.disabled .slider-track-fill{background:linear-gradient(135deg,var(--text-muted),var(--text-faint));opacity:.6}@media(pointer:coarse){.slider-shell,.slider-input{height:44px}.slider-input::-webkit-slider-thumb{width:26px;height:26px;margin-top:-10px}.slider-input::-moz-range-thumb{width:26px;height:26px}}.slider-ticks{display:flex;justify-content:space-between;margin-top:.3rem;padding:0 11px;font-size:.7rem;font-weight:600;color:var(--text-faint);font-family:Space Grotesk,sans-serif;letter-spacing:.04em}.slider-ticks span{text-align:center}.slider-ticks span:first-child{text-align:left}.slider-ticks span:last-child{text-align:right}.host-bar{margin-top:1rem;padding:1.1rem;border-radius:var(--r-lg);background:linear-gradient(135deg,#8b5cf61f,#ec489914);border:1px solid rgba(139,92,246,.25);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem}.host-bar-msg{font-size:.86rem;color:var(--text-soft);font-weight:600}.host-bar .primary-btn{font-size:1rem;padding:.95rem 1.6rem}.share-panel{display:grid;grid-template-columns:1fr;gap:1.1rem;align-items:center}@media(min-width:720px){.share-panel{grid-template-columns:1fr auto}}.share-main{display:flex;flex-direction:column;gap:.7rem}.share-actions{display:flex;gap:.5rem;flex-wrap:wrap}.share-qr{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.7rem .7rem .55rem;border-radius:var(--r-md);background:#fff;width:fit-content;margin:0 auto;box-shadow:0 12px 32px -10px #ec48998c,0 0 0 2px #ec489966}.share-qr img{width:140px;height:140px;display:block}.share-qr-label{font-size:.7rem;color:var(--bg-deep);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.finished-room{margin-top:.9rem;padding:1rem 1.1rem;border-radius:var(--r-md);background:linear-gradient(135deg,#fbbf241f,#fb923c14);border:1px solid rgba(251,191,36,.25);text-align:center}.swipe-shell{display:flex;flex-direction:column;gap:.9rem;position:relative}.swipe-progress-master{position:relative;height:6px;border-radius:var(--r-pill);background:var(--glass-2);overflow:hidden;margin-top:.4rem}.swipe-progress-master-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grad-aurora);border-radius:inherit;transform-origin:left;transition:width .5s var(--ease-swift);box-shadow:0 0 12px #ec489999}.cat-strip{display:flex;flex-wrap:wrap;gap:.35rem}.cat-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--genre-soft, var(--glass-2)),color-mix(in srgb,var(--genre-color, white) 18%,transparent));border:1px solid color-mix(in srgb,var(--genre-color, var(--glass-border-strong)) 40%,transparent);color:var(--genre-color, var(--text));font-weight:700;font-size:.78rem}.cat-pill .genre-icon{width:14px;height:14px}.momentum-row{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.streak-chip,.invest-chip{display:flex;align-items:center;gap:.55rem;padding:.55rem .85rem;border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--glass-border)}.streak-chip.tone-hot{background:linear-gradient(135deg,#fb718538,#fb923c24);border-color:#fb718566}.streak-chip.tone-warm{background:linear-gradient(135deg,#fbbf242e,#fb923c1f);border-color:#fbbf2459}.streak-icon{font-size:1.2rem;animation:pulse-emoji 1.4s ease-in-out infinite}@keyframes pulse-emoji{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.streak-text{display:flex;flex-direction:column;line-height:1.1}.streak-text strong{font-size:.82rem;font-weight:800;color:var(--text)}.streak-text span{font-size:.7rem;color:var(--text-muted)}.streak-bar{width:50px;height:4px;border-radius:var(--r-pill);background:#ffffff1a;overflow:hidden;flex-shrink:0}.streak-bar-fill{height:100%;background:linear-gradient(90deg,var(--aurora-orange),var(--aurora-pink));border-radius:inherit;transition:width .2s linear}.presence-strip{display:flex;align-items:center;gap:.7rem;padding:.65rem .85rem;border-radius:var(--r-md);background:var(--glass-1);border:1px solid var(--glass-border);overflow-x:auto;scrollbar-width:none}.presence-strip::-webkit-scrollbar{display:none}.presence-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);flex-shrink:0}.presence-label-dot{width:6px;height:6px;border-radius:50%;background:var(--aurora-mint);box-shadow:0 0 8px var(--aurora-mint);animation:dot-pulse 1.6s ease-in-out infinite}.presence-chips{display:flex;gap:.5rem;flex-wrap:nowrap}.presence-chip{position:relative;display:flex;align-items:center;gap:.45rem;padding:.35rem .65rem .35rem .35rem;border-radius:var(--r-pill);background:var(--glass-2);border:1px solid var(--glass-border);flex-shrink:0;transition:all .25s var(--ease-pop)}.presence-chip.is-offline{opacity:.5}.presence-chip.is-done{background:linear-gradient(135deg,#34d3992e,#34d39914);border-color:#34d39966}.presence-chip.is-active{border-color:var(--aurora-pink);box-shadow:0 0 0 3px #ec489926;transform:scale(1.04)}.presence-avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--grad-aurora);color:#fff;font-weight:700;font-size:.66rem}.presence-meta{display:flex;flex-direction:column;line-height:1}.presence-name{font-size:.78rem;font-weight:700;color:var(--text)}.presence-progress{font-size:.66rem;color:var(--text-muted);font-family:Space Grotesk,monospace}.presence-done-badge{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:var(--aurora-mint);color:#fff;font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px var(--aurora-mint)}.swipe-notifications{display:flex;flex-direction:column;align-items:center;gap:.4rem;pointer-events:none;min-height:0}.swipe-notifications:empty{display:none}.swipe-notifications>*{pointer-events:auto}.swipe-fab.super{position:relative;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#fbbf2438,#fb923c29);border-color:#fbbf248c;color:#fde68a;padding:0;font-size:.7rem;box-shadow:0 0 0 1px #fbbf2459}.swipe-fab.super .swipe-fab-icon{font-size:1.55rem;filter:drop-shadow(0 0 6px rgba(251,191,36,.6))}.swipe-fab-super-count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 .32rem;border-radius:var(--r-pill);background:linear-gradient(135deg,#fbbf24,#fb923c);color:#fff;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #fb923c8c}.swipe-fab.super:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#fb923c);color:#fff;border-color:transparent;transform:translateY(-3px) scale(1.05);box-shadow:0 14px 32px -10px #fb923c8c,0 0 0 2px #fbbf2466}.swipe-fab.super.is-used{filter:grayscale(40%);opacity:.55;cursor:not-allowed}.swipe-fab.super.is-used .swipe-fab-icon{filter:none}.activity-toasts{position:absolute;top:0;right:0;display:flex;flex-direction:column;gap:.4rem;z-index:10;pointer-events:none}.activity-toast{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-radius:var(--r-pill);background:linear-gradient(135deg,#22d3ee33,#8b5cf626);border:1px solid rgba(34,211,238,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.82rem;color:var(--text);animation:toast-pop .35s var(--ease-pop),toast-fade 2.8s forwards}.activity-toast strong{font-weight:700}.activity-toast-icon{font-size:1rem}@keyframes toast-pop{0%{transform:translateY(-12px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes toast-fade{0%,75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.first-reward{display:flex;align-items:center;gap:.7rem;padding:.85rem 1.1rem;border-radius:var(--r-md);background:linear-gradient(135deg,#34d39929,#22d3ee1f);border:1px solid rgba(52,211,153,.35);animation:toast-pop .4s var(--ease-pop)}.first-reward-icon{font-size:1.6rem}.first-reward-text{display:flex;flex-direction:column;line-height:1.2}.first-reward-text strong{font-weight:800;font-size:.96rem}.first-reward-text span{font-size:.8rem;color:var(--text-soft)}.swipe-stage{position:relative;width:100%;max-width:480px;aspect-ratio:3 / 4.4;margin:0 auto;display:grid;place-items:center}@media(min-width:760px){.swipe-stage{aspect-ratio:3 / 4.2;max-width:460px}}.swipe-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-xl);overflow:hidden;background:var(--bg-soft);box-shadow:var(--shadow-deep);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:pan-y}.swipe-card.ghost{z-index:1;transform:scale(.94) translateY(10px);opacity:.5;filter:blur(2px);pointer-events:none}.swipe-card.live{z-index:2;cursor:grab}.swipe-card.live:active{cursor:grabbing}.swipe-card.left{animation:card-exit-left .36s forwards cubic-bezier(.22,1,.36,1)}.swipe-card.right{animation:card-exit-right .36s forwards cubic-bezier(.22,1,.36,1)}.swipe-card.down{animation:card-exit-down .36s forwards cubic-bezier(.22,1,.36,1)}@keyframes card-exit-left{0%{opacity:1}to{transform:translate3d(-180%,-20%,0) rotate(-26deg);opacity:0}}@keyframes card-exit-right{0%{opacity:1}to{transform:translate3d(180%,-20%,0) rotate(26deg);opacity:0}}@keyframes card-exit-down{0%{opacity:1}to{transform:translate3d(0,140%,0) scale(.92);opacity:0}}.swipe-card.live.is-dragging{cursor:grabbing;z-index:5}.swipe-card.tutorial-demo{animation:tutorial-demo 4.5s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:none;will-change:transform}@keyframes tutorial-demo{0%{transform:translateZ(0) rotate(0) scale(1)}6%{transform:translate3d(-8px,-3px,0) rotate(-1.4deg) scale(1.01)}16%{transform:translate3d(-96px,-12px,0) rotate(-12deg) scale(1.025)}24%{transform:translate3d(-96px,-12px,0) rotate(-12deg) scale(1.025)}30%{transform:translateZ(0) rotate(0) scale(1)}36%{transform:translate3d(8px,-3px,0) rotate(1.4deg) scale(1.01)}46%{transform:translate3d(96px,-12px,0) rotate(12deg) scale(1.025)}54%{transform:translate3d(96px,-12px,0) rotate(12deg) scale(1.025)}60%{transform:translateZ(0) rotate(0) scale(1)}68%{transform:translate3d(0,10px,0) rotate(0) scale(1.005)}78%{transform:translate3d(0,96px,0) rotate(0) scale(.985)}86%{transform:translate3d(0,96px,0) rotate(0) scale(.985)}94%{transform:translateZ(0) rotate(0) scale(1)}to{transform:translateZ(0) rotate(0) scale(1)}}.tutorial-finger{position:absolute;top:38%;left:50%;z-index:6;width:56px;height:56px;margin-left:-28px;margin-top:-28px;pointer-events:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.92) 0%,rgba(255,255,255,.5) 40%,transparent 70%);box-shadow:0 0 0 2px #ffffff59,0 14px 36px -8px #0000008c;animation:tutorial-finger 4.5s cubic-bezier(.34,1.56,.64,1) forwards;filter:drop-shadow(0 0 18px rgba(255,255,255,.45))}.tutorial-finger-emoji{font-size:2rem;line-height:1;transform:translateY(2px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}@keyframes tutorial-finger{0%{transform:translateZ(0) scale(.4);opacity:0}4%{transform:translateZ(0) scale(1);opacity:1}16%,24%{transform:translate3d(-96px,-12px,0) scale(1);opacity:1}30%{transform:translateZ(0) scale(1);opacity:1}46%,54%{transform:translate3d(96px,-12px,0) scale(1);opacity:1}60%{transform:translateZ(0) scale(1);opacity:1}78%,86%{transform:translate3d(0,96px,0) scale(1);opacity:1}94%{transform:translateZ(0) scale(1);opacity:.6}to{transform:translateZ(0) scale(.4);opacity:0}}@media(prefers-reduced-motion:reduce){.swipe-card.tutorial-demo,.tutorial-finger{animation:none}.tutorial-finger{opacity:0}}.swipe-card-poster-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--swipe-genre-bg, var(--grad-aurora-soft))}.swipe-card-poster{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.swipe-card-poster-placeholder{font-weight:700;font-size:1.2rem;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5);letter-spacing:.08em}.swipe-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(7,4,26,.96) 0%,rgba(7,4,26,.7) 40%,transparent 70%);pointer-events:none}.swipe-card-content{position:absolute;inset:auto 0 0;padding:1.5rem 1.2rem 1.2rem;color:#fff;display:flex;flex-direction:column;gap:.55rem;pointer-events:none}.swipe-card-title-row{display:flex;align-items:flex-start;gap:.65rem;justify-content:space-between}.swipe-card-title-row h3{font-size:clamp(1.2rem,4.5vw,1.6rem);line-height:1.1;font-weight:800;margin:0;flex:1}.swipe-card-year{flex-shrink:0;padding:.18rem .55rem;border-radius:var(--r-pill);background:#ffffff2e;font-size:.78rem;font-weight:700;font-family:Space Grotesk,monospace;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.swipe-meta-pills{display:flex;flex-wrap:wrap;gap:.4rem}.swipe-meta-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .65rem;border-radius:var(--r-pill);background:#ffffff1f;border:1px solid rgba(255,255,255,.16);font-size:.74rem;font-weight:700;letter-spacing:.02em}.swipe-meta-pill.imdb{background:linear-gradient(135deg,#fbbf2440,#fb923c2e);border-color:#fbbf2466;color:#fff7d6}.swipe-meta-pill.imdb.fire-tier-5{background:linear-gradient(135deg,#b91c1c,#f59e0b)}.swipe-meta-pill.imdb.fire-tier-4{background:linear-gradient(135deg,#ea580c,#fbbf24)}.swipe-meta-pill.imdb.fire-tier-3{background:linear-gradient(135deg,#fb923c66,#fbbf244d)}.swipe-meta-pill.imdb.fire-tier-2{background:linear-gradient(135deg,#fbbf244d,#fbbf242e)}.swipe-meta-pill.live{background:linear-gradient(135deg,#22d3ee38,#8b5cf62e);border-color:#22d3ee66}.swipe-plot{font-size:.86rem;line-height:1.45;color:#ffffffdb;max-height:4.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.swipe-card-tags{display:flex;flex-wrap:wrap;gap:.32rem;margin-top:.2rem}.swipe-card-tag{display:inline-flex;align-items:center;gap:.28rem;padding:.18rem .55rem;border-radius:var(--r-pill);background:#ffffff1f;border:1px solid rgba(255,255,255,.18);font-size:.72rem;font-weight:600;color:#ffffffeb}.swipe-card-tag.genre{background:color-mix(in srgb,var(--genre-color) 30%,rgba(255,255,255,.08));border-color:color-mix(in srgb,var(--genre-color) 50%,transparent)}.swipe-card-tag .genre-icon{width:12px;height:12px}.swipe-intent{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .22s var(--ease-swift),transform .22s var(--ease-swift);z-index:4}.swipe-intent.show{opacity:var(--intent-strength, 1)}.swipe-card.is-dragging .swipe-intent.show .swipe-intent-text{animation:intent-throb .6s ease-in-out infinite alternate}@keyframes intent-throb{0%{transform:rotate(-8deg) scale(1)}to{transform:rotate(-8deg) scale(1.06)}}.swipe-intent-text{font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,8vw,4rem);font-weight:800;letter-spacing:.06em;padding:.7rem 1.6rem;border-radius:var(--r-lg);border:4px solid currentColor;text-shadow:0 0 24px currentColor;transform:rotate(-8deg)}.swipe-intent.is-left{color:#fb7185}.swipe-intent.is-right{color:#34d399}.swipe-intent.is-down{color:#60a5fa}.swipe-intent.is-down .swipe-intent-text{transform:rotate(0)}.swipe-seen-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-4deg);background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff;padding:.65rem 1.2rem;border-radius:var(--r-md);font-weight:700;font-size:.82rem;text-align:center;z-index:5;box-shadow:0 16px 40px -12px #60a5fa99;animation:toast-pop .3s var(--ease-pop)}.swipe-tray{display:grid;grid-template-columns:1fr .7fr .7fr 1fr;gap:.6rem;align-items:center;justify-items:center;margin:.4rem auto 0;max-width:520px;width:100%;padding:.4rem}.swipe-fab{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;border-radius:22px;border:1px solid var(--glass-border-strong);background:var(--glass-2);color:var(--text);font-weight:700;font-size:.78rem;transition:all .22s var(--ease-pop);-webkit-tap-highlight-color:transparent;padding:.95rem .65rem;width:100%;cursor:pointer}.swipe-fab-icon{font-size:1.7rem;line-height:1}.swipe-fab.skip{background:linear-gradient(135deg,#f43f5e1f,#fb718514);border-color:#f43f5e4d;color:#fda4af}.swipe-fab.skip:hover:not(:disabled){background:var(--grad-skip);color:#fff;transform:translateY(-3px) scale(1.03);box-shadow:0 14px 32px -10px #f43f5e80;border-color:transparent}.swipe-fab.watch{background:linear-gradient(135deg,#34d39924,#22c55e1a);border-color:#34d39959;color:#6ee7b7}.swipe-fab.watch:hover:not(:disabled){background:var(--grad-watch);color:#fff;transform:translateY(-3px) scale(1.03);box-shadow:0 14px 32px -10px #34d39980;border-color:transparent}.swipe-fab.seen{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#60a5fa29,#3b82f61a);border-color:#60a5fa66;color:#93c5fd;padding:0;font-size:.7rem}.swipe-fab.seen:hover:not(:disabled){background:var(--grad-seen);color:#fff;transform:translateY(-3px) scale(1.05);box-shadow:0 14px 32px -10px #60a5fa80;border-color:transparent}.swipe-fab.seen .swipe-fab-icon{font-size:1.3rem}.swipe-fab.seen .swipe-fab-label{font-size:.62rem;font-weight:700}.swipe-fab:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(20%)}.swipe-fab:active:not(:disabled){transform:translateY(-1px) scale(.97)}.swipe-seen-wrap{position:relative;display:flex;align-items:center;justify-content:center}.swipe-seen-info{position:absolute;bottom:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--glass-3);color:var(--text-soft);font-weight:800;font-size:.72rem;border:1px solid var(--glass-border);cursor:help}.swipe-seen-info:hover{background:var(--glass-3);color:#fff}.seen-info-popover{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);width:min(300px,88vw);padding:1rem 1.1rem;border-radius:var(--r-md);background:var(--bg-mid);border:1px solid var(--glass-border-strong);box-shadow:var(--shadow-deep);z-index:20;font-size:.84rem;color:var(--text-soft);text-align:left;display:flex;flex-direction:column;gap:.5rem}.seen-info-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--bg-mid)}.seen-info-popover strong{color:var(--text)}.seen-info-popover-actions{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.3rem}.seen-info-popover-actions .primary-btn,.seen-info-popover-actions .ghost-btn{padding:.5rem .85rem;font-size:.8rem}.swipe-hint{text-align:center;font-size:.8rem;color:var(--text-muted);margin:.5rem 0 .2rem}.waiting-card{padding:1.3rem;border-radius:var(--r-lg);background:var(--glass-1);border:1px solid var(--glass-border);text-align:center}.waiting-card h3{margin-bottom:.4rem}.waiting-spinner{width:36px;height:36px;margin:1rem auto 0;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--aurora-pink);animation:waiting-spin .85s linear infinite}@keyframes waiting-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.waiting-spinner{animation:none}}.waiting-progress-list{margin-top:1rem;display:grid;gap:.7rem}.waiting-progress-item{padding:.75rem .9rem;border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--glass-border);text-align:left}.waiting-progress-head{display:flex;justify-content:space-between;font-size:.86rem;margin-bottom:.45rem;font-weight:600}.waiting-progress-track{height:5px;border-radius:var(--r-pill);background:#ffffff14;overflow:hidden}.waiting-progress-fill{height:100%;background:var(--grad-aurora);border-radius:inherit;transition:width .4s var(--ease-swift)}.rating-shell{display:flex;flex-direction:column;gap:1rem;position:relative}.rating-pending-reveal{overflow:hidden;max-height:70vh}.rating-hero{display:flex;flex-direction:column;gap:.6rem;padding:1.4rem;background:radial-gradient(circle at 0% 0%,rgba(251,191,36,.18),transparent 40%),radial-gradient(circle at 100% 100%,rgba(251,146,60,.14),transparent 50%),var(--glass-1);border:1px solid var(--glass-border);border-radius:var(--r-lg)}.rating-hero h2{font-size:clamp(1.4rem,4vw,2rem);background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.rating-hero-progress{display:flex;align-items:center;gap:.7rem;margin-top:.6rem}.rating-hero-progress-bar{flex:1;height:6px;border-radius:var(--r-pill);background:var(--glass-2);overflow:hidden}.rating-hero-progress-fill{height:100%;background:var(--grad-warm);transition:width .4s var(--ease-swift);border-radius:inherit}.rating-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:720px){.rating-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.rating-grid{grid-template-columns:repeat(3,1fr)}}.rating-card{display:flex;flex-direction:column;background:var(--glass-1);border:1px solid var(--glass-border);border-radius:var(--r-lg);overflow:hidden;transition:all .3s var(--ease-pop)}.rating-card:hover{transform:translateY(-3px);border-color:var(--glass-border-strong)}.rating-card.done{background:linear-gradient(135deg,rgba(52,211,153,.08),var(--glass-1));border-color:#34d39959}.rating-card-poster-wrap{position:relative;aspect-ratio:3 / 4.3;background:var(--bg-soft);overflow:hidden}.rating-card-poster{width:100%;height:100%;object-fit:cover}.rating-card-no-poster{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--grad-aurora-soft);color:var(--text-soft);font-weight:700}.rating-card-done-overlay{position:absolute;top:.7rem;right:.7rem;padding:.3rem .7rem;border-radius:var(--r-pill);background:var(--grad-watch);color:#fff;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 8px 20px -8px #34d39980}.rating-card-body{padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.rating-card-body h3{font-size:1.05rem;line-height:1.2;margin:0}.rating-card-meta{display:flex;flex-wrap:wrap;gap:.3rem .55rem;font-size:.78rem;color:var(--text-muted);font-weight:600}.rating-card-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin:.2rem 0}.rating-stars-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;margin-top:.5rem}.rating-star-btn{padding:.65rem .3rem;border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--glass-border);color:var(--text);font-size:1rem;font-weight:700;font-family:Space Grotesk,sans-serif;cursor:pointer;transition:all .22s var(--ease-pop);position:relative;overflow:hidden}.rating-star-btn:hover:not(:disabled){background:var(--grad-warm);color:#fff;transform:translateY(-2px);border-color:transparent;box-shadow:0 10px 24px -8px #fb923c66}.rating-star-btn:disabled{opacity:.4;cursor:not-allowed}.rating-card-progress{margin-top:.45rem;display:flex;flex-direction:column;gap:.3rem}.rating-card-progress-bar{height:4px;border-radius:var(--r-pill);background:var(--glass-2);overflow:hidden}.rating-card-progress-fill{height:100%;background:var(--grad-warm);border-radius:inherit;transition:width .4s var(--ease-swift)}.rating-card-progress-label{font-size:.74rem;color:var(--text-muted);font-weight:600}.rating-saved{color:var(--aurora-mint);font-weight:700;font-size:.84rem}.results-shell{display:flex;flex-direction:column;gap:1.1rem;position:relative}.results-hero{position:relative;padding:1.6rem 1.3rem;background:radial-gradient(circle at 100% 0%,rgba(251,191,36,.22),transparent 45%),radial-gradient(circle at 0% 100%,rgba(139,92,246,.18),transparent 50%),var(--glass-1);border:1px solid var(--glass-border);border-radius:var(--r-xl);display:flex;flex-direction:column;gap:.8rem;overflow:hidden}.results-hero-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.8rem}.results-hero h2{font-size:clamp(1.8rem,6vw,2.8rem);background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.results-hero-stats{display:flex;flex-wrap:wrap;gap:.45rem}.results-stat-chip{padding:.4rem .85rem;border-radius:var(--r-pill);background:var(--glass-2);border:1px solid var(--glass-border);font-size:.82rem;font-weight:600;color:var(--text-soft)}.results-actions{display:flex;flex-wrap:wrap;gap:.5rem}.results-pending-reveal{overflow:hidden;max-height:70vh}.match-reveal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:radial-gradient(circle at center,#07041af7,#07041aeb);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;text-align:center;border-radius:inherit;animation:reveal-in .4s var(--ease-pop)}@keyframes reveal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.match-reveal-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(251,191,36,.3),transparent 60%);pointer-events:none;animation:glow-pulse 2.4s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.match-reveal-icon{font-size:5rem;filter:drop-shadow(0 0 30px rgba(251,191,36,.7));animation:bounce-in .6s var(--ease-pop)}@keyframes bounce-in{0%{transform:scale(.2);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.match-reveal-eyebrow{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.25em;background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.match-reveal-title{font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:800;line-height:1.1;max-width:24ch}.match-reveal-cta{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.5rem;border-radius:var(--r-pill);background:var(--grad-aurora);color:#fff;font-weight:700;font-size:.92rem;box-shadow:0 12px 36px -10px #ec4899b3;animation:cta-bob 1.8s ease-in-out infinite}@keyframes cta-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.match-reveal-pulse{position:absolute;width:200px;height:200px;border-radius:50%;border:2px solid rgba(251,191,36,.4);animation:ring-pulse 2s ease-out infinite}@keyframes ring-pulse{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.celebration{position:relative;padding:1.6rem 1.3rem;border-radius:var(--r-xl);background:radial-gradient(circle at 100% 0%,rgba(251,191,36,.3),transparent 60%),radial-gradient(circle at 0% 100%,rgba(236,72,153,.25),transparent 60%),linear-gradient(135deg,#8b5cf62e,#22d3ee24);border:1px solid rgba(251,191,36,.3);overflow:hidden;box-shadow:var(--shadow-glow-orange)}.celebration-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-10px;border-radius:2px;animation:confetti-fall linear infinite}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(120%) rotate(720deg);opacity:.5}}.celebration-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:.8rem}.celebration-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:var(--aurora-amber)}.celebration-spark{font-size:1.4rem;animation:emoji-bounce 1.4s ease-in-out infinite}@keyframes emoji-bounce{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(-8deg)}}.celebration-title{font-size:clamp(1.4rem,4vw,2rem);line-height:1.15;font-weight:800}.celebration-movie{background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.celebration-content{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:flex-start}@media(max-width:540px){.celebration-content{grid-template-columns:1fr;text-align:center}}.celebration-poster{width:100px;border-radius:var(--r-md);box-shadow:0 14px 36px -10px #00000080;margin:0 auto}@media(min-width:540px){.celebration-poster{width:130px}}.celebration-stats{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-start}@media(max-width:540px){.celebration-stats{justify-content:center}}.celebration-stat{padding:.32rem .7rem;border-radius:var(--r-pill);background:#ffffff1f;border:1px solid rgba(255,255,255,.18);font-size:.78rem;font-weight:700}.celebration-tagline{font-size:.92rem;color:var(--text-soft);font-style:italic;margin-top:.45rem}.results-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:680px){.results-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1080px){.results-grid{grid-template-columns:repeat(3,1fr)}}.result-card{position:relative;display:flex;flex-direction:column;background:var(--glass-1);border:1px solid var(--glass-border);border-radius:var(--r-lg);overflow:hidden;transition:all .3s var(--ease-pop)}.result-card:hover{transform:translateY(-4px);border-color:var(--glass-border-strong);box-shadow:var(--shadow-deep)}.result-card.rank-gold{background:linear-gradient(135deg,rgba(251,191,36,.14),var(--glass-1));border-color:#fbbf2466}.result-card.rank-silver{background:linear-gradient(135deg,rgba(203,213,225,.12),var(--glass-1));border-color:#cbd5e159}.result-card.rank-bronze{background:linear-gradient(135deg,rgba(180,83,9,.16),var(--glass-1));border-color:#b4530959}.result-rank-badge{position:absolute;top:.85rem;left:.85rem;z-index:3;padding:.35rem .7rem;border-radius:var(--r-pill);background:#07041ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);font-family:Space Grotesk,sans-serif;font-weight:800;font-size:.85rem}.result-rank-badge.rank-gold{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;border-color:transparent;box-shadow:0 8px 22px -8px #fbbf248c}.result-rank-badge.rank-silver{background:linear-gradient(135deg,#94a3b8,#cbd5e1);color:#0f172a;border-color:transparent}.result-rank-badge.rank-bronze{background:linear-gradient(135deg,#b45309,#d97706);color:#fff;border-color:transparent}.result-poster-wrap{position:relative;aspect-ratio:3 / 4.3;background:var(--bg-soft);overflow:hidden}.result-poster{width:100%;height:100%;object-fit:cover}.result-card-body{padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.result-podium-label{font-family:Space Grotesk,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.result-podium-label.rank-gold{color:#fbbf24}.result-podium-label.rank-silver{color:#cbd5e1}.result-podium-label.rank-bronze{color:#d97706}.result-card-body h3{font-size:1.05rem;line-height:1.2}.result-meta-line{font-size:.82rem;color:var(--text-muted);font-weight:600}.result-metrics{display:flex;flex-wrap:wrap;gap:.4rem;margin:.3rem 0}.result-metric{display:inline-flex;align-items:center;gap:.3rem;padding:.26rem .6rem;border-radius:var(--r-pill);background:var(--glass-2);border:1px solid var(--glass-border);font-size:.74rem;font-weight:600;color:var(--text-soft);font-family:Space Grotesk,sans-serif}.result-plot{font-size:.84rem;color:var(--text-soft);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.result-tags{display:flex;flex-wrap:wrap;gap:.32rem}.result-tag{display:inline-flex;align-items:center;gap:.28rem;padding:.2rem .55rem;border-radius:var(--r-pill);background:color-mix(in srgb,var(--genre-color, var(--glass-2)) 25%,transparent);border:1px solid color-mix(in srgb,var(--genre-color, var(--glass-border-strong)) 40%,transparent);color:var(--genre-color, var(--text-soft));font-size:.72rem;font-weight:700}.result-tag .genre-icon{width:12px;height:12px}.almost-matches{padding:1.3rem;border-radius:var(--r-lg);background:linear-gradient(135deg,rgba(96,165,250,.08),var(--glass-1));border:1px dashed rgba(96,165,250,.3)}.almost-matches-head{margin-bottom:1rem}.almost-list{display:grid;gap:.7rem;list-style:none;padding:0;margin:0}.almost-item{display:flex;align-items:center;gap:.85rem;padding:.6rem;border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--glass-border)}.almost-poster{width:60px;height:88px;flex-shrink:0;border-radius:8px;object-fit:cover}.almost-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.almost-title{font-size:.95rem;font-weight:700;color:var(--text)}.almost-progress{height:4px;border-radius:var(--r-pill);background:#ffffff14;overflow:hidden}.almost-progress-fill{height:100%;background:var(--grad-seen);border-radius:inherit;transition:width .4s var(--ease-swift)}.almost-stats{font-size:.78rem;color:var(--text-muted)}.almost-gap{color:var(--aurora-cyan);font-weight:700}.favorite-end{padding:1.3rem;border-radius:var(--r-lg);background:var(--glass-1);border:1px solid var(--glass-border);text-align:center}.favorite-end h3{margin-bottom:.3rem}.favorite-cta{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.favorite-cta.compact{margin:0}.favorite-btn{display:inline-flex;align-items:center;gap:.4rem}.favorite-cta-hint{font-size:.72rem;color:var(--text-faint)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1rem;background:#07041ab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow-y:auto;overscroll-behavior-y:contain;animation:backdrop-in .2s ease}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:min(560px,100%);max-height:calc(100dvh - 2rem);background:linear-gradient(180deg,#1a0f3af5,#0e0823fa);border:1px solid var(--glass-border-strong);border-radius:var(--r-xl);padding:1.4rem 1.3rem;overflow-y:auto;display:flex;flex-direction:column;gap:.9rem;box-shadow:var(--shadow-deep);animation:modal-in .3s var(--ease-pop)}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:.85rem;right:.85rem;width:36px;height:36px;border-radius:50%;background:var(--glass-2);border:1px solid var(--glass-border);color:var(--text-soft);font-size:1.2rem;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:2}.modal-close:hover{background:var(--glass-3);color:#fff;transform:scale(1.05)}.modal-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.4rem}.modal-actions .primary-btn,.modal-actions .secondary-btn,.modal-actions .ghost-btn{flex:1 1 140px}.account-modal{width:min(640px,100%)}.account-hero{padding:1.2rem;border-radius:var(--r-lg);background:radial-gradient(circle at 100% 0%,rgba(139,92,246,.22),transparent 50%),var(--glass-2);border:1px solid var(--glass-border)}.account-hero-top{display:flex;align-items:center;gap:1rem}.account-avatar{flex-shrink:0;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--grad-aurora);color:#fff;font-weight:800;font-size:1.4rem;box-shadow:0 12px 30px -8px #ec489980}.account-identity{flex:1;min-width:0}.account-identity h2{font-size:1.3rem;margin:0 0 .25rem}.account-provider-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.pill{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:var(--r-pill);background:var(--glass-2);border:1px solid var(--glass-border);font-size:.72rem;font-weight:700;letter-spacing:.04em}.account-hero-meta{font-size:.8rem;color:var(--text-muted)}.account-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin:1rem 0 .8rem}@media(max-width:460px){.account-metrics{grid-template-columns:1fr 1fr}}.account-metric{padding:.55rem .7rem;border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--glass-border);display:flex;flex-direction:column;gap:.1rem}.account-metric-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700}.account-metric-value{font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:800}.account-rank-stars-inline{font-size:.78rem;margin-left:.3rem;letter-spacing:.04em}.rank-tone-gray{color:#94a3b8}.rank-tone-green{color:#4ade80}.rank-tone-blue{color:#60a5fa}.rank-tone-violet{color:#c084fc}.rank-tone-gold{color:#fbbf24}.account-xp-bar{height:6px;border-radius:var(--r-pill);background:#ffffff14;overflow:hidden;margin-top:.55rem}.account-xp-fill{height:100%;background:var(--grad-aurora);border-radius:inherit;transition:width .5s var(--ease-swift);box-shadow:0 0 10px #ec489980}.account-hero-hint{font-size:.78rem;color:var(--text-muted);margin-top:.3rem;font-weight:600}.account-tabs{display:flex;gap:.35rem;flex-wrap:wrap;padding:.3rem;border-radius:var(--r-pill);background:var(--glass-2);border:1px solid var(--glass-border)}.account-tab{flex:1 1 auto;padding:.55rem .85rem;border-radius:var(--r-pill);background:transparent;color:var(--text-soft);font-size:.82rem;font-weight:700;border:0;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;cursor:pointer}.account-tab:hover{color:var(--text)}.account-tab.active{background:var(--grad-aurora);color:#fff;box-shadow:0 8px 20px -6px #ec489980}.account-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 .35rem;border-radius:var(--r-pill);background:#ffffff2e;font-size:.66rem;font-weight:800}.account-tab.active .account-tab-count{background:#ffffff4d}.dashboard-section{display:flex;flex-direction:column;gap:.85rem}.dashboard-section-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.4rem}.dashboard-section-head strong{font-size:.96rem;font-weight:700}.overview-cards{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media(min-width:480px){.overview-cards{grid-template-columns:repeat(3,1fr)}}.overview-card{padding:.85rem .95rem;border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--glass-border);display:flex;flex-direction:column;gap:.15rem}.overview-card.emphasis{background:linear-gradient(135deg,#8b5cf62e,#ec48991f);border-color:#8b5cf659}.overview-card p{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700}.overview-card strong{font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:800}.overview-card span{font-size:.74rem;color:var(--text-muted);font-weight:600}.overview-columns{display:grid;grid-template-columns:1fr;gap:.8rem}@media(min-width:600px){.overview-columns{grid-template-columns:1fr 1fr}}.overview-panel{padding:.95rem 1rem;border-radius:var(--r-md);background:var(--glass-1);border:1px solid var(--glass-border);display:flex;flex-direction:column;gap:.5rem}.mini-quest-list{display:flex;flex-direction:column;gap:.55rem}.mini-quest{padding:.75rem .9rem;border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--glass-border);display:flex;flex-direction:column;gap:.4rem}.mini-quest.status-completed,.mini-quest.status-claimed{border-color:#34d3994d;background:linear-gradient(135deg,rgba(52,211,153,.08),var(--glass-2))}.mini-quest-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.mini-quest-head strong{font-size:.92rem;font-weight:700}.mini-quest p{font-size:.78rem;color:var(--text-muted)}.mini-memory-grid{display:grid;grid-template-columns:1fr;gap:.55rem}.mini-memory-list{display:flex;flex-direction:column;gap:.35rem}.mini-memory-list .eyebrow{margin:0}.mini-memory-list .pill{align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movie-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}@media(min-width:480px){.movie-grid{grid-template-columns:repeat(3,1fr)}}.movie-card{display:flex;flex-direction:column;gap:.4rem;background:var(--glass-2);border:1px solid var(--glass-border);border-radius:var(--r-md);overflow:hidden;transition:transform .2s}.movie-card:hover{transform:translateY(-2px)}.movie-card-poster-wrap{aspect-ratio:3 / 4.3;background:var(--bg-soft);overflow:hidden}.movie-card-poster{width:100%;height:100%;object-fit:cover}.movie-card-body{padding:.55rem .7rem .7rem;display:flex;flex-direction:column;gap:.2rem}.movie-card-body strong{font-size:.82rem;font-weight:700;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.movie-card-meta{font-size:.7rem;color:var(--text-muted)}.empty-state{padding:1.5rem 1rem;border-radius:var(--r-md);background:var(--glass-2);border:1px dashed var(--glass-border);text-align:center;color:var(--text-muted);font-size:.85rem}.quest-list{display:flex;flex-direction:column;gap:.6rem}.quest-card{padding:.95rem 1.1rem;border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--glass-border);display:flex;flex-direction:column;gap:.5rem}.quest-card.status-completed,.quest-card.status-claimed{border-color:#34d39966;background:linear-gradient(135deg,rgba(52,211,153,.1),var(--glass-2))}.quest-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.quest-head strong{font-size:.98rem;font-weight:700}.quest-progress{height:5px;border-radius:var(--r-pill);background:#ffffff14;overflow:hidden}.quest-progress-fill{height:100%;background:var(--grad-aurora);border-radius:inherit;transition:width .4s var(--ease-swift)}.quest-card.status-completed .quest-progress-fill,.quest-card.status-claimed .quest-progress-fill{background:var(--grad-watch)}.filter-row{display:flex;flex-wrap:wrap;gap:.35rem}.filter-row .ghost-btn{padding:.5rem .85rem;font-size:.8rem}.achievement-cloud{display:flex;flex-wrap:wrap;gap:.4rem;padding:.4rem 0}.achievement-cloud .pill{padding:.4rem .85rem;background:linear-gradient(135deg,#fbbf242e,#fb923c1f);border-color:#fbbf244d;font-size:.78rem}.account-intro-benefits{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.account-intro-benefits li{display:flex;flex-direction:column;gap:.15rem;padding:.85rem 1rem;border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--glass-border)}.account-intro-benefits li strong{font-size:.96rem;display:flex;align-items:center;gap:.4rem}.account-intro-benefits li strong:before{content:"✓";color:var(--aurora-mint);font-weight:800}.account-mode-switch{display:flex;gap:.35rem;padding:.3rem;border-radius:var(--r-pill);background:var(--glass-2);border:1px solid var(--glass-border)}.account-mode-switch .ghost-btn{flex:1;padding:.55rem .85rem;font-size:.85rem;border-radius:var(--r-pill);border-color:transparent}.account-discord-card{padding:1rem 1.1rem;border-radius:var(--r-md);background:linear-gradient(135deg,#5865f224,#8b5cf614);border:1px solid rgba(88,101,242,.3)}.account-discord-card h3{font-size:.98rem;margin-bottom:.45rem;display:flex;align-items:center;gap:.4rem}.account-discord-card h3:before{content:"💬"}.account-discord-card p{font-size:.78rem;color:var(--text-soft);line-height:1.45;margin-bottom:.4rem}.install-modal{width:min(480px,100%)}.install-list{list-style:decimal;margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem;font-size:.92rem;line-height:1.45;color:var(--text-soft)}.install-list li::marker{color:var(--aurora-pink);font-weight:800}.join-modal{width:min(440px,100%)}.movie-tag-cloud{display:flex;flex-wrap:wrap;gap:.32rem}.movie-tag{display:inline-flex;align-items:center;gap:.28rem;padding:.2rem .55rem;border-radius:var(--r-pill);background:var(--glass-2);border:1px solid var(--glass-border);font-size:.74rem;font-weight:600;color:var(--text-soft)}.movie-tag.genre{background:color-mix(in srgb,var(--genre-color) 22%,transparent);border-color:color-mix(in srgb,var(--genre-color) 40%,transparent);color:var(--genre-color)}.movie-tag.subtle{background:transparent;border-color:var(--glass-border);color:var(--text-muted)}.movie-tag .genre-icon{width:12px;height:12px}.animated-stack>*{opacity:0;animation:fade-in-up .5s var(--ease-pop) forwards}.animated-stack>*:nth-child(1){animation-delay:.05s}.animated-stack>*:nth-child(2){animation-delay:.12s}.animated-stack>*:nth-child(3){animation-delay:.18s}.animated-stack>*:nth-child(4){animation-delay:.24s}.animated-stack>*:nth-child(5){animation-delay:.3s}.animated-stack>*:nth-child(6){animation-delay:.36s}.animated-stack>*:nth-child(7){animation-delay:.42s}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animated-stack>*{opacity:1;transform:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:480px){.layout{padding:.7rem}.panel{padding:1rem}.modal{padding:1.1rem 1rem;border-radius:var(--r-lg)}.top-nav{padding:.55rem .7rem;gap:.4rem}.nav-brand{font-size:.95rem;min-width:0;flex:0 1 auto}.nav-brand-icon{font-size:1.2rem}.nav-actions{min-width:0;flex-shrink:1}.nav-room-chip{padding:.28rem .55rem;font-size:.72rem}.nav-account-btn{padding:.3rem .7rem .3rem .3rem;max-width:60vw}.nav-account-rank{min-width:0;flex:1 1 auto;overflow:hidden}.nav-account-name,.nav-account-meta{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-signin-btn{padding:.42rem .85rem;font-size:.8rem}.hero-panel{padding:1.3rem 1rem 1.6rem}.hero-cta-row{gap:.5rem}.hero-cta-row .primary-btn,.hero-cta-row .secondary-btn,.hero-cta-row .ghost-btn{min-width:0;flex:1 1 100%;padding:.78rem 1rem;font-size:.92rem}.hero-trust{gap:.4rem .9rem;font-size:.74rem}.landing-form-card{padding:1.1rem}.form-stack input,.account-search-input,.input-base{padding:.75rem .9rem;font-size:.94rem}.swipe-tray{gap:.45rem;padding:.3rem .1rem;padding-bottom:calc(.3rem + env(safe-area-inset-bottom,0px))}.swipe-fab{padding:.8rem .4rem;font-size:.74rem;min-width:0}.swipe-fab-icon{font-size:1.45rem}.swipe-fab.seen{width:50px;height:50px}.swipe-fab.seen .swipe-fab-icon{font-size:1.15rem}.swipe-card-content{padding:1.2rem .95rem 1rem;gap:.45rem}.swipe-meta-pills{gap:.32rem}.swipe-meta-pill{padding:.24rem .55rem;font-size:.7rem}.swipe-plot{font-size:.82rem}.lobby-hero{padding:1.1rem}.lobby-hero-head{gap:.7rem}.lobby-room-code{font-size:clamp(1.5rem,8vw,2rem);letter-spacing:.08em}.ready-toggle{padding:.55rem 1rem;font-size:.86rem}.faq-summary{padding:.85rem .95rem;font-size:.92rem;gap:.6rem}.faq-answer{padding:0 .95rem .95rem;font-size:.86rem}.path-card{padding:1.1rem 1rem 1.2rem}.path-card-title{font-size:1.1rem}.result-card-body{padding:.85rem .95rem}}@media(max-width:360px){.layout{padding:.55rem}.nav-brand{font-size:.88rem;gap:.4rem}.nav-account-rank{display:none}.nav-account-btn{padding:.3rem}.nav-room-chip{font-size:.68rem}.hero-title{font-size:clamp(1.85rem,9vw,2.4rem)}.swipe-fab-label{font-size:.68rem}}@media(max-width:768px){.hero-demo-wrap{width:100%}.hero-demo{width:min(280px,82vw)}.player-info,.presence-meta,.mvp-body{min-width:0}.player-name,.presence-name,.mvp-player{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}}.mvp-section{padding:1.3rem 1.2rem;border-radius:var(--r-lg);background:radial-gradient(circle at 100% 0%,rgba(251,191,36,.16),transparent 50%),radial-gradient(circle at 0% 100%,rgba(34,211,238,.12),transparent 50%),var(--glass-1);border:1px solid var(--glass-border);overflow:hidden}.mvp-header{margin-bottom:1rem}.mvp-section-title{font-size:clamp(1.2rem,3.5vw,1.7rem);background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mvp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem}.mvp-card{position:relative;display:flex;align-items:center;gap:.85rem;padding:1rem 1.1rem;border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--glass-border);overflow:hidden;transition:transform .25s var(--ease-pop),border-color .2s;animation:mvp-pop-in .45s var(--ease-pop) backwards}.mvp-card:nth-child(1){animation-delay:.05s}.mvp-card:nth-child(2){animation-delay:.18s}.mvp-card:nth-child(3){animation-delay:.31s}.mvp-card:nth-child(4){animation-delay:.44s}@keyframes mvp-pop-in{0%{opacity:0;transform:translateY(12px) scale(.94)}60%{transform:translateY(0) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}.mvp-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mvp-glow, transparent);opacity:.45;pointer-events:none;z-index:0}.mvp-card:hover{transform:translateY(-3px);border-color:var(--mvp-accent, var(--glass-border-strong))}.mvp-card.mvp-speed{--mvp-accent: var(--aurora-amber);--mvp-glow: radial-gradient(circle at 100% 0%, rgba(251, 191, 36, .22), transparent 60%)}.mvp-card.mvp-first{--mvp-accent: var(--aurora-mint);--mvp-glow: radial-gradient(circle at 100% 0%, rgba(52, 211, 153, .22), transparent 60%)}.mvp-card.mvp-steady{--mvp-accent: var(--aurora-cyan);--mvp-glow: radial-gradient(circle at 100% 0%, rgba(34, 211, 238, .22), transparent 60%)}.mvp-card.mvp-critic{--mvp-accent: var(--aurora-violet);--mvp-glow: radial-gradient(circle at 100% 0%, rgba(139, 92, 246, .22), transparent 60%)}.mvp-card.mvp-generous{--mvp-accent: var(--aurora-pink);--mvp-glow: radial-gradient(circle at 100% 0%, rgba(236, 72, 153, .22), transparent 60%)}.mvp-card.mvp-picky{--mvp-accent: var(--aurora-rose);--mvp-glow: radial-gradient(circle at 100% 0%, rgba(251, 113, 133, .22), transparent 60%)}.mvp-card.mvp-sage{--mvp-accent: var(--aurora-orange);--mvp-glow: radial-gradient(circle at 100% 0%, rgba(251, 146, 60, .22), transparent 60%)}.mvp-card.mvp-soulmates{--mvp-accent: var(--aurora-pink);--mvp-glow: radial-gradient(circle at 100% 0%, rgba(236, 72, 153, .32), rgba(251, 113, 133, .18) 50%, transparent 70%);background:linear-gradient(135deg,#ec489929,#8b5cf61a);border-color:#ec489973}.mvp-icon{position:relative;z-index:1;font-size:2.1rem;flex-shrink:0;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:#ffffff14;border:1px solid var(--mvp-accent, var(--glass-border-strong));filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--mvp-accent, white) 40%,transparent))}.mvp-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:.12rem;min-width:0}.mvp-title{font-family:Space Grotesk,sans-serif;font-size:.96rem;font-weight:800;color:var(--text);letter-spacing:-.005em}.mvp-player{font-size:.82rem;font-weight:700;color:var(--mvp-accent, var(--aurora-pink));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mvp-subtitle{font-size:.74rem;color:var(--text-muted);font-weight:600}.match-drumroll{position:absolute;top:0;right:0;bottom:0;left:0;z-index:22;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:1.5rem;background:radial-gradient(circle at center,#07041afa,#07041af0);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:inherit;animation:drumroll-shake .18s ease-in-out infinite,reveal-in .4s var(--ease-pop);overflow:hidden}@keyframes drumroll-shake{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}.drumroll-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at center,rgba(251,191,36,.35),transparent 60%);pointer-events:none;animation:glow-pulse 1.6s ease-in-out infinite;z-index:0}.drumroll-eyebrow{position:relative;z-index:1;font-family:Space Grotesk,sans-serif;font-size:clamp(.7rem,2.2vw,.9rem);font-weight:800;letter-spacing:.22em;text-transform:uppercase;background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.drumroll-dots{position:relative;z-index:1;display:flex;gap:1rem}.drumroll-dots span{width:22px;height:22px;border-radius:50%;background:var(--grad-aurora);box-shadow:0 0 24px #ec489999;animation:drumroll-pulse .55s ease-in-out infinite}.drumroll-dots span:nth-child(2){animation-delay:.18s}.drumroll-dots span:nth-child(3){animation-delay:.36s}@keyframes drumroll-pulse{0%,to{transform:scale(.7);opacity:.35}50%{transform:scale(1.45);opacity:1}}.drumroll-hint{position:relative;z-index:1;font-size:.95rem;color:var(--text-soft);font-weight:600}.auto-resume-banner{position:relative;z-index:25;display:flex;align-items:center;gap:.75rem;margin:.75rem auto 0;padding:.7rem .95rem .7rem .85rem;width:min(720px,calc(100% - 1.6rem));border-radius:var(--r-pill);background:linear-gradient(135deg,#22d3ee38,#8b5cf62e);border:1px solid rgba(34,211,238,.4);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:0 12px 32px -10px #22d3ee59;animation:slide-in-top .4s var(--ease-pop);font-size:.86rem}.auto-resume-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--grad-cool);font-size:1.1rem;filter:drop-shadow(0 0 10px rgba(34,211,238,.5));flex-shrink:0}.auto-resume-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.auto-resume-text strong{font-size:.88rem;font-weight:800;color:var(--text)}.auto-resume-text span{font-size:.74rem;color:var(--text-soft)}.auto-resume-leave{flex-shrink:0;padding:.42rem .85rem;border-radius:var(--r-pill);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text);font-size:.78rem;font-weight:700;transition:all .2s}.auto-resume-leave:hover{background:#fff3;border-color:var(--aurora-pink)}.auto-resume-close{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:transparent;color:var(--text-soft);font-size:1.2rem;font-weight:600;line-height:1;transition:background .2s,color .2s}.auto-resume-close:hover{background:#ffffff1a;color:#fff}@media(max-width:540px){.auto-resume-banner{padding:.65rem .85rem;flex-wrap:wrap}.auto-resume-text strong{font-size:.82rem}}