.top-bar{background-color:var(--bg-deepest);z-index:10;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.top-bar-left{align-items:center;gap:10px;display:flex}.top-bar-logo{object-fit:contain;border-radius:var(--radius-sm);width:32px;height:32px}.top-bar-title{font-family:var(--font-display,"DM Serif Display", serif);color:var(--text-primary);margin:0;font-size:24px;font-weight:400}.top-bar-right{align-items:center;gap:12px;display:flex}.top-bar-badge{border-radius:var(--radius-full);background-color:var(--bg-elevated,#1e1a2e);color:var(--text-primary);align-items:center;gap:4px;padding:6px 10px;font-size:13px;font-weight:500;display:flex}.likes-badge{color:var(--accent)}.badge-icon{opacity:.8}.bottom-nav{height:calc(68px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background-color:color-mix(in srgb, var(--bg-deepest) 85%, transparent);-webkit-backdrop-filter:blur(20px);z-index:50;border-top:1px solid #ffffff0f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-tertiary);height:100%;transition:color var(--duration-normal,.2s) var(--ease-out,ease-out), transform .15s cubic-bezier(.34, 1.56, .64, 1);transform-origin:50%;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex;position:relative}.bottom-nav-item:active{transform:scale(.9)}.bottom-nav-item.active{color:var(--accent)}.icon-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.bottom-nav-label{transition:color var(--duration-normal,.2s) var(--ease-out,ease-out);font-size:.6875rem;font-weight:500}.glow-dot{border-radius:var(--radius-full);background:var(--accent-gradient,linear-gradient(135deg, #e8604c 0%, #ff7b6b 100%));opacity:0;width:16px;height:4px;transition:all var(--duration-normal,.2s) var(--ease-out,ease-out);position:absolute;bottom:-8px;transform:scaleX(0)}.bottom-nav-item.active .glow-dot{opacity:1;box-shadow:0 0 8px var(--accent-glow,#e8604c26);transform:scaleX(1)}.nav-badge{background-color:var(--accent);color:#fff;border-radius:var(--radius-full);border:2px solid var(--bg-deepest);justify-content:center;align-items:center;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-6px}.nav-badge.count{min-width:16px;height:16px;padding:0 4px}.nav-badge.dot{width:10px;height:10px;top:-2px;right:-2px}.app-shell{background:var(--bg-primary);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.app-content{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom));flex:1;overflow:hidden auto}.app-content.has-topbar{padding-top:var(--top-bar-height)}.landing-page-root{background-color:var(--bg-deepest,#0c0a10);width:100%;min-height:100dvh;color:var(--text-primary,#f5f0eb);font-family:var(--font-sans,"Inter", sans-serif);position:relative;overflow-x:hidden}.landing-ambient-glow{filter:blur(140px);pointer-events:none;z-index:0;opacity:.22;border-radius:50%;position:absolute}.glow-top-left{background:radial-gradient(circle,#e8604c 0%,#7c4dff 100%);width:550px;height:550px;top:-120px;left:-100px}.glow-center-right{background:radial-gradient(circle,#7c4dff 0%,#00d2ff 100%);width:600px;height:600px;top:600px;right:-150px}.glow-bottom-center{opacity:.15;background:radial-gradient(circle,#e8604c 0%,gold 100%);width:700px;height:700px;bottom:200px;left:20%}.landing-navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#0c0a10d9;border-bottom:1px solid #ffffff14;width:100%;position:sticky;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:12px 28px;display:flex}.landing-navbar-brand{cursor:pointer;flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.landing-brand-logo-wrap{background:linear-gradient(135deg,#e8604c33,#7c4dff33);border:1px solid #e8604c66;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden;box-shadow:0 2px 10px #e8604c40}.landing-brand-img-logo{object-fit:cover;width:100%;height:100%;display:block}.landing-brand-text-block{flex-direction:column;justify-content:center;line-height:1.15;display:flex}.landing-brand-title{letter-spacing:-.02em;white-space:nowrap;font-family:var(--font-sans,"Inter", -apple-system, sans-serif)!important;color:#fff!important;margin:0!important;padding:0!important;font-size:1.25rem!important;font-weight:800!important}.landing-brand-badge{letter-spacing:.06em;text-transform:uppercase;color:#ff7b6b!important;margin:0!important;padding:0!important;font-size:.68rem!important;font-weight:700!important}.navbar-links{flex-shrink:0;align-items:center;gap:28px;display:flex}.nav-link{white-space:nowrap;align-items:center;gap:8px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;color:#9b95a5!important}.nav-link:hover{transform:translateY(-1px);color:#fff!important}.live-dot{background:#e84c5e;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-live;display:inline-block;box-shadow:0 0 8px #e84c5e}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.navbar-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.btn-nav-login{color:var(--text-primary,#f5f0eb);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9999px;padding:8px 18px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-nav-login:hover{background:#ffffff1f;transform:translateY(-1px)}.btn-launch-app{color:#fff;background:var(--accent-gradient,linear-gradient(135deg, #e8604c, #ff7b6b));border-radius:9999px;align-items:center;gap:8px;padding:9px 20px;font-size:.9rem;font-weight:700;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 16px #e8604c59}.btn-launch-app:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 24px #e8604c80}.landing-hero-section{z-index:1;padding:60px 24px 80px;position:relative}.hero-content-container{text-align:center;flex-direction:column;align-items:center;max-width:1100px;margin:0 auto;display:flex}.hero-badge-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e8604c1f;border:1px solid #e8604c59;border-radius:9999px;align-items:center;gap:10px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;display:inline-flex}.live-pulse-badge{color:#ff7b6b;letter-spacing:.04em;font-weight:800}.badge-text{color:var(--text-primary,#f5f0eb)}.badge-countdown{color:gold;background:#ffd70026;border-radius:9999px;padding:2px 8px;font-weight:700}.hero-title{font-family:var(--font-display,"DM Serif Display", Georgia, serif);letter-spacing:-.03em;max-width:900px;margin-bottom:20px;font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:800;line-height:1.12}.text-gradient-accent{background:linear-gradient(135deg,#ff8a65 0%,#e8604c 50%,gold 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.hero-subtitle{color:var(--text-secondary,#9b95a5);max-width:760px;margin-bottom:36px;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.6}.hero-subtitle strong{color:var(--text-primary,#f5f0eb)}.hero-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:48px;display:flex}.cta-primary-btn{color:#fff;background:var(--accent-gradient,linear-gradient(135deg, #e8604c 0%, #ff7b6b 100%));border-radius:9999px;align-items:center;gap:12px;padding:16px 36px;font-size:1.05rem;font-weight:700;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 32px #e8604c73}.cta-primary-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 12px 40px #e8604c99}.cta-secondary-btn{color:var(--text-primary,#f5f0eb);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#231e32cc;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:10px;padding:16px 32px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.cta-secondary-btn:hover{background:#2d2841f2;border-color:#ffffff4d;transform:translateY(-2px)}.hero-stats-row{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1a162699;border:1px solid #ffffff14;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin-bottom:60px;padding:18px 32px;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-num{color:#fff;font-size:1.35rem;font-weight:800}.stat-label{color:var(--text-secondary,#9b95a5);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.stat-divider{background:#ffffff1a;width:1px;height:32px}.hero-device-showcase{perspective:1000px;width:100%;max-width:440px;margin:0 auto;position:relative}.phone-mockup-frame{background:#0c0a10;border:8px solid #231e32;border-radius:44px;width:100%;transition:transform .4s;position:relative;overflow:hidden;transform:rotateX(6deg)rotateY(-4deg);box-shadow:0 0 0 1px #ffffff26,0 30px 80px #000c,0 0 100px #e8604c33}.phone-mockup-frame:hover{transform:rotateX(0)rotateY(0)scale(1.02)}.phone-screen-img{width:100%;height:auto;display:block}.phone-screen-glare{pointer-events:none;background:linear-gradient(135deg,#ffffff14 0%,#0000 60%);position:absolute;inset:0}.floating-badge{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;background:#121018e0;border:1px solid #ffffff24;border-radius:16px;align-items:center;gap:12px;min-width:220px;padding:10px 16px;display:flex;position:absolute;box-shadow:0 12px 32px #0009}.badge-top-left{top:10%;left:-60px}.badge-top-right{top:25%;right:-70px}.badge-bottom-left{bottom:25%;left:-70px}.badge-bottom-right{bottom:8%;right:-50px}.badge-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.badge-icon-circle.gold{color:gold;background:#ffd70033}.badge-icon-circle.purple{color:#7c4dff;background:#7c4dff33}.badge-icon-circle.coral{color:#e8604c;background:#e8604c33}.badge-icon-circle.green{color:#1ed760;background:#1db95433}.badge-text-meta{flex-direction:column;display:flex}.badge-text-meta strong{color:#fff;font-size:.85rem}.badge-text-meta span{color:var(--text-secondary,#9b95a5);font-size:.72rem}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatDelayed{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.animate-float-slow{animation:5s ease-in-out infinite floatSlow}.animate-float-delayed{animation:6s ease-in-out 1s infinite floatDelayed}.interactive-demo-section{z-index:2;padding:60px 24px;position:relative}.section-container{max-width:1100px;margin:0 auto}.interactive-demo-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1626f2,#121018f2);border:1.5px solid #e8604c59;border-radius:28px;padding:40px;box-shadow:0 16px 48px #00000080,0 0 30px #e8604c1a}.demo-badge-pill{color:gold;text-transform:uppercase;letter-spacing:.05em;background:#ffd70026;border-radius:9999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.demo-card-title{margin-bottom:12px;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:800}.demo-card-desc{color:var(--text-secondary,#9b95a5);max-width:650px;margin:0 auto 32px;font-size:1rem}.demo-meter-wrapper{text-align:left;max-width:600px;margin:0 auto}.demo-meter-header{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:1.05rem;font-weight:700;display:flex}.demo-progress-track{background:#ffffff14;border:1px solid #ffffff1a;border-radius:9999px;width:100%;height:16px;margin-bottom:24px;overflow:hidden}.demo-progress-fill{border-radius:9999px;height:100%;transition:width .2s,background .3s;box-shadow:0 0 12px #e8604c99}.demo-slider-row{align-items:center;gap:16px;margin-bottom:24px;display:flex}.slider-label{color:var(--text-secondary,#9b95a5);white-space:nowrap;font-size:.9rem}.interactive-range-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:9999px;outline:none;flex:1;height:8px}.interactive-range-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-gradient,#e8604c);cursor:pointer;border:2px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 0 10px #e8604ccc}.demo-unlock-box{background:#0c0a10b3;border:1px solid #ffffff14;border-radius:16px;padding:18px 24px}.unlocked-itinerary-preview{text-align:center}.unlock-tag{color:gold;letter-spacing:.05em;margin-bottom:6px;font-size:.8rem;font-weight:800;display:block}.unlocked-itinerary-preview h4{color:#fff;margin-bottom:12px;font-size:1rem}.preview-itinerary-pill{background:#231e32e6;border:1px solid #e8604c66;border-radius:9999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:8px 16px;display:flex}.preview-rsvp-btn{color:#fff;background:var(--accent-gradient,#e8604c);border-radius:9999px;padding:6px 14px;font-size:.85rem;font-weight:700}.demo-hint-text{color:var(--text-secondary,#9b95a5);text-align:center;margin:0;font-size:.92rem}.features-section{z-index:1;padding:90px 24px;position:relative}.section-header-block{text-align:center;margin-bottom:60px}.section-eyebrow{color:var(--accent-light,#ff7b6b);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.82rem;font-weight:800;display:block}.section-main-heading{font-family:var(--font-display,Georgia, serif);margin-bottom:14px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.18}.section-sub-heading{color:var(--text-secondary,#9b95a5);max-width:650px;margin:0 auto;font-size:1.1rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;display:grid}.feature-card{background:#1a1626b3;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;padding:32px;transition:all .3s;display:flex}.feature-card:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 16px 40px #0006}.feature-card.highlighted-glow{background:linear-gradient(135deg,#23192dcc,#1a1626cc);border-color:#e8604c59}.feature-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.feature-icon-box{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-icon-box.coral{color:#e8604c;background:#e8604c26}.feature-icon-box.gold{color:gold;background:#ffd70026}.feature-icon-box.purple{color:#7c4dff;background:#7c4dff26}.feature-icon-box.green{color:#1ed760;background:#1db95426}.feature-icon-box.blue{color:#4a90d9;background:#4a90d926}.feature-icon-box.cyan{color:#00d2ff;background:#00d2ff26}.feature-status-tag{color:var(--text-secondary,#9b95a5);text-transform:uppercase;letter-spacing:.04em;background:#ffffff0f;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:700}.feature-title{color:#fff;margin-bottom:12px;font-size:1.25rem;font-weight:800}.feature-description{color:var(--text-secondary,#9b95a5);flex:1;margin-bottom:20px;font-size:.95rem;line-height:1.6}.feature-visual-box{border:1px solid #ffffff1a;border-radius:16px;width:100%;overflow:hidden}.feature-img{object-fit:cover;width:100%;height:220px}.games-pill-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.games-pill-tags span{color:#f5f0eb;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9999px;padding:5px 12px;font-size:.8rem;font-weight:600}.download-section{z-index:1;padding:60px 24px 90px;position:relative}.download-banner-card{background:linear-gradient(135deg,#231932f2,#14101cf2);border:1.5px solid #ffffff1f;border-radius:32px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;padding:56px 48px;display:flex;box-shadow:0 20px 60px #0009}.download-text-column{flex:1;min-width:320px}.download-tag{color:#ff7b6b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.8rem;font-weight:800;display:block}.download-heading{font-family:var(--font-display,Georgia, serif);margin-bottom:14px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800}.download-desc{color:var(--text-secondary,#9b95a5);margin-bottom:32px;font-size:1.05rem;line-height:1.6}.download-button-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:28px;display:flex}.download-btn-primary{background:var(--accent-gradient,linear-gradient(135deg, #e8604c, #ff7b6b));color:#fff;border-radius:16px;align-items:center;gap:12px;padding:14px 28px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 6px 20px #e8604c66}.download-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #e8604c8c}.download-btn-secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:16px;align-items:center;gap:12px;padding:14px 28px;font-weight:700;text-decoration:none;transition:all .25s;display:flex}.download-btn-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.btn-text-block{text-align:left;flex-direction:column;display:flex}.btn-sub{color:#ffffffbf;text-transform:uppercase;font-size:.72rem;font-weight:600}.btn-main{font-size:1rem;font-weight:700}.download-features-list{color:var(--text-secondary,#9b95a5);flex-wrap:wrap;gap:24px;font-size:.88rem;display:flex}.download-features-list span{align-items:center;gap:6px;display:flex}.download-qr-column{flex-direction:column;align-items:center;display:flex}.qr-box-card{text-align:center;background:#0c0a10d9;border:1px solid #ffffff26;border-radius:20px;padding:24px}.qr-mockup-frame{background:#fff;border-radius:14px;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:12px;display:flex}.qr-center-logo{width:90px;height:90px}.qr-label{color:var(--text-secondary,#9b95a5);font-size:.8rem}.qr-label strong{color:#fff}.landing-footer{z-index:1;background:#07060a;border-top:1px solid #ffffff14;padding:60px 24px 30px;position:relative}.footer-container{max-width:1200px;margin:0 auto}.footer-top-row{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;display:grid}.footer-brand-info{max-width:320px}.footer-logo-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.footer-logo{width:32px;height:32px}.footer-brand-name{color:#fff;font-size:1.25rem;font-weight:800}.footer-tagline{color:var(--text-secondary,#9b95a5);margin-bottom:16px;font-size:.88rem;line-height:1.5}.domain-pill{color:#ff7b6b;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9999px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.footer-nav-col h4{color:#fff;margin-bottom:16px;font-size:.95rem;font-weight:700}.footer-nav-col a{color:var(--text-secondary,#9b95a5);margin-bottom:10px;font-size:.88rem;text-decoration:none;transition:color .2s;display:block}.footer-nav-col a:hover{color:#fff}.footer-bottom-bar{color:var(--text-tertiary,#5a5465);border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;font-size:.82rem;display:flex}.footer-badge-clean{color:var(--text-secondary,#9b95a5);font-size:.8rem;font-weight:500}.landing-auth-overlay{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#060509d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.landing-auth-modal{background:var(--bg-card,#1a1626);text-align:center;border:1px solid #ffffff1f;border-radius:28px;width:100%;max-width:420px;padding:36px 28px;position:relative;box-shadow:0 24px 64px #000c}.modal-close-icon-btn{width:32px;height:32px;color:var(--text-secondary,#9b95a5);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.modal-close-icon-btn:hover{color:#fff;background:#ffffff29}.modal-logo-header{margin-bottom:24px}.modal-wobble-logo{width:50px;height:50px;margin:0 auto 12px}.modal-logo-header h2{color:#fff;margin-bottom:4px;font-size:1.4rem;font-weight:800}.modal-logo-header p{color:var(--text-secondary,#9b95a5);font-size:.88rem}.modal-auth-form{text-align:left;flex-direction:column;gap:16px;display:flex}.input-field-group label{color:var(--text-secondary,#9b95a5);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.modal-text-input{background:var(--bg-input,#1e1a2c);color:#fff;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:12px 16px;font-size:.95rem;transition:border-color .2s}.modal-text-input:focus{border-color:var(--accent,#e8604c);outline:none}.modal-primary-btn{color:#fff;background:var(--accent-gradient,linear-gradient(135deg, #e8604c, #ff7b6b));border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #e8604c66}.modal-primary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #e8604c8c}.modal-divider{text-align:center;align-items:center;margin:4px 0;display:flex}.modal-divider:before,.modal-divider:after{content:"";border-bottom:1px solid #ffffff14;flex:1}.modal-divider span{color:var(--text-tertiary,#5a5465);padding:0 10px;font-size:.78rem}.social-login-stack{flex-direction:column;gap:10px;display:flex}.btn-social{border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.btn-social.google{color:#1f1f1f;background:#fff}.btn-social.google:hover{background:#f1f1f1}.btn-social.apple{color:#fff;background:#000;border:1px solid #ffffff26}.btn-social.apple:hover{background:#111}.modal-toggle-row{text-align:center;color:var(--text-secondary,#9b95a5);margin-top:8px;font-size:.85rem}.toggle-auth-btn{color:var(--accent-light,#ff7b6b);margin-left:6px;font-weight:700}.dev-otp-pill{color:gold;background:#ffd70026;border:1px solid #ffd70066;border-radius:8px;margin-bottom:14px;padding:6px 14px;font-size:.85rem}.otp-instruct{color:var(--text-secondary,#9b95a5);margin-bottom:18px;font-size:.88rem}.otp-digit-inputs{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.otp-box{background:var(--bg-input,#1e1a2c);color:#fff;text-align:center;border:1.5px solid #ffffff26;border-radius:10px;outline:none;width:44px;height:52px;font-size:1.3rem;font-weight:800;transition:border-color .2s}.otp-box:focus{border-color:var(--accent,#e8604c);box-shadow:0 0 10px #e8604c66}.otp-error-msg{color:#e84c5e;margin-bottom:12px;font-size:.82rem}.btn-resend-link{color:var(--text-secondary,#9b95a5);margin-top:12px;font-size:.82rem;text-decoration:underline}.auth-heart-celebration-overlay{background:var(--bg-card,#1a1626);z-index:20;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.beating-heart-pulse{margin-bottom:14px;font-size:54px;animation:1.2s infinite heartBeat}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@media (width<=900px){.navbar-links{display:none}.floating-badge{width:100%;max-width:320px;margin:8px auto;position:static}.footer-top-row{grid-template-columns:1fr 1fr}.hero-device-showcase{perspective:none}.phone-mockup-frame{transform:none}}@media (width<=600px){.landing-hero-section{padding:36px 16px 60px}.download-banner-card{padding:32px 20px}.interactive-demo-card{padding:24px 16px}.footer-top-row{grid-template-columns:1fr}}.auth-page{background-color:var(--bg-deepest);min-height:100vh;color:var(--text-primary);flex-direction:column;max-width:430px;margin:0 auto;display:flex;position:relative;overflow:hidden}.demo-code-hint{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-md) var(--space-base);border-radius:var(--radius-lg);background:#c4a2651a;border:1px solid #c4a26540;display:flex}.demo-code-label{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:600}.demo-code-value{letter-spacing:.28em;color:var(--gold-light);font-variant-numeric:tabular-nums;padding-left:.28em;font-size:18px;font-weight:700}.back-button{color:var(--text-primary);cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex;position:absolute;top:40px;left:20px}.back-button:hover{background-color:var(--bg-elevated)}.step-container{flex-direction:column;flex:1;justify-content:center;height:100%;padding:40px 24px;display:flex}.fade-in{animation:.4s ease-out forwards fadeIn}.slide-in-right{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideInRight}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-1{justify-content:center;align-items:center}.brand-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:auto 0 60px;display:flex}.logo-container{justify-content:center;align-items:center;width:100%;margin-bottom:24px;animation:3s ease-in-out infinite float;display:flex}.logo-icon-img{filter:drop-shadow(0 6px 26px #e8604c59);flex:none;width:112px;height:112px;display:block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.brand-name{font-family:var(--font-display,"DM Serif Display", serif);color:var(--text-primary);letter-spacing:1px;margin:0 0 12px;font-size:48px}.brand-tagline{color:var(--text-secondary);margin:0;font-size:16px}.auth-actions{flex-direction:column;gap:16px;width:100%;margin-top:auto;display:flex}.logo-intro-overlay{z-index:200;background:radial-gradient(circle at 50% 45%, #e8604c24 0%, #0c0a1000 62%), var(--bg-deepest);flex-direction:column;justify-content:center;align-items:center;gap:8px;animation:.25s ease-out both introOverlayIn,.32s ease-in 1.58s forwards introOverlayOut;display:flex;position:absolute;inset:0}@keyframes introOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes introOverlayOut{to{opacity:0}}.logo-intro-mark{filter:drop-shadow(0 0 28px #e8604c59);width:190px;height:190px;animation:1.7s cubic-bezier(.22,1,.36,1) both introMarkSettle;overflow:visible}@keyframes introMarkSettle{0%{transform:scale(.86)}70%{transform:scale(1.06)}to{transform:scale(1)}}.wobble-logo.is-animated .wl-male-orbit,.wobble-logo.is-animated .wl-female-orbit{transform-box:view-box;transform-origin:100px 95px}.wobble-logo.is-animated .wl-male-orbit{animation:1.55s cubic-bezier(.34,1.32,.5,1) both glyphOrbitCCW}.wobble-logo.is-animated .wl-female-orbit{animation:1.55s cubic-bezier(.34,1.32,.5,1) 80ms both glyphOrbitCW}@keyframes glyphOrbitCCW{0%,22%{transform:rotate(0)}78%{transform:rotate(-360deg)}89%{transform:rotate(-374deg)}to{transform:rotate(-360deg)}}@keyframes glyphOrbitCW{0%,22%{transform:rotate(0)}78%{transform:rotate(360deg)}89%{transform:rotate(374deg)}to{transform:rotate(360deg)}}.wobble-logo.is-animated .wl-male,.wobble-logo.is-animated .wl-female{transform-box:view-box;animation:.6s cubic-bezier(.34,1.56,.64,1) both glyphPop}.wobble-logo.is-animated .wl-male{transform-origin:37px 53px}.wobble-logo.is-animated .wl-female{transform-origin:167px 77px;animation-delay:80ms}@keyframes glyphPop{0%{opacity:0;transform:scale(.1)}55%{opacity:1;transform:scale(1.28)}to{opacity:1;transform:scale(1)}}.wobble-logo.is-animated .wl-w{stroke-dasharray:100;animation:.95s cubic-bezier(.65,0,.35,1) .34s both wStrokeDraw}@keyframes wStrokeDraw{0%{stroke-dashoffset:100px;opacity:0}12%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.logo-intro-name{font-family:var(--font-display,"DM Serif Display", serif);letter-spacing:1px;color:var(--text-primary);opacity:0;font-size:34px;animation:.5s cubic-bezier(.16,1,.3,1) 1.18s forwards introNameIn}@keyframes introNameIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.logo-intro-mark,.logo-intro-name,.wobble-logo.is-animated .wl-male,.wobble-logo.is-animated .wl-female,.wobble-logo.is-animated .wl-w,.logo-container{opacity:1;animation:none!important}}.btn-primary,.btn-secondary,.btn-social{border-radius:var(--radius-2xl);cursor:pointer;border:none;justify-content:center;align-items:center;gap:12px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:transform .2s,opacity .2s;display:flex}.btn-primary:active,.btn-secondary:active,.btn-social:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary)}.auth-form-header{margin-bottom:40px}.auth-form-header h2{font-family:var(--font-display,"DM Serif Display", serif);margin:0 0 8px;font-size:32px}.auth-form-header p{color:var(--text-secondary);margin:0}.input-group{margin-bottom:24px}.input-group input{border-radius:var(--radius-md);background-color:var(--bg-card);border:1px solid var(--bg-elevated);width:100%;color:var(--text-primary);padding:16px 20px;font-size:16px;transition:all .2s}.input-group input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}.divider{text-align:center;color:var(--text-secondary);align-items:center;margin:32px 0;font-size:14px;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--bg-elevated);flex:1}.divider span{padding:0 16px}.social-login{flex-direction:column;gap:16px;display:flex}.btn-google{color:#000;background-color:#fff}.btn-apple{color:#fff;background-color:#000;border:1px solid #333}.auth-toggle{text-align:center;color:var(--text-secondary);cursor:pointer;margin-top:40px;font-size:14px}.auth-toggle:hover{color:var(--text-primary)}.otp-container{justify-content:space-between;gap:10px;margin-bottom:32px;display:flex}.otp-input{background-color:var(--bg-elevated,#1e1a2c);border-radius:var(--radius-md);width:48px;height:56px;color:var(--text-primary);text-align:center;border:1px solid #0000;font-size:24px;font-weight:600;transition:all .2s}.otp-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 12px #e8604c4d}.otp-input.filled{border-color:var(--text-secondary)}.otp-input.error{border-color:var(--error);color:var(--error)}.otp-error-text{color:var(--error);text-align:center;margin-top:-16px;margin-bottom:24px;font-size:14px}.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.verify-btn{margin-bottom:24px}.resend-link{text-align:center;color:var(--text-secondary);font-size:14px}.resend-link span{color:var(--accent);cursor:pointer;font-weight:600}.step-4{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.heart-animation-container{justify-content:center;align-items:center;width:300px;height:300px;margin-bottom:40px;display:flex;position:relative}.flying-digit{color:var(--accent);z-index:2;font-size:32px;font-weight:800;animation:.7s cubic-bezier(.22,1,.36,1) forwards digitFlyIn;position:absolute}@keyframes digitFlyIn{0%{opacity:1;transform:translate(var(--start-x), 60px) scale(1)}60%{opacity:1;transform:translate(0)scale(.6)}to{opacity:0;transform:translate(0)scale(0)}}.heart-svg{opacity:0;filter:drop-shadow(0 0 #0000);width:180px;height:180px;animation:.8s cubic-bezier(.34,1.56,.64,1) .6s forwards heartAppear,.6s 1.2s forwards heartGlow,.8s ease-in-out 1.4s 3 heartPulse,.7s 3s forwards heartFadeOut;transform:scale(0)}@keyframes heartAppear{0%{opacity:0;transform:scale(0)rotate(-15deg)}60%{opacity:1;transform:scale(1.15)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes heartGlow{to{filter:drop-shadow(0 0 15px #e8604ccc)drop-shadow(0 0 40px #e8604c80)drop-shadow(0 0 80px #e8604c4d)}}@keyframes heartPulse{0%{transform:scale(1)}25%{transform:scale(1.18)}40%{transform:scale(.95)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes heartFadeOut{to{opacity:0;filter:drop-shadow(0 0 60px #e8604c00)blur(8px);transform:scale(.7)}}.welcome-message{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) 3.3s forwards welcomeFadeIn;transform:translateY(20px)scale(.95)}.welcome-message h2{font-family:var(--font-display,"DM Serif Display", serif);background:linear-gradient(135deg, var(--accent), #ff8a7a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 8px;font-size:36px}.welcome-message p{color:var(--text-secondary);margin:0;font-size:16px}@keyframes welcomeFadeIn{to{opacity:1;transform:translateY(0)scale(1)}}.voice-prompt-card{border-radius:var(--radius-lg,16px);background:linear-gradient(135deg,#231e32f2,#1a1626fa);border:1px solid #e8604c40;margin:12px 0;padding:16px 18px;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000059}.voice-prompt-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-light), var(--phase-talking));height:2px;position:absolute;top:0;left:0;right:0}.voice-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.voice-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border-radius:var(--radius-full);background:#e8604c1f;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.voice-duration{color:var(--text-tertiary,#9b95a5);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:500}.voice-question{font-family:var(--font-display,"DM Serif Display", serif);color:var(--text-primary);margin:6px 0 14px;font-size:1.15rem;font-weight:400;line-height:1.3}.voice-player-row{border-radius:var(--radius-md);background:#121018b3;border:1px solid #ffffff0f;align-items:center;gap:14px;padding:10px 14px;display:flex}.voice-play-btn{background:var(--accent-gradient,linear-gradient(135deg, #e8604c, #ff7b6b));color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 12px #e8604c59}.voice-play-btn:active{transform:scale(.92)}.voice-play-btn.playing{animation:1.5s infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 #e8604c80}50%{box-shadow:0 0 0 8px #e8604c00}}.waveform-container{flex:1;align-items:center;height:32px;display:flex;position:relative;overflow:hidden}.waveform-bars{justify-content:space-between;align-items:center;gap:3px;width:100%;height:100%;display:flex}.wave-bar{background:#fff3;border-radius:3px;flex:1;min-height:4px;transition:background .15s,height .15s}.wave-bar.filled{background:var(--accent-light)}.wave-bar.animating{animation:.8s ease-in-out infinite alternate wave-bounce}@keyframes wave-bounce{0%{transform:scaleY(.5)}to{transform:scaleY(1.2)}}.waveform-progress{background:var(--accent);border-radius:2px;height:2px;transition:width .1s linear;position:absolute;bottom:0;left:0}.voice-caption{color:var(--text-secondary,#c8c2d4);margin:10px 0 0;font-size:.85rem;font-style:italic;line-height:1.4}.spotify-anthem-card{border-radius:var(--radius-lg,16px);background:linear-gradient(135deg,#141e18f2,#1a1626fa);border:1px solid #1db95440;margin:12px 0;padding:16px;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000059}.spotify-anthem-card:before{content:"";background:linear-gradient(90deg, var(--brand-spotify), var(--brand-spotify-light), var(--accent));height:2px;position:absolute;top:0;left:0;right:0}.spotify-top-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.spotify-brand{align-items:center;gap:6px;display:flex}.spotify-label{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-spotify);font-size:.75rem;font-weight:600}.spotify-badge{color:var(--brand-spotify-light);border-radius:var(--radius-full);background:#1db95426;padding:3px 8px;font-size:.7rem;font-weight:600}.anthem-player-box{border-radius:var(--radius-md);background:#0c0a10bf;border:1px solid #ffffff0d;align-items:center;gap:14px;padding:10px 14px;display:flex}.vinyl-record{cursor:pointer;background:#111;border:2px solid #333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;box-shadow:0 4px 10px #00000080}.vinyl-record.spinning{animation:3s linear infinite spin-vinyl}@keyframes spin-vinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-grooves{background:radial-gradient(circle,#222 20%,#111 25%,#222 40%,#111 45%,#222 65%,#000 70%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vinyl-center{background:var(--brand-spotify);color:#000;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.anthem-details{flex:1;min-width:0}.anthem-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.anthem-artist{color:var(--text-secondary);margin:2px 0 6px;font-size:.8rem}.sound-visualizer{align-items:flex-end;gap:3px;height:10px;display:flex}.sound-visualizer .bar{background:var(--brand-spotify);border-radius:2px;width:3px;height:3px;transition:height .2s}.sound-visualizer .bar.active{animation:.6s ease-in-out infinite alternate bar-jump}.sound-visualizer .bar:first-child{animation-delay:.1s}.sound-visualizer .bar:nth-child(2){animation-delay:.3s}.sound-visualizer .bar:nth-child(3){animation-delay:.2s}.sound-visualizer .bar:nth-child(4){animation-delay:.4s}@keyframes bar-jump{0%{height:3px}to{height:10px}}.anthem-play-btn{background:var(--brand-spotify);color:#000;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s,background .15s;display:flex}.anthem-play-btn:active{transform:scale(.9)}.anthem-play-btn.playing{background:var(--brand-spotify-light);box-shadow:0 0 12px #1db95466}.top-artists-container{border-top:1px solid #ffffff0d;margin-top:12px;padding-top:10px}.top-artists-label{color:var(--text-tertiary,#777);margin-bottom:6px;font-size:.72rem;display:block}.artist-chips{flex-wrap:wrap;gap:6px;display:flex}.artist-chip{border-radius:var(--radius-full);color:var(--text-secondary,#ccc);background:#ffffff0d;border:1px solid #ffffff14;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;display:inline-flex}.profile-card{width:100%;height:100%;color:var(--text-primary);flex-direction:column;display:flex;overflow:hidden auto}.photo-progress-container{z-index:50;pointer-events:none;background:linear-gradient(#0c0a10cc 0%,#0c0a1000 100%);gap:4px;padding:12px 8px;display:flex;position:sticky;top:0;left:0;right:0}.photo-progress-bar{border-radius:var(--radius-full);height:3px;transition:background-color var(--duration-fast) var(--ease-out);background:#fff3;flex:1}.photo-progress-bar.active{background:#fff}.blind-mode-banner{color:#fff;border-radius:var(--radius-md);background:linear-gradient(135deg,#7c4dffe6,#e8604ce6);justify-content:space-between;align-items:center;margin:4px 8px 10px;padding:8px 14px;font-size:.82rem;font-weight:600;animation:.3s slide-in-top;display:flex;box-shadow:0 4px 16px #7c4dff59}.reveal-btn{color:var(--bg-primary);border-radius:var(--radius-full);cursor:pointer;background:#fff;border:none;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;transition:transform .15s;display:flex;box-shadow:0 2px 8px #0003}.reveal-btn:active{transform:scale(.95)}.photo-container.blurred .profile-photo{filter:blur(28px)brightness(.65);transform:scale(1.1)}.photo-blur-overlay{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:5;text-align:center;background:#0c0a1066;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex;position:absolute;inset:0}.photo-blur-overlay p{margin:0;font-size:.9rem;font-weight:600}.photo-blur-overlay .tap-hint{background:var(--accent);color:#fff;border-radius:var(--radius-full);margin-top:4px;padding:4px 12px;font-size:.75rem;font-weight:700;box-shadow:0 4px 12px #e8604c66}.profile-scroll{gap:var(--space-md);padding-bottom:120px;padding:var(--space-sm);flex-direction:column;display:flex}.profile-item{width:100%;position:relative}.photo-container{aspect-ratio:3/4;border-radius:var(--radius-lg);background:var(--bg-card);width:100%;position:relative;overflow:hidden}.profile-photo{object-fit:cover;width:100%;height:100%;display:block}.name-overlay{padding:var(--space-xl) var(--space-md) var(--space-md);pointer-events:none;background:linear-gradient(#0c0a1000 0%,#0c0a10e6 100%);flex-direction:column;gap:4px;display:flex;position:absolute;bottom:0;left:0;right:0}.name-overlay h2{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:28px;display:flex}.verified-badge{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.location-row{color:var(--text-secondary);align-items:center;gap:4px;font-size:14px;display:flex}.item-heart-btn{-webkit-backdrop-filter:blur(8px);width:40px;height:40px;color:var(--text-primary);cursor:pointer;z-index:10;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out);background:#231e3299;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:16px;right:16px}.item-heart-btn:active{transform:scale(.9)}.prompt-container{background:var(--bg-card);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-lg);flex-direction:column;justify-content:center;min-height:140px;display:flex;position:relative}.prompt-question{font-family:var(--font-display);color:var(--text-secondary);margin:0 0 8px;font-size:14px;font-style:italic}.prompt-answer{font-family:var(--font-sans);color:var(--text-primary);margin:0;padding-right:48px;font-size:18px;font-weight:400;line-height:1.4}.comment-overlay{background:var(--bg-elevated);border-radius:var(--radius-full);z-index:20;box-shadow:var(--shadow-md);animation:fadeIn var(--duration-fast) var(--ease-out);border:1px solid #ffffff1a;padding:8px 16px;position:absolute;bottom:16px;right:64px}.comment-overlay input{color:var(--text-primary);background:0 0;width:200px;font-size:14px}.comment-overlay input::placeholder{color:var(--text-secondary)}.vitals-section{padding:var(--space-sm) 0;flex-wrap:wrap;gap:8px;display:flex}.vital-chip{background:var(--bg-elevated);border-radius:var(--radius-full);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.intention-badge{background:var(--bg-elevated);border-radius:var(--radius-md);color:var(--text-primary);margin-top:var(--space-sm);align-items:center;gap:8px;padding:12px 16px;font-size:15px;display:flex}.intention-icon{color:var(--phase-liking)}.action-bar{bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 16px);z-index:50;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);background:#12101866;justify-content:center;align-items:center;gap:20px;padding:12px 24px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.action-btn{transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.action-btn:active{transform:scale(.9)}.btn-skip{background:var(--bg-elevated);width:54px;height:54px;color:var(--text-secondary);border:1px solid #ffffff14;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 16px #0006}.btn-skip:hover{color:#ff5a5f;background:#ff5a5f1f;border-color:#ff5a5f66;transform:scale(1.08)}.btn-like{background:var(--accent-gradient,linear-gradient(135deg, #e8604c, #ff7b6b));color:#fff;width:66px;height:66px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 24px #e8604c73}.btn-like:hover{transform:scale(1.1);box-shadow:0 8px 30px #e8604ca6}.btn-superlike{background:linear-gradient(135deg, var(--bg-hover), var(--bg-input));color:#00d2ff;border:1.5px solid #00d2ff80;width:56px;height:56px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 4px 20px #00d2ff4d,0 0 12px #7c4dff40}.btn-superlike:hover{color:#00f0ff;border-color:#00f0ff;transform:scale(1.12);box-shadow:0 6px 28px #00d2ff8c,0 0 18px #ffd70066}.superlike-glow-ring{background:conic-gradient(from 0deg, #00d2ff, var(--phase-talking), var(--phase-serious), #00d2ff);z-index:-1;opacity:.6;filter:blur(4px);pointer-events:none;border-radius:50%;animation:4s linear infinite superlike-spin;position:absolute;inset:-4px}@keyframes superlike-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.superlike-sparkle-dot{color:var(--phase-serious);pointer-events:none;font-size:10px;animation:1.8s ease-in-out infinite sparkle-float;position:absolute}.dot-1{animation-delay:0s;top:2px;right:6px}.dot-2{animation-delay:.9s;bottom:4px;left:6px}@keyframes sparkle-float{0%,to{opacity:.2;transform:scale(.8)translateY(0)}50%{opacity:1;transform:scale(1.3)translateY(-3px)}}.likes-badge{background:var(--bg-deepest);color:var(--text-primary);border:2px solid var(--accent);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.duo-card-container{width:100%;height:100%;color:var(--text-primary);flex-direction:column;gap:12px;padding:12px 12px 120px;display:flex;overflow-y:auto}.duo-badge-header{justify-content:space-between;align-items:center;padding:4px 6px;display:flex}.duo-tag{color:var(--accent-light);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#7c4dff33,#e8604c33);border:1px solid #e8604c4d;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.duo-city{color:var(--text-tertiary,#9b95a5);align-items:center;gap:4px;font-size:.78rem;display:flex}.duo-photos-split{grid-template-columns:1fr 1fr;gap:8px;display:grid;position:relative}.duo-person-side{border-radius:var(--radius-lg,16px);aspect-ratio:3/4.5;background:var(--bg-card);position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}.duo-img{object-fit:cover;width:100%;height:100%}.duo-person-info{color:#fff;background:linear-gradient(#0000 0%,#0c0a1099 30%,#0c0a10f2 100%);padding:10px 8px;position:absolute;bottom:0;left:0;right:0}.duo-person-info h4{margin:0;font-size:.95rem;font-weight:700}.duo-role{color:var(--text-secondary,#c8c2d4);font-size:.75rem;display:block}.duo-vibe{color:var(--phase-serious);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:.7rem;font-style:italic;overflow:hidden}.duo-vs-divider{background:var(--accent-gradient,linear-gradient(135deg, #e8604c, #ff7b6b));color:#fff;border:3px solid var(--bg-deepest);z-index:10;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:800;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0009}.duo-headline-card{border-radius:var(--radius-md);text-align:center;background:#231e3299;border:1px solid #ffffff14;padding:12px 16px}.duo-headline-text{font-family:var(--font-display,"DM Serif Display", serif);color:var(--text-primary);margin:0;font-size:1.1rem;line-height:1.3}.duo-joint-prompt{background:var(--bg-card);border-radius:var(--radius-lg,16px);border:1px solid #ffffff0f;padding:16px}.duo-joint-prompt .prompt-label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.duo-joint-prompt .prompt-body{color:var(--text-primary);margin:0;font-size:1rem;line-height:1.4}.duo-interests-row{flex-wrap:wrap;gap:6px;display:flex}.duo-interest-chip{border-radius:var(--radius-full);color:var(--text-secondary,#c8c2d4);background:#ffffff0f;border:1px solid #ffffff14;padding:4px 12px;font-size:.78rem}.wobble-hour-backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9999;background:#0c0a10e0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.wobble-hour-modal{background:var(--bg-card);border-radius:var(--radius-xl,24px);width:100%;max-width:420px;color:var(--text-primary);text-align:center;border:1px solid #e8604c4d;padding:24px;position:relative;box-shadow:0 16px 48px #000000b3,0 0 32px #e8604c33}.wobble-close-btn{color:var(--text-secondary);cursor:pointer;z-index:10;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:16px;right:16px}.wobble-live-pill{color:var(--accent);border-radius:var(--radius-full);letter-spacing:.05em;background:#e8604c26;border:1px solid #e8604c4d;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.live-pulse{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.2s infinite live-blink}@keyframes live-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.radar-animation{justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto 24px;display:flex;position:relative}.radar-circle{border:1px solid #e8604c66;border-radius:50%;position:absolute}.circle-1{width:60px;height:60px}.circle-2{width:110px;height:110px}.circle-3{width:160px;height:160px}.radar-scanner{background:conic-gradient(#0000 70%,#e8604c66 100%);border-radius:50%;width:100%;height:100%;animation:2s linear infinite radar-sweep;position:absolute}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-core-icon{color:var(--accent);z-index:5;animation:1s infinite alternate pulse-heart}.speed-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.speed-timer{color:var(--accent-light);border-radius:var(--radius-full);background:#e8604c33;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.round-count{color:var(--text-tertiary);font-size:.8rem}.mystery-profile-preview{border-radius:var(--radius-lg);text-align:left;background:#0c0a1099;border:1px solid #ffffff0f;align-items:center;gap:14px;margin-bottom:16px;padding:10px 14px;display:flex}.mystery-photo-wrap{border:2px solid var(--accent);border-radius:50%;width:50px;height:50px;position:relative;overflow:hidden}.mystery-photo.blurred{object-fit:cover;filter:blur(14px);width:100%;height:100%}.mystery-info{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.mystery-info h4{margin:0;font-size:1rem}.mystery-location{color:var(--text-secondary);font-size:.78rem}.speed-question-card{text-align:left}.q-label{color:var(--text-secondary);margin-bottom:10px;font-size:.85rem;font-weight:600;display:block}.speed-options-grid{flex-direction:column;gap:10px;display:flex}.speed-opt-btn{background:var(--bg-elevated);border-radius:var(--radius-lg);color:var(--text-primary);text-align:left;cursor:pointer;border:1px solid #ffffff14;flex-direction:column;gap:4px;padding:14px 16px;font-size:.92rem;transition:all .15s;display:flex;position:relative}.speed-opt-btn.selected{border-color:var(--accent);background:#e8604c33}.partner-matched-tag{color:var(--phase-serious);font-size:.72rem;font-weight:700}.speed-next-btn{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:12px;font-weight:700;display:flex}.rating-stage{padding:10px 0}.rating-mystery-avatar{border:3px solid var(--accent);border-radius:50%;width:90px;height:90px;margin:0 auto 16px;overflow:hidden}.stars-row{justify-content:center;gap:10px;margin-top:20px;display:flex}.star-btn{cursor:pointer;background:0 0;border:none;transition:transform .15s}.star-btn:hover,.star-btn:active{transform:scale(1.2)}.celebration-stage{padding:10px 0}.unblurred-match-photo{border:4px solid var(--accent);border-radius:50%;width:120px;height:120px;margin:0 auto 16px;animation:.5s cubic-bezier(.175,.885,.32,1.275) scale-up;position:relative;overflow:hidden;box-shadow:0 0 24px #e8604c80}.unblurred-img{object-fit:cover;width:100%;height:100%}.instant-match-badge{background:var(--accent);color:#fff;justify-content:center;align-items:center;gap:4px;padding:3px 0;font-size:.68rem;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.chat-now-btn{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:14px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 6px 20px #e8604c66}.radar-stage,.speed-round-stage{align-items:center;gap:var(--space-base);flex-direction:column;width:100%;display:flex}.mystery-badge{margin-top:var(--space-xs);padding:3px var(--space-sm);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:.02em;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff24;align-self:flex-start;align-items:center;font-weight:600;display:inline-flex}.opt-check{color:var(--accent);flex:none;margin-left:auto}.celebration-sparkle-burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.discover-page{background:var(--bg-deepest);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative}.wobble-hour-live-strip{border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(90deg,#e8604c38,#7c4dff38);border:1px solid #e8604c66;justify-content:space-between;align-items:center;margin:6px 12px;padding:8px 12px;transition:transform .15s,border-color .15s;display:flex;box-shadow:0 4px 14px #e8604c2e}.wobble-hour-live-strip:active{transform:scale(.98)}.wobble-strip-left{align-items:center;gap:8px;display:flex}.live-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.2s infinite live-blink}.flame-strip-icon{color:var(--accent-light)}.wobble-strip-title{color:#fff;letter-spacing:.05em;font-size:.76rem;font-weight:800}.wobble-strip-cta span{color:var(--phase-serious);font-size:.74rem;font-weight:700}.discover-controls-bar{justify-content:space-between;align-items:center;gap:8px;padding:4px 12px 8px;display:flex}.mode-toggle-group{background:var(--bg-card);border-radius:var(--radius-full);border:1px solid #ffffff14;padding:2px;display:inline-flex}.mode-toggle-btn{color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 10px;font-size:.74rem;font-weight:600;transition:all .15s;display:inline-flex}.mode-toggle-btn.active{background:var(--accent);color:#fff}.blind-toggle-btn{background:var(--bg-card);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;border:1px solid #ffffff14;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:600;transition:all .15s;display:inline-flex}.blind-toggle-btn.active{border-color:var(--phase-talking);color:#c4b5fd;background:#7c4dff40}.likes-counter-tag{color:var(--text-tertiary,#777);white-space:nowrap;font-size:.72rem;font-weight:500}.card-wrapper{touch-action:pan-y;cursor:grab;flex:1;width:100%;height:100%;transition:opacity .38s cubic-bezier(.2,.8,.2,1),transform .38s cubic-bezier(.2,.8,.2,1),filter .38s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.card-wrapper.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.animating-out-left{filter:blur(4px)grayscale(.5);pointer-events:none;opacity:0!important;transform:translate(-135%,20px)rotate(-22deg)scale(.82)!important}.animating-out-right{filter:blur(4px);pointer-events:none;opacity:0!important;transform:translate(135%,20px)rotate(22deg)scale(.82)!important}.animating-out-up{filter:brightness(1.35)blur(3px);pointer-events:none;opacity:0!important;transform:translateY(-145%)scale(1.15)rotate(-2deg)!important}.swipe-stamp{z-index:60;border-radius:var(--radius-md);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 16px;font-size:1.4rem;font-weight:900;position:absolute;box-shadow:0 8px 24px #00000080}.like-stamp{color:#00e676;background:#00e67633;border:3.5px solid #00e676;top:40px;left:24px;transform:rotate(-16deg)}.nope-stamp{color:var(--phase-dating);border:3.5px solid var(--phase-dating);background:#ff525233;top:40px;right:24px;transform:rotate(16deg)}.superlike-stamp{color:#00e5ff;text-shadow:0 0 12px #00e5ffcc;background:#00e5ff40;border:3.5px solid #00e5ff;bottom:90px;left:50%;transform:translate(-50%)rotate(0)}.superlike-celebration-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:99999;pointer-events:none;background:radial-gradient(circle,#0c0a1abf 0%,#05030aeb 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.cosmic-light-column{filter:blur(24px);background:radial-gradient(at bottom,#00d2ff73 0%,#7c4dff4d 40%,#0000 80%);width:280px;height:140%;animation:1.2s ease-out infinite alternate beam-pulse;position:absolute;bottom:-20%;left:50%;transform:translate(-50%)}@keyframes beam-pulse{0%{opacity:.6;transform:translate(-50%)scaleX(.8)}to{opacity:1;transform:translate(-50%)scaleX(1.2)}}.particles-container{width:0;height:0;position:absolute;top:50%;left:50%}.celebration-particle{-webkit-user-select:none;user-select:none;font-size:28px;animation:1.4s cubic-bezier(.2,.9,.3,1) forwards particle-burst;position:absolute}.p-1{--tx:-130px;--ty:-180px;--rot:-45deg;animation-delay:20ms}.p-2{--tx:120px;--ty:-190px;--rot:35deg;animation-delay:50ms}.p-3{--tx:-160px;--ty:-60px;--rot:-80deg;animation-delay:80ms}.p-4{--tx:170px;--ty:-50px;--rot:70deg;animation-delay:40ms}.p-5{--tx:-110px;--ty:120px;--rot:-30deg;animation-delay:.1s}.p-6{--tx:130px;--ty:110px;--rot:60deg;animation-delay:60ms}.p-7{--tx:0px;--ty:-230px;--rot:15deg;animation-delay:30ms}.p-8{--tx:-70px;--ty:-210px;--rot:-60deg;animation-delay:70ms}.p-9{--tx:80px;--ty:-200px;--rot:45deg;animation-delay:90ms}.p-10{--tx:-150px;--ty:40px;--rot:-90deg;animation-delay:.12s}.p-11{--tx:150px;--ty:40px;--rot:90deg;animation-delay:.11s}.p-12{--tx:0px;--ty:180px;--rot:-15deg;animation-delay:50ms}@keyframes particle-burst{0%{opacity:0;transform:translate(0)scale(.2)rotate(0)}30%{opacity:1;transform:translate(calc(var(--tx) * .7), calc(var(--ty) * .7)) scale(1.4) rotate(var(--rot))}to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(.8) rotate(calc(var(--rot) * 2))}}.superlike-badge-card{border-radius:var(--radius-2xl);text-align:center;z-index:10;background:linear-gradient(135deg,#1e1832f2,#120e1ef2);border:2px solid #00d2ff99;width:90%;max-width:340px;padding:30px 24px;position:relative;box-shadow:0 16px 48px #000c,0 0 32px #00d2ff66,0 0 60px #7c4dff4d}.superlike-icon-halo{background:radial-gradient(circle,#00d2ff40 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 16px;display:flex;position:relative}.star-icon-main{font-size:52px;animation:1s ease-in-out infinite alternate star-pulse}.rose-icon-sub{filter:drop-shadow(0 2px 6px #0009);font-size:26px;position:absolute;bottom:0;right:0}@keyframes star-pulse{0%{transform:scale(1)rotate(0)}to{transform:scale(1.18)rotate(8deg)}}.superlike-banner-title{font-family:var(--font-display,"DM Serif Display", serif);background:linear-gradient(135deg, #fff 0%, #00e5ff 50%, var(--phase-serious) 100%);-webkit-text-fill-color:transparent;letter-spacing:.04em;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:1.6rem}.superlike-banner-desc{color:var(--text-secondary,#c8c2d4);margin:0;font-size:.88rem;line-height:1.4}.superlike-banner-desc strong{color:#fff}.animate-scale-up-bounce{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards scaleUpBounce}@keyframes scaleUpBounce{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.animate-pop{animation:.2s cubic-bezier(.175,.885,.32,1.275) forwards popIn}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.empty-state{text-align:center;padding:var(--space-xl);color:var(--text-tertiary);justify-content:center;align-items:center}.empty-icon{margin-bottom:var(--space-lg);background:linear-gradient(135deg, var(--text-secondary) 0%, var(--accent) 50%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite shimmerPulse}@keyframes shimmerPulse{0%{opacity:.7;background-position:0%;transform:scale(1)}50%{opacity:1;background-position:100%;transform:scale(1.1)}to{opacity:.7;background-position:0%;transform:scale(1)}}.empty-state h2{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-sm);font-size:24px}.empty-state p{font-size:15px}.toast{background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-full);z-index:100;box-shadow:var(--shadow-lg);border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);padding:12px 20px;font-size:14px;font-weight:500;position:fixed;top:80px;left:50%;transform:translate(-50%)}.discover-guard-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(16px);background:#0c0a10d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.discover-guard-modal{text-align:center;background:#181424;border:1px solid #ffffff1f;border-radius:28px;width:100%;max-width:380px;padding:32px 24px 24px;position:relative;box-shadow:0 30px 80px #000000e6,0 0 40px #e8604c26}.guard-close-btn{color:#9b95a5;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:16px;right:16px}.guard-icon-wrap{background:#e8604c1f;border:1px solid #e8604c59;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.guard-icon-wrap.pending{background:#f59e0b1f;border-color:#f59e0b59}.discover-guard-modal h3{font-family:var(--font-display,"DM Serif Display", serif);color:#fff;margin:0 0 8px;font-size:1.4rem}.discover-guard-modal p{color:#9b95a5;margin:0 0 24px;font-size:.86rem;line-height:1.5}.btn-guard-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e8604c 0%,#ff7b6b 100%);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:.92rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 8px 24px #e8604c59}.btn-guard-primary:hover{transform:translateY(-1px)}.btn-guard-secondary{color:#9b95a5;cursor:pointer;background:0 0;border:none;margin-top:14px;font-size:.8rem}.likes-page{background:var(--bg-deepest);flex-direction:column;width:100%;min-height:100dvh;display:flex}.likes-header{padding:var(--space-xl) var(--space-base) var(--space-md);background:color-mix(in srgb, var(--bg-deepest) 80%, transparent);-webkit-backdrop-filter:blur(12px);z-index:10;position:sticky;top:0}.likes-header h1{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:12px;margin:0;font-size:32px;display:flex}.likes-count{background:var(--accent);color:var(--text-primary);font-family:var(--font-sans);border-radius:var(--radius-full);padding:2px 10px;font-size:16px;font-weight:600}.likes-grid{gap:var(--space-md);padding:var(--space-md);grid-template-columns:repeat(2,1fr);padding-bottom:120px;display:grid}.like-card{background:var(--bg-card);border-radius:var(--radius-lg);transition:transform var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);animation:fade-in-up .5s var(--ease-out) backwards;border:1px solid #ffffff0d;flex-direction:column;display:flex;overflow:hidden}.like-card:hover{border-color:var(--accent-glow);box-shadow:0 0 15px var(--accent-glow);transform:scale(1.02)}.like-card:active{transform:scale(.98)}.like-card:first-child{animation-delay:50ms}.like-card:nth-child(2){animation-delay:.1s}.like-card:nth-child(3){animation-delay:.15s}.like-card:nth-child(4){animation-delay:.2s}.like-card:nth-child(5){animation-delay:.25s}.like-card:nth-child(6){animation-delay:.3s}.like-card:nth-child(7){animation-delay:.35s}.like-card:nth-child(8){animation-delay:.4s}.like-card:nth-child(n+9){animation-delay:.45s}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.like-photo-container{aspect-ratio:1;width:100%;position:relative}.like-photo{object-fit:cover;width:100%;height:100%;display:block}.like-card-actions{justify-content:center;gap:12px;display:flex;position:absolute;bottom:8px;left:0;right:0}.like-action-btn{width:40px;height:40px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(4px);transition:transform var(--duration-fast) var(--ease-out);background:#1e1a2ed9;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.like-action-btn:active{transform:scale(.9)}.reject-btn{color:var(--text-secondary)}.accept-btn{color:var(--success)}.like-info{padding:var(--space-sm);flex-direction:column;gap:4px;display:flex}.like-info h3{font-family:var(--font-sans);color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.liked-what{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.like-comment{background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-primary);align-items:flex-start;gap:6px;margin-top:4px;padding:6px 8px;font-size:12px;font-style:italic;display:flex}.comment-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.likes-page.empty-state{text-align:center;padding:var(--space-xl);justify-content:center;align-items:center}.empty-icon-likes{color:var(--text-tertiary);margin-bottom:var(--space-md)}.likes-page.empty-state h2{font-family:var(--font-display);color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:24px}.likes-page.empty-state p{color:var(--text-tertiary);font-size:15px}.stories-bar-container{white-space:nowrap;background:var(--bg-deepest);border-bottom:1px solid #ffffff0d;width:100%;padding:10px 12px 6px;overflow:auto hidden}.stories-bar-track{align-items:center;gap:14px;display:inline-flex}.story-item{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;width:64px;transition:transform .15s;display:flex}.story-item:active{transform:scale(.93)}.story-ring{background:var(--bg-card);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:2.5px;display:flex;position:relative}.story-ring.has-story{background:linear-gradient(45deg, var(--accent), var(--accent-light), var(--phase-talking), var(--brand-spotify));background-size:300% 300%;animation:4s infinite gradient-rotate}@keyframes gradient-rotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.story-ring.self-add{background:0 0;border:2px dashed #ffffff40}.story-avatar-img{object-fit:cover;border:2px solid var(--bg-deepest);border-radius:50%;width:100%;height:100%}.add-story-badge{background:var(--accent);color:#fff;border:2px solid var(--bg-deepest);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 6px #e8604c66}.story-glow-dot{background:var(--brand-spotify);border:2px solid var(--bg-deepest);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.story-username{color:var(--text-secondary);text-overflow:ellipsis;text-align:center;max-width:62px;font-size:.72rem;font-weight:500;overflow:hidden}.story-viewer-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#000000eb;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0}.story-viewer-modal{background:#000;border-radius:0;flex-direction:column;width:100%;max-width:440px;height:100dvh;max-height:900px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 48px #000c}@media (width>=480px){.story-viewer-modal{border-radius:var(--radius-xl);height:92vh}}.story-progress-bar-row{z-index:50;gap:4px;display:flex;position:absolute;top:12px;left:12px;right:12px}.story-seg-bg{background:#ffffff4d;border-radius:2px;flex:1;height:3px;overflow:hidden}.story-seg-fill{background:#fff;height:100%;transition:width 50ms linear}.story-header-row{z-index:50;justify-content:space-between;align-items:center;display:flex;position:absolute;top:24px;left:14px;right:14px}.story-user-info{align-items:center;gap:10px;display:flex}.story-header-avatar{object-fit:cover;border:1.5px solid #fff;border-radius:50%;width:36px;height:36px}.story-header-text h4{color:#fff;text-shadow:0 1px 4px #0009;margin:0;font-size:.95rem;font-weight:600}.story-time{color:#fffc;text-shadow:0 1px 4px #0009;font-size:.72rem}.story-close-btn{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.story-media-stage{flex:1;width:100%;height:100%;position:relative;overflow:hidden}.story-media-img{object-fit:cover;width:100%;height:100%}.story-tap-left,.story-tap-right{z-index:20;cursor:pointer;width:35%;position:absolute;top:60px;bottom:80px}.story-tap-left{left:0}.story-tap-right{width:65%;right:0}.story-vibe-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--phase-serious);border-radius:var(--radius-full);z-index:30;background:#0000008c;border:1px solid #ffd7004d;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:76px;left:14px}.story-caption-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);z-index:30;background:#0c0a10b3;border:1px solid #ffffff1a;padding:12px 16px;position:absolute;bottom:80px;left:14px;right:14px}.story-caption-overlay p{color:#fff;margin:0;font-size:.92rem;line-height:1.4}.story-like-burst{z-index:40;pointer-events:none;animation:.6s ease-out forwards heart-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes heart-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.4)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.story-footer-row{z-index:50;align-items:center;gap:10px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.story-reply-form{flex:1;align-items:center;display:flex;position:relative}.story-reply-input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);color:#fff;background:#fff3;border:1px solid #ffffff4d;outline:none;width:100%;padding:12px 42px 12px 16px;font-size:.88rem}.story-reply-input::placeholder{color:#ffffffb3}.story-send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;right:6px}.story-heart-reaction{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .15s;display:flex}.story-heart-reaction:active{transform:scale(.88)}.matches-page{flex-direction:column;display:flex}.matches-header{width:100%;max-width:var(--app-max-width);height:var(--top-bar-height);-webkit-backdrop-filter:blur(12px);padding:0 var(--space-base);z-index:10;background:#121018d9;border-bottom:1px solid #ffffff0d;align-items:center;display:flex;position:fixed;top:0}.matches-header h1{font-family:var(--font-display);font-size:var(--text-2xl);align-items:center;gap:var(--space-sm);font-weight:400;display:flex}.matches-header span{font-family:var(--font-sans);font-size:var(--text-sm);background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-full);padding:2px 8px}.status-banners{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.slot-banner{background:var(--bg-card);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);gap:var(--space-sm);border:1px solid #ffffff0d;flex-direction:column;flex:1;display:flex}.slot-info{justify-content:space-between;align-items:center;display:flex}.slot-text{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.progress-track{background:var(--bg-elevated);border-radius:var(--radius-full);height:4px;overflow:hidden}.progress-fill{background:var(--accent-gradient);border-radius:var(--radius-full);height:100%;transition:width var(--duration-normal) var(--ease-out)}.ends-banner{background:var(--bg-card);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);border:1px solid #ffffff0d;justify-content:center;align-items:center;display:flex}.ends-text{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.matches-list{gap:var(--space-sm);flex-direction:column;display:flex}.match-card{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);animation:slide-in-left .4s var(--ease-out) backwards;border-left:3px solid #0000;display:flex}.match-card:hover{background:var(--bg-hover)}.match-card:first-child{animation-delay:50ms}.match-card:nth-child(2){animation-delay:.1s}.match-card:nth-child(3){animation-delay:.15s}.match-card:nth-child(4){animation-delay:.2s}.match-card:nth-child(5){animation-delay:.25s}.match-card:nth-child(n+6){animation-delay:.3s}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.match-card.is-active{border-left-color:var(--accent);background:var(--bg-elevated)}.match-card.is-locked{opacity:.8;position:relative;overflow:hidden}.match-card.is-locked:after{content:"";background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--error) 5%, transparent), color-mix(in srgb, var(--error) 5%, transparent) 10px, transparent 10px, transparent 20px);pointer-events:none;position:absolute;inset:0}.match-avatar-wrapper{flex-shrink:0;width:48px;height:48px;position:relative}.match-avatar{border-radius:var(--radius-full);object-fit:cover;width:100%;height:100%}.online-dot{background:var(--online);border:2px solid var(--bg-card);border-radius:var(--radius-full);width:12px;height:12px;position:absolute;bottom:0;right:0}.avatar-overlay{border-radius:var(--radius-full);width:100%;height:100%;color:var(--text-primary);background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.match-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.match-info-header{justify-content:space-between;align-items:center;display:flex}.match-name{font-size:var(--text-base);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.match-time{font-size:var(--text-xs);color:var(--text-tertiary);flex-shrink:0}.match-preview{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.match-actions{align-items:center;gap:var(--space-sm);display:flex}.phase-badge{border-radius:var(--radius-full);background:var(--bg-primary);justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.menu-btn{color:var(--text-tertiary);border-radius:var(--radius-full);padding:4px}.menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-overlay{background:color-mix(in srgb, var(--bg-deepest) 70%, transparent);-webkit-backdrop-filter:blur(8px);z-index:100;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-xl);text-align:center;border:1px solid #ffffff0d;width:90%;max-width:320px;position:relative}.modal-content.bottom-sheet{width:100%;max-width:var(--app-max-width);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-xl) var(--space-base);text-align:left;position:absolute;bottom:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp var(--duration-normal) var(--ease-out)}.close-btn{top:var(--space-base);right:var(--space-base);color:var(--text-secondary);position:absolute}.modal-icon{background:var(--bg-elevated);border-radius:var(--radius-full);width:64px;height:64px;margin:0 auto var(--space-md);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.modal-content h3{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-sm);font-weight:400}.modal-content p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.modal-actions{gap:var(--space-md);display:flex}.modal-actions.single{justify-content:center}.btn-cancel,.btn-primary,.btn-secondary{padding:var(--space-md);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm);flex:1}.btn-cancel{background:var(--bg-elevated);color:var(--text-primary)}.btn-primary{background:var(--accent-gradient);color:var(--text-primary)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid #ffffff1a}.sheet-header .close-btn{position:static}.menu-list{flex-direction:column;display:flex}.menu-item{padding:var(--space-md) 0;text-align:left;font-size:var(--text-base);border-bottom:1px solid #ffffff0d;font-weight:500}.menu-item:last-child{border-bottom:none}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.story-reply-note{left:50%;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-base));z-index:var(--z-toast);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-sm);box-shadow:var(--shadow-lg);animation:fadeInUp var(--duration-normal) var(--ease-out);white-space:nowrap;border:1px solid #ffffff1a;font-weight:600;position:fixed;transform:translate(-50%)}.message-bubble-container{flex-direction:column;max-width:82%;margin-bottom:10px;display:flex}.message-bubble-container.is-own{align-self:flex-end;align-items:flex-end}.message-bubble-container.is-other{align-self:flex-start;align-items:flex-start}.message-wrapper{align-items:center;gap:6px;display:flex;position:relative}.unsend-action-btn{opacity:0;color:var(--accent);cursor:pointer;background:#e8604c1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.message-wrapper:hover .unsend-action-btn{opacity:1}.unsend-action-btn:hover{background:var(--accent);color:#fff;transform:scale(1.1)}.message-bubble{border-radius:var(--radius-xl);word-break:break-word;padding:10px 14px;font-size:14.5px;line-height:1.45;box-shadow:0 2px 8px #0000000a}.message-bubble.has-media{padding:6px}.is-own .message-bubble{background:linear-gradient(135deg, var(--accent) 0%, #ff7b6a 100%);color:#fff;border-bottom-right-radius:4px}.is-other .message-bubble{background:var(--bg-elevated);color:var(--text-primary);border:1px solid #ffffff14;border-bottom-left-radius:4px}.message-text{color:inherit;white-space:pre-wrap;font-size:14.5px;line-height:1.45;display:block}.media-content-block{width:100%}.view-once-card{border-radius:var(--radius-lg);cursor:pointer;align-items:center;padding:10px 14px;transition:opacity .2s;display:flex}.view-once-card.is-unopened{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff38}.is-other .view-once-card.is-unopened{color:var(--accent);background:#e8604c1f}.view-once-card.is-opened{opacity:.7;cursor:default;background:#0000001a}.view-once-text{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.tap-hint{opacity:.85;font-size:11px;font-weight:400}.permanent-photo-card{border-radius:var(--radius-lg);cursor:pointer;max-width:240px;overflow:hidden}.chat-inline-photo{object-fit:cover;border-radius:var(--radius-md);width:100%;height:auto;max-height:260px;transition:transform .2s;display:block}.chat-inline-photo:hover{transform:scale(1.02)}.message-text{padding:4px 6px}.message-timestamp{color:var(--text-secondary);margin-top:4px;padding:0 4px;font-size:11px}.media-lightbox-overlay{z-index:1200;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox-close-btn{color:#fff;cursor:pointer;z-index:10;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:20px;right:20px}.lightbox-content{flex-direction:column;align-items:center;max-width:90vw;max-height:85vh;display:flex}.lightbox-image{object-fit:contain;border-radius:var(--radius-lg);max-width:100%;max-height:75vh;box-shadow:0 20px 50px #000c}.view-once-notice-banner{color:#fff;border-radius:var(--radius-xl);background:#e8604ce6;align-items:center;gap:6px;margin-top:14px;padding:8px 16px;font-size:12px;display:flex}.game-content-block{border-radius:var(--radius-md);background:#00000026;border:1px solid #ffffff1a;margin-bottom:6px;padding:12px}.is-other .game-content-block{background:#0000000d;border-color:#0000000d}.game-badge{text-transform:uppercase;color:var(--accent);align-items:center;gap:4px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.game-summary-text{white-space:pre-wrap;overflow-wrap:anywhere;color:inherit;margin:0;font-size:14px;line-height:1.5}.game-doodle-prompt{margin-bottom:8px;font-size:13px;font-style:italic;display:block}.doodle-img{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid #ffffff1a}.fortune-result{margin-bottom:8px;font-size:13px;line-height:1.3}.fortune-result:last-child{margin-bottom:0}.fortune-result strong{color:var(--accent);text-transform:uppercase;margin-bottom:2px;font-size:11px;display:block}.game-lyric{font-size:14px;font-weight:600}.game-score{color:var(--accent);font-size:14px;font-weight:700}.tod-mode{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);margin-bottom:6px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.tod-text{font-size:14px;font-weight:600;line-height:1.3}.wyr-question{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.wyr-choice{margin-bottom:4px;font-size:14px;font-weight:600}.wyr-match-tag{color:var(--accent);font-size:12px;font-weight:700}.tlt-intro{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600}.tlt-stmt-bubble{border-radius:var(--radius-sm);background:#ffffff0d;margin-bottom:4px;padding:4px 8px;font-size:13px}.compat-score-num{color:var(--accent);font-size:18px;font-weight:800}.compat-summary{color:var(--text-primary);margin-top:4px;font-size:13px}.emoji-score-banner,.trivia-score-banner{color:var(--accent);font-size:14px;font-weight:700}.twenty-cat{color:var(--accent);margin-bottom:4px;font-size:11px;font-weight:700;display:inline-block}.twenty-text{font-size:13px;line-height:1.3}.chat-itinerary-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#23192df2,#2d141ef2);border:1.5px solid #e8604c80;min-width:250px;max-width:320px;padding:14px 16px;box-shadow:0 6px 20px #0006}.itinerary-header-badge{color:var(--phase-serious);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:800}.itinerary-vibe-title{margin:0 0 8px;font-size:15px;font-weight:700;color:#fff!important}.itinerary-details p{margin:3px 0;font-size:13px;color:#e2dced!important}.itinerary-note{border-radius:var(--radius-sm);border-left:3px solid var(--phase-serious);background:#0000004d;margin:10px 0 8px;padding:8px 10px;font-size:12.5px;font-style:italic;color:#fff!important}.itinerary-rsvp-row{gap:8px;margin-top:12px;display:flex}.itinerary-rsvp-state{border-radius:var(--radius-full);animation:scaleIn var(--duration-normal) var(--ease-spring);justify-content:center;align-items:center;gap:7px;margin-top:12px;padding:9px 12px;font-size:12px;font-weight:700;display:flex}.itinerary-rsvp-state.is-accepted{color:var(--success);background:#5cb87a29;border:1px solid #5cb87a52}.itinerary-rsvp-state.is-tweak{color:var(--text-primary);background:#ffffff1a;border:1px solid #ffffff29}.rsvp-btn{border-radius:var(--radius-full);cursor:pointer;border:none;flex:1;min-height:36px;padding:9px 12px;font-size:12px;font-weight:700;transition:transform .15s,filter .15s}.rsvp-btn:hover{filter:brightness(1.08)}.rsvp-btn:active{transform:scale(.95)}.rsvp-btn.accepted{background:var(--accent-gradient,linear-gradient(135deg, #e8604c, #ff7b6b));color:#fff;box-shadow:0 2px 8px #e8604c66}.rsvp-btn.tweak{color:#fff;background:#ffffff1f;border:1px solid #ffffff26}.chat-music-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#142319e6,#0c0a10e6);border:1px solid #1db9544d;margin-top:4px;padding:12px}.music-header-badge{color:var(--brand-spotify-light);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.music-body-box{align-items:center;gap:10px;display:flex}.music-note-icon{font-size:24px}.music-text-meta h4{color:#fff;margin:0;font-size:13px}.music-text-meta p{color:var(--text-secondary);margin:2px 0 0;font-size:11px}.music-shared-note{color:var(--text-primary);margin:8px 0 0;font-size:12px;font-style:italic}.chat-closure-card{border-radius:var(--radius-md);background:#7c4dff1f;border:1px solid #7c4dff4d;margin-top:4px;padding:12px}.closure-badge-pill{color:var(--phase-talking);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.closure-note-body{color:var(--text-primary);margin:0;font-size:12px;font-style:italic;line-height:1.4}.game-tod-card,.game-wyr-card,.game-tlt-card,.game-compat-card,.game-emoji-card,.game-trivia-card,.game-twenty-card,.game-doodle,.game-fortune{gap:var(--space-xs);flex-direction:column;display:flex}.game-doodle{align-items:flex-start}.emoji-solved{font-size:var(--text-sm);color:inherit;opacity:.9;margin:0}.chat-input-container{padding:var(--space-sm) var(--space-base);background:var(--bg-primary);z-index:10;border-top:1px solid #ffffff0d;position:relative}.chat-input-wrapper{background:var(--bg-input);border-radius:var(--radius-full);transition:opacity var(--duration-fast);align-items:center;padding:4px 6px;display:flex;position:relative}.chat-input-container.is-disabled .chat-input-wrapper{opacity:.6}.chat-media-btn,.chat-game-btn{width:34px;height:34px;color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.chat-media-btn:hover,.chat-game-btn:hover{background:#e8604c1a;transform:scale(1.08)}.chat-input-field{padding:var(--space-sm) var(--space-sm);color:var(--text-primary);background:0 0;flex:1;width:100%}.chat-input-field::placeholder{color:var(--text-tertiary)}.chat-send-btn{border-radius:var(--radius-full);background:var(--accent-gradient);width:32px;height:32px;color:var(--text-inverse);opacity:0;pointer-events:none;transition:all var(--duration-fast) var(--ease-spring);flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;display:flex;transform:scale(.8)}.chat-send-btn.is-visible{opacity:1;pointer-events:auto;transform:scale(1)}.call-overlay{z-index:1000;color:#fff;background:#0f0f15;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.video-background{z-index:1;position:absolute;inset:0}.remote-video-feed{object-fit:cover;filter:brightness(.85);width:100%;height:100%}.video-feed-overlay{background:linear-gradient(#0009 0%,#0000001a 40%,#000c 100%);position:absolute;inset:0}.local-video-pip{border-radius:var(--radius-lg);z-index:5;background:#1a1a24;border:2px solid #ffffff40;width:110px;height:160px;position:absolute;top:90px;right:20px;overflow:hidden;box-shadow:0 10px 25px #00000080}.pip-video-feed{background:linear-gradient(135deg,#2d2b42 0%,#1a1829 100%);align-items:flex-end;width:100%;height:100%;padding:8px;display:flex}.pip-label{color:#fffc;background:#00000080;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.audio-background{background:radial-gradient(circle,#2d1f3d 0%,#0f0f15 80%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.avatar-container{justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.audio-call-avatar{object-fit:cover;z-index:3;border:4px solid #fff3;border-radius:50%;width:140px;height:140px;box-shadow:0 12px 30px #0006}.pulse-ring{border:2px solid var(--accent);opacity:0;border-radius:50%;position:absolute}.is-ringing .ring-1{width:160px;height:160px;animation:2s ease-out infinite pulse-out}.is-ringing .ring-2{width:160px;height:160px;animation:2s ease-out .6s infinite pulse-out}.is-connected .ring-1{border-color:#4cd964;width:170px;height:170px;animation:3s ease-in-out infinite pulse-soft}@keyframes pulse-out{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.6)}}@keyframes pulse-soft{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.call-header{z-index:10;text-align:center;margin-top:60px;position:relative}.call-name{text-shadow:0 2px 8px #00000080;margin:0 0 6px;font-size:28px;font-weight:700}.call-status-badge{color:#ffffffd9;font-size:15px}.ringing-pulse{animation:1.5s infinite fade-pulse}@keyframes fade-pulse{0%,to{opacity:1}50%{opacity:.5}}.connected-time{letter-spacing:.5px;color:#4cd964;font-weight:600}.call-actions-bar{z-index:10;-webkit-backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:40px;align-items:center;gap:20px;margin-bottom:50px;padding:14px 28px;display:flex;position:relative;box-shadow:0 20px 40px #0006}.call-action-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:all .2s;display:flex}.call-action-btn:hover{background:#ffffff47;transform:scale(1.05)}.call-action-btn.active-off{color:#fff;background:#e74c3c}.end-call-btn{background:#ff3b30;width:60px;height:60px}.end-call-btn:hover{background:#d7281d;transform:scale(1.08)}.status-text{font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.04em}.photo-share-modal{background:var(--bg-card);width:90%;max-width:440px;max-height:90vh;color:var(--text-primary);border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto;box-shadow:0 20px 50px #00000080}.modal-header h3{color:#fff;margin:0;font-size:20px;font-weight:700}.photo-preview-container{border-radius:var(--radius-lg);background:#111;border:1px solid #ffffff1a;width:100%;height:200px;position:relative;overflow:hidden}.photo-preview{object-fit:cover;width:100%;height:100%}.view-mode-badge-preview{position:absolute;top:12px;left:12px}.badge-item{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-item.view-once{color:#fff;background:#e8604ce6}.badge-item.permanent{color:#fff;background:#7c4dffe6}.section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.permissions-toggle-group{grid-template-columns:1fr 1fr;gap:10px;display:grid}.perm-option-btn{border-radius:var(--radius-lg);background:var(--bg-elevated);cursor:pointer;text-align:left;border:2px solid #ffffff1a;flex-direction:column;align-items:flex-start;padding:12px;transition:all .2s;display:flex}.perm-option-btn:hover{border-color:var(--accent)}.perm-option-btn.is-selected{border-color:var(--accent);background:#e8604c26}.perm-icon{color:var(--accent);margin-bottom:6px}.perm-title{color:#fff;font-size:13px;font-weight:700}.perm-desc{color:var(--text-secondary);margin-top:2px;font-size:11px}.sample-photos-grid{gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.sample-photo-thumb{border-radius:var(--radius-md);cursor:pointer;border:2px solid #0000;flex-shrink:0;width:60px;height:60px;transition:all .2s;overflow:hidden}.sample-photo-thumb img{object-fit:cover;width:100%;height:100%}.sample-photo-thumb.is-active{border-color:var(--accent);transform:scale(1.05)}.custom-url-input,.caption-input{border-radius:var(--radius-md);background:var(--bg-input);color:#fff;box-sizing:border-box;border:1px solid #ffffff1a;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s}.custom-url-input:focus,.caption-input:focus{border-color:var(--accent)}.custom-url-input{margin-top:8px;font-size:12px}.modal-footer{margin-top:8px}.btn-send-photo{border-radius:var(--radius-2xl);background:linear-gradient(135deg, var(--accent) 0%, #ff7c6b 100%);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:700;display:flex;box-shadow:0 6px 16px #e8604c4d}.btn-send-photo:hover{transform:translateY(-1px);box-shadow:0 8px 20px #e8604c66}.view-permissions-section,.photo-selection-section,.caption-section{margin-bottom:var(--space-xl)}.perm-text{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.paywall-modal{background:var(--bg-card);border-radius:var(--radius-2xl);text-align:center;width:90%;max-width:480px;max-height:90vh;color:var(--text-primary);border:1px solid #ffffff1a;flex-direction:column;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden auto;box-shadow:0 25px 60px #00000080}.paywall-close-btn{z-index:10;color:var(--text-secondary);position:absolute;top:18px;right:18px}.paywall-close-btn:hover{color:var(--text-primary,#fff)}.paywall-hero{flex-direction:column;align-items:center;margin-top:10px;margin-bottom:16px;display:flex}.paywall-badge{border-radius:var(--radius-xl);color:var(--accent-light);background:#e8604c2e;border:1px solid #e8604c4d;align-items:center;gap:6px;margin-bottom:12px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.paywall-hero h2{color:#fff;margin:0 0 8px;font-size:24px;font-weight:800}.paywall-subtitle{color:var(--text-secondary);max-width:380px;margin:0;font-size:13px;line-height:1.5}.paywall-features-list{background:var(--bg-elevated);border-radius:var(--radius-lg);box-sizing:border-box;border:1px solid #ffffff14;flex-direction:column;gap:10px;width:100%;margin-bottom:20px;padding:14px 16px;display:flex}.paywall-feat-item{color:var(--text-primary);text-align:left;align-items:center;gap:10px;font-size:13.5px;font-weight:600;display:flex}.check-icon{color:var(--success);flex-shrink:0}.paywall-plans-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-bottom:16px;display:grid}.paywall-plan-card{border-radius:var(--radius-xl);background:var(--bg-elevated);cursor:pointer;color:#fff;border:2px solid #ffffff1a;flex-direction:column;align-items:center;padding:16px 10px;transition:all .25s;display:flex;position:relative}.paywall-plan-card:hover{border-color:var(--tier-color);transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.paywall-plan-card.is-popular{border-color:var(--accent);background:#e8604c1a}.popular-tag{background:var(--accent);color:#fff;text-transform:uppercase;border-radius:var(--radius-md);letter-spacing:.5px;padding:3px 8px;font-size:9px;font-weight:800;position:absolute;top:-10px}.tier-title{color:var(--tier-color);margin:4px 0;font-size:15px;font-weight:800}.tier-price{color:#fff;align-items:baseline;margin:6px 0 12px;display:flex}.currency{font-size:12px;font-weight:700}.price{font-size:18px;font-weight:800}.period{color:var(--text-secondary);font-size:10px}.btn-select-tier{border-radius:var(--radius-md);background:var(--tier-color);color:#fff;cursor:pointer;border:none;width:100%;padding:8px 4px;font-size:11px;font-weight:700;transition:opacity .2s}.btn-select-tier:hover{opacity:.9}.paywall-footer-note{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.game-lounge-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.game-lounge-modal{background:var(--bg-primary);border-radius:var(--radius-lg,14px) var(--radius-lg,14px) 0 0;width:100%;max-width:430px;height:85vh;color:var(--text-primary);flex-direction:column;padding:24px 20px;animation:.3s ease-out slideUp;display:flex}.lounge-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.lounge-header h2{font-family:var(--font-display,"DM Serif Display", serif);margin:0;font-size:24px}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px;transition:transform .2s}.lounge-tabs{scrollbar-width:none;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex;overflow-x:auto}.lounge-tabs::-webkit-scrollbar{display:none}.tab-btn{background:var(--bg-card);color:var(--text-secondary);border-radius:var(--radius-full,9999px);white-space:nowrap;cursor:pointer;border:1px solid #0000;padding:8px 16px;font-weight:500;transition:all .2s}.tab-btn.active{background:var(--accent);color:#fff}.games-grid{flex-direction:column;flex:1;gap:12px;padding-bottom:20px;display:flex;overflow-y:auto}.games-grid::-webkit-scrollbar{display:none}.game-card{background:var(--bg-elevated);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:16px;padding:16px;transition:transform .2s,background .2s;display:flex;position:relative}.game-card:active{transform:scale(.98)}.game-icon-wrapper{color:var(--accent);border-radius:var(--radius-md);background:#e8604c1a;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.game-info{flex:1}.game-info h3{margin:0 0 4px;font-size:16px;font-weight:600}.game-category{color:var(--text-secondary);font-size:12px}.game-badge{background:var(--accent);color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:-6px;right:16px}.tod-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.tod-modal{background:var(--bg-primary);border-radius:var(--radius-lg,14px) var(--radius-lg,14px) 0 0;width:100%;max-width:430px;height:85vh;color:var(--text-primary);flex-direction:column;padding:24px 20px;animation:.3s ease-out slideUp;display:flex}.tod-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tod-header h2{font-family:var(--font-display);margin:0}.tod-categories{scrollbar-width:none;gap:10px;margin-bottom:20px;padding-bottom:8px;display:flex;overflow-x:auto}.cat-btn{background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-xl);white-space:nowrap;border:none;padding:8px 14px;font-weight:500}.cat-btn.active{background:var(--accent);color:#fff}.tod-mode-toggle{background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:24px;padding:4px;display:flex}.mode-btn{color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;flex:1;padding:10px;font-weight:600;transition:all .2s}.mode-btn.active{background:var(--bg-elevated);color:#fff}.tod-card{background:linear-gradient(135deg, var(--surface-raised), var(--bg-card));border-radius:var(--radius-lg);text-align:center;border:1px solid #ffffff0d;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px;transition:transform .3s,opacity .3s;display:flex;position:relative}.tod-card.mode-dare{background:linear-gradient(135deg, #3a1b28, var(--bg-card))}.tod-card.flipping{opacity:0;transform:rotateY(90deg)}.card-icon{color:var(--accent);margin-bottom:20px}.card-text{margin:0;font-size:20px;font-weight:500;line-height:1.4}.tod-actions{gap:12px;margin-top:24px;display:flex}.shuffle-btn{background:var(--bg-elevated);color:#fff;border-radius:var(--radius-md);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;font-weight:600;display:flex}.send-btn{background:var(--accent);color:#fff;border-radius:var(--radius-md);border:none;flex:2;justify-content:center;align-items:center;gap:8px;padding:16px;font-weight:600;display:flex}.shuffle-btn:active,.send-btn:active{transform:scale(.98)}.wyr-modal{max-height:90vh;overflow-y:auto}.game-title-badge{color:var(--text-primary);align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.wyr-body{flex-direction:column;gap:16px;padding:16px 0;display:flex}.question-counter{text-align:center;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.options-container{flex-direction:column;gap:12px;display:flex;position:relative}.option-card{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;cursor:pointer;border:1px solid #ffffff14;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;transition:all .2s;display:flex}.option-card:hover{background:var(--bg-elevated);border-color:#ffffff26;transform:translateY(-2px)}.option-card.selected{background:color-mix(in srgb, var(--accent) 15%, var(--bg-card));border-color:var(--accent);box-shadow:0 0 15px #e8604c33}.option-tag{text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-size:.7rem;font-weight:700}.option-text{color:var(--text-primary);font-size:1.05rem;font-weight:600}.check-mark{color:var(--accent-light);font-size:.75rem;font-weight:600}.or-divider{text-align:center;margin:4px 0;position:relative}.or-divider span{background:var(--bg-deepest);border-radius:var(--radius-md);color:var(--text-secondary);border:1px solid #ffffff14;padding:4px 12px;font-size:.75rem;font-weight:800}.result-reveal{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--accent-glow);padding:16px}.match-pill{color:var(--accent);align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:inline-flex}.result-subtext{color:var(--text-secondary);margin-top:4px;font-size:.85rem}.wyr-actions{flex-direction:column;gap:10px;margin-top:8px;display:flex}.btn-share-chat{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-weight:600;display:flex}.btn-next-q{border-radius:var(--radius-full);background:var(--bg-elevated);width:100%;color:var(--text-primary);cursor:pointer;border:1px solid #ffffff14;justify-content:center;align-items:center;gap:6px;padding:12px;font-weight:600;display:flex}.pick-prompt{text-align:center;color:var(--text-secondary);padding:8px;font-size:.85rem}.tlt-modal{max-height:90vh;overflow-y:auto}.tlt-tab-bar{background:var(--bg-card);border-radius:var(--radius-full);border:1px solid #ffffff14;margin:12px 0 16px;padding:4px;display:flex}.tlt-tab{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-size:.85rem;font-weight:600;transition:all .2s}.tlt-tab.active{background:var(--accent-gradient);color:#fff}.tlt-body{flex-direction:column;gap:16px;display:flex}.preset-selector{justify-content:center;gap:8px;display:flex}.preset-chip{background:var(--bg-card);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;border:1px solid #ffffff14;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.preset-chip.selected{background:color-mix(in srgb, var(--accent) 20%, var(--bg-card));border-color:var(--accent);color:var(--accent)}.preset-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid #ffffff14;flex-direction:column;gap:12px;padding:16px;display:flex}.card-hint{color:var(--accent);align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.statement-item{color:var(--text-primary);background:var(--bg-elevated);border-radius:var(--radius-sm);padding:8px 12px;font-size:.95rem;line-height:1.4}.custom-instructions{color:var(--text-secondary);text-align:center;font-size:.85rem}.custom-inputs{flex-direction:column;gap:12px;display:flex}.custom-input-row{align-items:center;gap:8px;display:flex}.tlt-input{background:var(--bg-card);border-radius:var(--radius-md);color:var(--text-primary);border:1px solid #ffffff1a;flex:1;padding:12px;font-size:.9rem}.tlt-input:focus{border-color:var(--accent);outline:none}.truth-toggle{background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #ffffff1a;padding:10px 12px;font-size:.75rem;font-weight:700}.truth-toggle.is-truth{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-send-game{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:14px;font-weight:600;display:flex}.btn-send-game:disabled{opacity:.5;cursor:not-allowed}.game-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0c0a10cc;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.compatibility-modal{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid #ffffff1a;width:100%;max-width:430px;animation:.3s ease-out slideUp;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.game-close-btn{background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.game-close-btn:hover{color:var(--text-primary);background:#ffffff1a}.game-header{text-align:center;padding:32px 24px 20px}.game-header-icon{color:var(--accent);margin-bottom:12px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.game-header h2{font-family:var(--font-display);color:var(--text-primary);margin:0 0 8px;font-size:24px}.game-header p{color:var(--text-secondary);margin:0;font-size:14px}.quiz-progress-bar{background:var(--bg-elevated);border-radius:2px;height:4px;margin:0 24px;overflow:hidden}.quiz-progress-fill{background:var(--accent-gradient,linear-gradient(135deg, #e8604c 0%, #d84530 100%));height:100%;transition:width .3s}.quiz-question-container{padding:24px}.quiz-question{color:var(--text-primary);text-align:center;margin:0 0 24px;font-size:18px;font-weight:500;line-height:1.4}.quiz-options{flex-direction:column;gap:12px;display:flex}.quiz-option-btn{background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;text-align:left;border:1px solid #ffffff0d;padding:16px;font-size:15px;transition:all .2s}.quiz-option-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.quiz-option-btn:active{transform:scale(.98)}.quiz-option-btn.selected{border-color:var(--accent);color:var(--accent);background:#e8604c26}.quiz-results{text-align:center;padding:48px 24px 32px}.results-icon-container{width:80px;height:80px;color:var(--accent);background:#e8604c1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.results-sparkles{animation:4s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-results h2{font-family:var(--font-display);color:var(--text-primary);margin:0 0 8px;font-size:32px}.results-subtitle{color:var(--accent);margin:0 0 32px;font-size:16px;font-weight:500}.results-breakdown{background:var(--bg-elevated);border-radius:var(--radius-md);margin-bottom:32px;padding:20px}.results-breakdown h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-size:12px}.results-breakdown p{color:var(--text-primary);margin:0;font-size:15px;line-height:1.5}.share-results-btn{background:var(--accent-gradient,linear-gradient(135deg, #e8604c 0%, #d84530 100%));color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.share-results-btn:hover{opacity:.9;transform:translateY(-1px)}.share-results-btn:active{transform:scale(.98)}.emoji-modal{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid #ffffff1a;width:100%;max-width:430px;animation:.3s ease-out slideUp;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.emoji-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.score-badge{color:var(--warning);border-radius:var(--radius-xl);background:#ffc1071a;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:600;display:flex}.emoji-header p{color:var(--text-secondary);margin:0;font-size:14px}.emoji-puzzle-container{flex-direction:column;align-items:center;padding:32px 24px;display:flex}.emoji-display{letter-spacing:8px;background:var(--bg-elevated);border-radius:var(--radius-xl);border:2px solid #0000;margin-bottom:32px;padding:24px;font-size:48px;transition:all .3s}.emoji-display.correct{border-color:var(--success);background:#4caf501a;animation:.5s bounce}.emoji-display.wrong{border-color:var(--error);background:#f443361a;animation:.4s shake}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.emoji-hint{border-radius:var(--radius-sm);color:var(--text-primary);background:#ffffff0d;margin-bottom:24px;padding:8px 16px;font-size:14px;animation:.3s fadeIn}.hint-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:12px}.emoji-input-group{width:100%;margin-bottom:16px}.emoji-input{background:var(--bg-elevated);width:100%;color:var(--text-primary);border-radius:var(--radius-md);text-align:center;box-sizing:border-box;border:1px solid #ffffff1a;padding:16px;font-size:16px;transition:all .2s}.emoji-input:focus{border-color:var(--accent);background:#ffffff14;outline:none}.feedback-message{height:20px;margin-bottom:16px;font-size:14px;font-weight:500}.feedback-message.correct{color:var(--success)}.feedback-message.wrong{color:var(--error)}.emoji-actions{gap:12px;width:100%;margin-bottom:24px;display:flex}.hint-btn{background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;border:1px solid #ffffff0d;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:500;transition:all .2s;display:flex}.hint-btn:hover:not(:disabled){background:#ffffff1a}.hint-btn:disabled{opacity:.5;cursor:not-allowed}.check-btn{background:var(--accent-gradient,linear-gradient(135deg, #e8604c 0%, #d84530 100%));color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;flex:2;padding:14px;font-weight:600;transition:all .2s}.check-btn:hover:not(:disabled){opacity:.9}.check-btn:disabled{background:var(--bg-elevated);color:var(--text-secondary);cursor:not-allowed}.skip-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:14px;transition:color .2s}.skip-btn:hover:not(:disabled){color:var(--text-primary);text-decoration:underline}.emoji-results{text-align:center;padding:48px 24px 32px}.score-summary{gap:16px;margin:32px 0;display:flex}.score-box{background:var(--bg-elevated);border-radius:var(--radius-lg);flex-direction:column;flex:1;align-items:center;gap:8px;padding:24px;display:flex}.score-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:12px}.score-value{color:var(--text-primary);font-size:32px;font-weight:700;font-family:var(--font-display)}.trivia-modal{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid #ffffff1a;width:100%;max-width:430px;animation:.3s ease-out slideUp;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.trivia-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.trivia-score{color:var(--accent);border-radius:var(--radius-xl);background:#e8604c1a;padding:6px 12px;font-size:14px;font-weight:600}.trivia-header p{color:var(--text-secondary);margin:0;font-size:14px}.trivia-question-container{padding:32px 24px}.trivia-question{color:var(--text-primary);text-align:center;margin:0 0 32px;font-size:20px;font-weight:600;line-height:1.4}.trivia-options{flex-direction:column;gap:12px;display:flex}.trivia-option-btn{background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;border:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;transition:all .2s;display:flex}.trivia-option-btn:hover:not(:disabled){background:#ffffff1a;transform:translateY(-1px)}.trivia-option-btn:disabled{cursor:default}.trivia-option-btn.correct{border-color:var(--success);color:var(--success);background:#4caf501a}.trivia-option-btn.wrong{border-color:var(--error);color:var(--error);background:#f443361a}.icon-correct{color:var(--success);animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn}.icon-wrong{color:var(--error);animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn}.trivia-results{text-align:center;padding:48px 24px 32px}.results-award{color:var(--warning);animation:.5s cubic-bezier(.175,.885,.32,1.275) dropIn}@keyframes dropIn{0%{opacity:0;transform:translateY(-30px)scale(.5)}to{opacity:1;transform:translateY(0)scale(1)}}.trivia-results h2{font-family:var(--font-display);color:var(--text-primary);margin:0 0 12px;font-size:48px}.twenty-modal{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid #ffffff1a;width:100%;max-width:430px;animation:.3s ease-out slideUp;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.twenty-setup{padding:32px 24px}.twenty-header{text-align:center;margin-bottom:32px}.icon-wrapper{width:64px;height:64px;color:var(--accent);border-radius:var(--radius-xl);background:#e8604c1a;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.twenty-header h2{font-family:var(--font-display);color:var(--text-primary);margin:0 0 8px;font-size:28px}.twenty-header p{color:var(--text-secondary);margin:0;font-size:15px}.category-list{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.category-btn{background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;border:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 20px;font-size:16px;transition:all .2s;display:flex}.category-btn:hover{background:#ffffff1a}.category-btn.selected{border-color:var(--accent);color:var(--accent);background:#e8604c26}.chevron{color:var(--text-secondary);transition:transform .2s}.category-btn.selected .chevron{color:var(--accent);transform:translate(4px)}.start-game-btn{background:var(--accent-gradient,linear-gradient(135deg, #e8604c 0%, #d84530 100%));color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .2s}.start-game-btn:disabled{background:var(--bg-elevated);color:var(--text-secondary);cursor:not-allowed}.twenty-active{text-align:center;padding:48px 24px 32px}.twenty-active-header{margin-bottom:32px}.target-icon{color:var(--accent);margin-bottom:16px}.twenty-active-header h3{color:var(--text-primary);margin:0 0 8px;font-size:24px}.twenty-active-header p{color:var(--text-secondary);margin:0;font-size:14px}.secret-category-display{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px dashed #fff3;flex-direction:column;gap:8px;margin-bottom:32px;padding:20px;display:flex}.secret-category-display .label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:12px}.secret-category-display .value{color:var(--text-primary);font-size:24px;font-weight:600;font-family:var(--font-display)}.rules-box{border-radius:var(--radius-md);text-align:left;background:#ffffff08;margin-bottom:32px;padding:20px}.rules-box h4{color:var(--text-primary);margin:0 0 12px;font-size:14px}.rules-box ul{color:var(--text-secondary);margin:0;padding-left:20px;font-size:14px;line-height:1.6}.doodle-modal{background:var(--bg-elevated);border-radius:var(--radius-lg);flex-direction:column;gap:16px;width:90%;max-width:360px;padding:16px;display:flex}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:20px}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px}.doodle-body{flex-direction:column;gap:12px;display:flex}.prompt-selector{flex-direction:column;display:flex}.doodle-select{border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-sans);border:1px solid #ffffff1a;outline:none;padding:8px 12px}.canvas-container{border-radius:var(--radius-md);background:var(--bg-card);border:2px solid #ffffff1a;justify-content:center;align-items:center;display:flex;overflow:hidden}.doodle-canvas{touch-action:none;cursor:crosshair}.doodle-controls{flex-direction:column;gap:12px;display:flex}.doodle-colors{justify-content:space-between;gap:8px;display:flex}.color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:transform .2s}.color-btn.active{border-color:var(--text-primary);transform:scale(1.1)}.doodle-tools{justify-content:space-between;align-items:center;display:flex}.brush-sizes{align-items:center;gap:8px;display:flex}.brush-btn{border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brush-btn.active{border-color:var(--text-primary);background:#ffffff1a}.brush-dot{background:var(--text-primary);border-radius:50%}.action-buttons{gap:8px;display:flex}.tool-btn{border-radius:var(--radius-sm);background:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.tool-btn:disabled{opacity:.5;cursor:not-allowed}.modal-footer .btn-primary.full-width{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-weight:600;transition:transform .2s;display:flex}.modal-footer .btn-primary.full-width:hover{transform:scale(.98)}.fortune-modal{background:var(--bg-elevated);border-radius:var(--radius-lg);flex-direction:column;gap:20px;width:90%;max-width:360px;padding:20px;display:flex}.fortune-title{align-items:center;gap:8px;display:flex}.accent-icon{color:var(--accent)}.fortune-cards{perspective:1000px;flex-direction:column;gap:12px;display:flex}.fortune-card{cursor:pointer;width:100%;height:90px;position:relative}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:absolute}.fortune-card.is-flipped .card-inner{transform:rotateX(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:var(--radius-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:12px;display:flex;position:absolute}.card-front{background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-primary) 100%);color:var(--text-primary);border:1px solid #ffffff1a;overflow:hidden}.card-pattern{opacity:.05;background-image:radial-gradient(var(--text-primary) 1px, transparent 1px);background-size:10px 10px;position:absolute;inset:0}.card-tap-text{text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:4px;font-size:11px}.card-title{font-family:var(--font-display);margin:0;font-size:18px}.card-back{background:var(--bg-card);border:1px solid var(--accent);color:var(--text-primary);transform:rotateX(180deg)}.card-title-small{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:12px}.card-text{margin:0;font-size:14px;line-height:1.3}.fortune-actions{flex-direction:column;gap:12px;display:flex}.spin-btn{border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:none;justify-content:center;align-items:center;gap:8px;padding:10px;transition:background .2s;display:flex}.spin-btn:hover{background:#ffffff1a}.btn-primary.full-width{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-weight:600;transition:opacity .2s,transform .2s;display:flex}.btn-primary.full-width:disabled{opacity:.5;cursor:not-allowed}.btn-primary.full-width:not(:disabled):hover{transform:scale(.98)}.lyric-modal{background:var(--bg-elevated);border-radius:var(--radius-lg);flex-direction:column;gap:20px;width:90%;max-width:360px;padding:20px;display:flex}.lyric-title{align-items:center;gap:8px;display:flex}.lyric-gameplay{flex-direction:column;gap:16px;display:flex}.lyric-progress{justify-content:center;gap:6px;display:flex}.progress-dot{background:#ffffff1a;border-radius:50%;width:8px;height:8px;transition:background .3s}.progress-dot.active{background:var(--accent)}.lyric-card{background:var(--bg-card);border-radius:var(--radius-md);text-align:center;border:1px solid #ffffff0d;padding:24px 16px}.lyric-prompt{font-family:var(--font-display);color:var(--text-primary);margin-bottom:24px;font-size:22px}.lyric-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lyric-option-btn{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;padding:12px;font-size:16px;transition:all .2s}.lyric-option-btn:hover{background:#ffffff1a}.lyric-option-btn.selected{background:var(--accent);border-color:var(--accent);color:#fff}.lyric-results{flex-direction:column;align-items:center;gap:16px;padding:20px 0;display:flex}.lyric-score{align-items:baseline;gap:4px;display:flex}.score-number{font-family:var(--font-display);color:var(--accent);font-size:48px}.score-total{color:var(--text-secondary);font-size:24px}.score-text{color:var(--text-primary);margin-bottom:12px;font-size:18px}.hot-takes-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;font-family:var(--font-sans,"Inter", sans-serif);color:var(--text-primary);background-color:#0c0a10d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hot-takes-modal{background-color:var(--bg-card);border-radius:var(--radius-lg,14px);flex-direction:column;width:100%;max-width:430px;height:100%;max-height:850px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.ht-header{background-color:var(--bg-primary);border-bottom:1px solid var(--bg-elevated);justify-content:space-between;align-items:center;padding:20px;display:flex}.ht-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full,9999px);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.ht-close:hover{background-color:var(--bg-elevated);color:var(--text-primary);transform:scale(.98)}.ht-counter{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;font-size:.9rem;font-weight:600}.ht-streak{color:var(--accent);border-radius:var(--radius-full,9999px);background:#e8604c1a;align-items:center;gap:6px;padding:4px 12px;font-size:.9rem;font-weight:700;display:flex}.ht-content{text-align:center;flex-direction:column;flex:1;justify-content:space-between;align-items:center;padding:30px 20px;display:flex}.ht-statement-container{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.ht-statement{font-family:var(--font-display,"DM Serif Display", serif);color:var(--text-primary);margin-bottom:20px;font-size:2.2rem;line-height:1.2}.ht-slider-container{width:100%;padding:40px 0 20px;position:relative}.ht-slider-track-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;height:48px;display:flex;position:relative}.ht-slider-track{background:linear-gradient(90deg, #4a90d9 0%, var(--accent) 100%);border-radius:var(--radius-full,9999px);width:100%;height:12px;position:relative;box-shadow:inset 0 2px 4px #0000004d}.ht-slider-thumb{background:var(--bg-card);border:3px solid var(--text-primary);border-radius:var(--radius-full,9999px);cursor:grab;z-index:2;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:transform .1s;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0006}.ht-slider-thumb:active{cursor:grabbing;transform:translate(-50%,-50%)scale(1.1)}.ht-slider-labels{color:var(--text-secondary);justify-content:space-between;margin-top:15px;padding:0 10px;font-size:.9rem;font-weight:600;display:flex}.ht-comparison{background:var(--bg-elevated);border-radius:var(--radius-lg,14px);width:100%;margin-bottom:20px;padding:20px;animation:.4s ease-out slideUp}.ht-comp-title{margin-bottom:15px;font-size:1.2rem;font-weight:700}.ht-comp-aligned{color:var(--success);text-shadow:0 0 10px #4caf504d}.ht-comp-different{color:var(--warning);text-shadow:0 0 10px #ffc1074d}.ht-comp-clash{color:var(--accent);text-shadow:0 0 10px #e8604c4d}.ht-comp-bars{flex-direction:column;gap:12px;display:flex}.ht-comp-bar-row{align-items:center;gap:12px;display:flex}.ht-comp-avatar{border-radius:var(--radius-full,9999px);background:var(--bg-primary);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.ht-comp-track{border-radius:var(--radius-full,9999px);background:#ffffff1a;flex:1;height:8px;position:relative}.ht-comp-fill{border-radius:var(--radius-full,9999px);height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0}.ht-comp-fill.user{background:linear-gradient(90deg, #4a90d9, var(--accent))}.ht-comp-fill.partner{background:linear-gradient(90deg, var(--text-secondary), var(--text-primary))}.ht-actions{justify-content:center;width:100%;margin-top:20px;display:flex}.ht-btn-lock,.ht-btn-next,.ht-btn-share{border-radius:var(--radius-full,9999px);cursor:pointer;color:#fff;border:none;width:100%;padding:16px;font-size:1.1rem;font-weight:600;transition:all .2s}.ht-btn-lock{background:var(--bg-elevated);color:var(--text-secondary)}.ht-btn-lock.active{background:var(--accent-gradient,linear-gradient(135deg, #e8604c 0%, #ff7b6b 100%));color:#fff;box-shadow:0 4px 15px #e8604c4d}.ht-btn-lock.active:hover{transform:scale(.98)}.ht-btn-next{background:var(--bg-elevated);color:var(--text-primary)}.ht-btn-next:hover{background:#ffffff1a;transform:scale(.98)}.ht-btn-share{background:var(--accent-gradient,linear-gradient(135deg, #e8604c 0%, #ff7b6b 100%));justify-content:center;align-items:center;gap:10px;display:flex;box-shadow:0 4px 15px #e8604c4d}.ht-btn-share:hover{transform:scale(.98)}.ht-summary{text-align:center;flex-direction:column;align-items:center;width:100%;animation:.5s ease-out fadeIn;display:flex}.ht-summary h2{font-family:var(--font-display,"DM Serif Display", serif);color:var(--accent);margin-bottom:10px;font-size:2.5rem}.ht-score-circle{border-radius:var(--radius-full,9999px);background:conic-gradient(var(--accent) var(--pct), var(--bg-elevated) 0);justify-content:center;align-items:center;width:150px;height:150px;margin:30px 0;display:flex;position:relative}.ht-score-inner{background:var(--bg-card);border-radius:var(--radius-full,9999px);flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;display:flex}.ht-score-val{font-size:2.5rem;font-weight:800;line-height:1}.ht-score-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:.8rem}.ht-highlights{text-align:left;flex-direction:column;gap:15px;width:100%;margin-bottom:30px;display:flex}.ht-highlight-box{background:var(--bg-elevated);border-radius:var(--radius-lg,14px);padding:15px}.ht-hl-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.8rem}.ht-hl-text{font-size:1.1rem;font-weight:500}@media (width>=431px){.ht-slider-track-wrap{touch-action:auto}}.mind-meld-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;font-family:var(--font-sans,"Inter", sans-serif);color:var(--text-primary);background-color:#0c0a10d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mind-meld-modal{background-color:var(--bg-card);border-radius:var(--radius-lg,14px);flex-direction:column;width:100%;max-width:430px;height:100%;max-height:850px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.mm-header{background-color:var(--bg-primary);border-bottom:1px solid var(--bg-elevated);justify-content:space-between;align-items:center;padding:20px;display:flex}.mm-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full,9999px);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.mm-close:hover{background-color:var(--bg-elevated);color:var(--text-primary);transform:scale(.98)}.mm-round-info{flex-direction:column;gap:4px;display:flex}.mm-counter{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;font-size:.9rem;font-weight:600}.mm-progress-bar{background:var(--bg-elevated);border-radius:var(--radius-full,9999px);width:100px;height:4px;overflow:hidden}.mm-progress-fill{background:var(--accent);height:100%;transition:width .3s}.mm-streak-display{color:var(--accent);border-radius:var(--radius-full,9999px);background:#e8604c1a;align-items:center;gap:6px;padding:6px 14px;font-size:1rem;font-weight:800;animation:.5s cubic-bezier(.175,.885,.32,1.275) bounceStreak;display:flex}.mm-content{text-align:center;flex-direction:column;flex:1;align-items:center;padding:30px 20px;display:flex;position:relative}.mm-prompt-container{flex:1;justify-content:center;align-items:center;width:100%;min-height:120px;display:flex}.mm-prompt{font-family:var(--font-display,"DM Serif Display", serif);color:var(--text-primary);margin-bottom:20px;font-size:2.2rem;line-height:1.2}.mm-input-area{width:100%;margin-bottom:20px}.mm-input{border-radius:var(--radius-lg,14px);background:var(--bg-primary);border:1px solid var(--bg-elevated);width:100%;color:var(--text-primary);text-align:center;font-size:1.2rem;font-family:var(--font-sans,"Inter", sans-serif);outline:none;padding:16px 20px;transition:border-color .2s}.mm-input:focus{border-color:var(--accent)}.mm-input::placeholder{color:var(--text-tertiary)}.mm-actions{width:100%;margin-top:auto}.mm-btn-lock,.mm-btn-next,.mm-btn-share{border-radius:var(--radius-full,9999px);cursor:pointer;color:#fff;border:none;width:100%;padding:16px;font-size:1.1rem;font-weight:600;transition:all .2s}.mm-btn-lock{background:var(--bg-elevated);color:var(--text-secondary)}.mm-btn-lock.active{background:var(--accent-gradient,linear-gradient(135deg, #e8604c 0%, #ff7b6b 100%));color:#fff;box-shadow:0 4px 15px #e8604c4d}.mm-btn-lock.active:hover{transform:scale(.98)}.mm-btn-next{background:var(--bg-elevated);color:var(--text-primary)}.mm-btn-next:hover{background:#ffffff1a;transform:scale(.98)}.mm-btn-share{background:var(--accent-gradient,linear-gradient(135deg, #e8604c 0%, #ff7b6b 100%));justify-content:center;align-items:center;gap:10px;display:flex;box-shadow:0 4px 15px #e8604c4d}.mm-btn-share:hover{transform:scale(.98)}.mm-suspense{flex-direction:column;align-items:center;gap:15px;animation:1s infinite alternate pulseOpacity;display:flex}.mm-suspense-text{color:var(--text-secondary);font-size:1.2rem;font-weight:600}.mm-dots{gap:8px;display:flex}.mm-dot{background:var(--accent);border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite both bounceDot}.mm-dot:first-child{animation-delay:-.32s}.mm-dot:nth-child(2){animation-delay:-.16s}.mm-reveal{width:100%;animation:.4s ease-out slideUp}.mm-result-title{font-size:2rem;font-family:var(--font-display,"DM Serif Display", serif);margin-bottom:20px}.mm-result-title.match{color:var(--success);text-shadow:0 0 20px #4caf5080}.mm-result-title.miss{color:var(--accent)}.mm-answers-display{flex-direction:column;gap:12px;display:flex}.mm-answer-box{background:var(--bg-elevated);border-radius:var(--radius-lg,14px);justify-content:space-between;align-items:center;padding:16px;font-size:1.3rem;font-weight:600;display:flex}.mm-answer-box.match{background:#4caf501a;border:1px solid #4caf504d}.mm-answer-label{color:var(--text-secondary);text-transform:uppercase;font-size:.8rem;font-weight:700}@keyframes pulseOpacity{0%{opacity:.6}to{opacity:1}}@keyframes bounceDot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes bounceStreak{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.shake-anim{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}.mm-particle-container{z-index:10;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mm-particle{border-radius:50%;width:10px;height:10px;animation:1s ease-out forwards explode;position:absolute}@keyframes explode{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--tx), var(--ty)) scale(0);opacity:0}}.mm-summary{text-align:center;flex-direction:column;align-items:center;width:100%;animation:.5s ease-out fadeIn;display:flex}.mm-summary h2{font-family:var(--font-display,"DM Serif Display", serif);color:var(--accent);margin-bottom:20px;font-size:2.5rem}.mm-stats{gap:20px;margin-bottom:30px;display:flex}.mm-stat-box{background:var(--bg-elevated);border-radius:var(--radius-lg,14px);min-width:120px;padding:20px}.mm-stat-val{color:var(--text-primary);font-size:2.5rem;font-weight:800;line-height:1}.mm-stat-label{color:var(--text-secondary);text-transform:uppercase;margin-top:8px;font-size:.8rem}.mm-rating-box{border-radius:var(--radius-lg,14px);background:#e8604c1a;width:100%;margin-bottom:30px;padding:20px}.mm-rating-label{color:var(--accent);text-transform:uppercase;margin-bottom:5px;font-size:.9rem;font-weight:700}.mm-rating-val{font-size:1.4rem;font-weight:600}.flash-green{animation:.6s ease-out flashGreen}@keyframes flashGreen{0%{box-shadow:inset 0 0 100px #4caf5000}20%{box-shadow:inset 0 0 100px #4caf5099}to{box-shadow:inset 0 0 100px #4caf5000}}.blitz-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0c0a10d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.blitz-modal{background:var(--bg-primary);flex-direction:column;width:100%;max-width:430px;height:100%;max-height:850px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #00000080}@media (width>=431px){.blitz-modal{border-radius:var(--radius-lg);height:90vh}}.blitz-close-btn{background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;z-index:10;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.blitz-close-btn:hover{background:var(--bg-card);color:var(--text-primary)}.blitz-start{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.blitz-icon-wrapper{border-radius:var(--radius-full);background:var(--accent-gradient);width:100px;height:100px;color:var(--bg-deepest);justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.pulse{animation:2s infinite pulse-anim}@keyframes pulse-anim{0%{box-shadow:0 0 #e8604c66}70%{box-shadow:0 0 0 20px #e8604c00}to{box-shadow:0 0 #e8604c00}}.blitz-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 .5rem;font-size:2.5rem}.blitz-subtitle{font-family:var(--font-sans);color:var(--text-secondary);margin:0 0 3rem;font-size:1.1rem}.blitz-btn{border-radius:var(--radius-full);width:100%;font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:1.2rem;font-size:1.1rem;font-weight:600;transition:transform .1s;display:flex}.blitz-btn:active{transform:scale(.98)}.blitz-btn-primary{background:var(--accent-gradient);color:#fff}.blitz-playing{flex-direction:column;flex:1;padding:2rem 1.5rem;display:flex}.blitz-header{justify-content:center;margin-top:1rem;margin-bottom:2rem;display:flex}.blitz-timer-container{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.timer-pulse{animation:1s infinite timer-danger-pulse}@keyframes timer-danger-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.blitz-timer-svg{position:absolute;top:0;left:0;transform:rotate(-90deg)}.blitz-timer-bg{fill:none;stroke:var(--bg-elevated);stroke-width:6px}.blitz-timer-progress{fill:none;stroke:var(--accent);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s}.blitz-timer-progress.danger{stroke:#ff453a}.blitz-timer-text{font-family:var(--font-display);color:var(--text-primary);z-index:1;font-size:2rem;transition:color .3s}.blitz-timer-text.danger-text{color:#ff453a}.blitz-cards{flex:1;gap:1rem;display:flex;position:relative}.blitz-vs{background:var(--bg-deepest);border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-secondary);z-index:2;border:2px solid var(--bg-primary);justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blitz-card{background:var(--bg-card);border-radius:var(--radius-lg);cursor:pointer;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;padding:1rem;transition:all .2s;display:flex}.blitz-card:hover{background:var(--bg-elevated);transform:scale(1.02)}.blitz-card:active{transform:scale(.98)}.blitz-card.selected{background:var(--accent-gradient);color:#fff}.blitz-card.faded{opacity:.3;transform:scale(.95)}.blitz-emoji{font-size:4rem}.blitz-card-text{color:var(--text-primary);font-size:1.2rem;font-weight:600}.blitz-card.selected .blitz-card-text{color:#fff}.blitz-footer{margin-top:2rem}.blitz-progress-text{text-align:center;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.blitz-progress-bar-container{background:var(--bg-elevated);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.blitz-progress-bar-fill{background:var(--accent-gradient);height:100%;transition:width .3s}.blitz-complete{flex-direction:column;flex:1;padding:2rem;display:flex;overflow-y:auto}.blitz-complete-header{flex-direction:column;align-items:center;gap:1rem;margin-top:1rem;margin-bottom:2rem;display:flex}.blitz-complete-icon{color:var(--accent)}.blitz-complete-header h2{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:2rem}.blitz-meter-section{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;margin-bottom:2rem;padding:2rem}.blitz-percentage{font-family:var(--font-display);color:var(--accent);margin-bottom:.5rem;font-size:4rem;line-height:1}.blitz-rating{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.2rem;font-weight:700}.blitz-meter-bar{background:var(--bg-elevated);border-radius:var(--radius-full);width:100%;height:12px;margin-bottom:1rem;overflow:hidden}.blitz-meter-fill{background:var(--accent-gradient);height:100%;transition:width .1s linear}.blitz-meter-subtitle{color:var(--text-secondary);margin:0;font-size:.9rem}.blitz-results-list{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.blitz-result-item{background:var(--bg-card);border-radius:var(--radius-lg);align-items:center;gap:1rem;padding:1rem;display:flex}.blitz-result-item.match .blitz-result-icon{color:#34c759}.blitz-result-item.mismatch .blitz-result-icon{color:#ff3b30}.blitz-result-text{color:var(--text-primary);flex:1;font-size:1rem}.share-btn{margin-top:auto}.story-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0c0a10d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.story-modal{background:var(--bg-primary);flex-direction:column;width:100%;max-width:430px;height:100%;max-height:850px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #00000080}@media (width>=431px){.story-modal{border-radius:var(--radius-lg);height:90vh}}.story-close-btn{background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;z-index:10;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.story-close-btn:hover{background:var(--bg-card);color:var(--text-primary)}.story-start{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.story-icon-wrapper{border-radius:var(--radius-full);background:var(--bg-elevated);border:2px solid var(--accent);width:120px;height:120px;color:var(--accent);justify-content:center;align-items:center;margin-bottom:2rem;display:flex;box-shadow:0 0 30px #e8604c33}.story-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 1rem;font-size:3rem;line-height:1.1}.story-subtitle{font-family:var(--font-sans);color:var(--text-secondary);margin:0 0 3rem;font-size:1.1rem;line-height:1.5}.story-btn{border-radius:var(--radius-full);width:100%;font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:1.2rem;font-size:1.1rem;font-weight:600;transition:transform .1s,opacity .2s;display:flex}.story-btn:active{transform:scale(.98)}.story-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.story-btn-primary{background:var(--accent-gradient);color:#fff}.story-btn-secondary{background:var(--bg-elevated);color:var(--text-primary)}.story-input-phase{flex-direction:column;flex:1;padding:2rem 1.5rem;display:flex}.story-progress-header{margin-top:2rem;margin-bottom:3rem}.story-progress-text{text-align:center;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;font-weight:700;display:block}.story-progress-bar-container{background:var(--bg-elevated);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.story-progress-bar-fill{background:var(--accent-gradient);height:100%;transition:width .3s}.story-input-content{flex-direction:column;flex:1;justify-content:center;display:flex}.story-blank-label{color:var(--accent);letter-spacing:2px;margin-bottom:1rem;font-size:.9rem;font-weight:700}.story-context-preview{font-family:var(--font-display);color:var(--text-primary);margin-bottom:2.5rem;font-size:1.8rem;line-height:1.3}.story-highlight{color:var(--text-tertiary);border-bottom:2px dashed var(--text-tertiary)}.story-text-input{background:var(--bg-card);border:2px solid var(--bg-elevated);width:100%;color:var(--text-primary);font-family:var(--font-sans);border-radius:var(--radius-lg);outline:none;padding:1.2rem;font-size:1.2rem;transition:border-color .2s}.story-text-input:focus{border-color:var(--accent)}.story-text-input::placeholder{color:var(--text-tertiary)}.story-next-btn{margin-top:auto}.story-reveal-phase{flex-direction:column;flex:1;padding:2rem 1.5rem;display:flex;overflow-y:auto}.story-reveal-title{font-family:var(--font-display);color:var(--text-primary);text-align:center;margin:1rem 0 2rem;font-size:2.5rem}.story-card{background:linear-gradient(135deg, var(--accent) 0%, var(--gold) 100%);border-radius:var(--radius-lg);flex:1;margin-bottom:2rem;padding:2px}.story-card-inner{background:var(--bg-card);border-radius:calc(var(--radius-lg) - 2px);flex-direction:column;height:100%;padding:2rem;display:flex}.story-text-content{font-family:var(--font-sans);color:var(--text-secondary);white-space:pre-wrap;font-size:1.1rem;line-height:1.8}.story-text-highlight{font-family:var(--font-display);color:var(--accent);padding:0 4px;font-size:1.3rem;font-style:italic}.story-cursor{color:var(--accent);margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.story-reveal-actions{flex-direction:column;gap:1rem;margin-top:auto;display:flex}.date-night-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0c0a10d9;flex-direction:column;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.date-night-modal{background:var(--bg-primary);flex-direction:column;flex:1;display:flex}.date-night-header{background:var(--bg-card);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px;display:flex}.date-night-header h2{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:1.5rem;display:flex}.close-btn{width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex}.close-btn:active{transform:scale(.95)}.date-night-body{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.wheel-container{width:280px;height:280px;margin-bottom:40px;position:relative}.wheel-pointer{border-left:15px solid #0000;border-right:15px solid #0000;border-top:25px solid var(--text-primary);z-index:10;filter:drop-shadow(0 2px 4px #00000080);width:0;height:0;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.wheel{background:conic-gradient(var(--bg-elevated) 0deg 45deg, var(--bg-card) 45deg 90deg, var(--bg-elevated) 90deg 135deg, var(--bg-card) 135deg 180deg, var(--bg-elevated) 180deg 225deg, var(--bg-card) 225deg 270deg, var(--bg-elevated) 270deg 315deg, var(--bg-card) 315deg 360deg);border:4px solid var(--bg-card);border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 20px #00000080}.wheel-segment-text{transform-origin:bottom;text-align:center;width:60px;height:50%;color:var(--text-primary);z-index:2;justify-content:center;margin-left:-30px;padding-top:15px;font-size:1.5rem;display:flex;position:absolute;top:0;left:50%}.wheel-center-dot{background:var(--bg-primary);border:4px solid var(--accent);z-index:5;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spin-btn{background:var(--accent-gradient,linear-gradient(135deg, #e8604c 0%, #ff7b6b 100%));color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;padding:16px 40px;font-size:1.2rem;font-weight:600;transition:transform .2s,opacity .2s;box-shadow:0 4px 15px #e8604c4d}.spin-btn:active{transform:scale(.95)}.spin-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.result-card{background:var(--bg-elevated);border-radius:var(--radius-lg);text-align:center;border:1px solid #ffffff1a;width:100%;max-width:340px;padding:24px;animation:.6s cubic-bezier(.17,.67,.12,1.2) forwards bounceIn}.result-activity{font-size:1.5rem;font-family:var(--font-display);color:var(--text-primary);margin-bottom:16px}.result-modifiers{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.modifier{border-radius:var(--radius-sm);color:var(--text-secondary);background:#ffffff0d;padding:8px 12px;font-size:.95rem}.modifier strong{color:var(--text-primary)}.result-actions{flex-direction:column;gap:12px;display:flex}.btn-lock-in{background:var(--accent-gradient,linear-gradient(135deg, #e8604c 0%, #ff7b6b 100%));color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;padding:14px;font-weight:600}.btn-spin-again{color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:1px solid #ffffff1a;padding:14px;font-weight:600}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.gs-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.gs-modal{background:var(--bg-primary);border-radius:var(--radius-lg,14px) var(--radius-lg,14px) 0 0;width:100%;max-width:430px;height:85vh;color:var(--text-primary);flex-direction:column;padding:20px;animation:.3s ease-out gsSlideUp;display:flex;overflow:hidden}@keyframes gsSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.gs-header{flex:none;justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.gs-header h2{font-family:var(--font-display,"DM Serif Display", serif);margin:0;font-size:24px}.gs-header .close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.gs-sub{color:var(--text-secondary);flex:none;margin:0 0 14px;font-size:13px}.gs-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.gs-stats{flex:none;gap:8px;margin-bottom:12px;display:flex}.gs-stat{background:var(--bg-card);border-radius:var(--radius-md);text-align:center;border:1px solid #ffffff0d;flex:1;padding:8px 6px}.gs-stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:10px;display:block}.gs-stat-value{font-variant-numeric:tabular-nums;font-size:19px;font-weight:700;display:block}.gs-actions{flex:none;gap:12px;margin-top:16px;display:flex}.gs-btn{border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:15px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .15s,opacity .2s;display:flex}.gs-btn:active{transform:scale(.98)}.gs-btn:disabled{opacity:.45;cursor:not-allowed}.gs-btn-ghost{background:var(--bg-elevated);color:var(--text-primary)}.gs-btn-primary{background:var(--accent);color:#fff;flex:2}.gs-result{text-align:center;padding:0 8px;animation:.45s cubic-bezier(.34,1.56,.64,1) both gsPop}@keyframes gsPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.gs-result-score{background:var(--accent-gradient,linear-gradient(135deg, #e8604c, #ff7b6b));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:60px;font-weight:800;line-height:1}.gs-result-title{font-family:var(--font-display,serif);margin:12px 0 6px;font-size:26px}.gs-result-note{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.gs-prompt-card{background:linear-gradient(135deg, var(--surface-raised), var(--bg-card));border-radius:var(--radius-lg);text-align:center;border:1px solid #ffffff0f;padding:14px 16px;font-size:15px;line-height:1.45;animation:.4s cubic-bezier(.34,1.56,.64,1) both gsPop}@media (prefers-reduced-motion:reduce){.gs-modal,.gs-result,.gs-prompt-card{animation:none}}.hb-tempo-list{flex-direction:column;gap:12px;width:100%;display:flex}.hb-tempo{text-align:left;background:var(--bg-card);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;border:1px solid #ffffff0f;grid-template-columns:1fr auto;gap:2px 10px;padding:14px 16px;font-family:inherit;transition:border-color .2s,background .2s;display:grid}.hb-tempo.active{border-color:var(--accent);background:#e8604c1f}.hb-tempo-name{font-size:16px;font-weight:600}.hb-tempo-bpm{color:var(--accent);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.hb-tempo-note{color:var(--text-secondary);grid-column:1/-1;font-size:12px}.hb-stage{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden}.hb-target{border:2px dashed #f5f0eb40;border-radius:50%;width:120px;height:120px;position:absolute}.hb-ring{border:3px solid var(--accent);will-change:transform;border-radius:50%;width:120px;height:120px;position:absolute;box-shadow:0 0 24px #e8604c73}.hb-heart{pointer-events:none;font-size:56px;line-height:1;transition:transform .12s ease-out}.hb-heart.thump{transform:scale(1.35)}.hb-judge{letter-spacing:.06em;pointer-events:none;font-size:22px;font-weight:800;animation:.6s ease-out forwards hbJudge;position:absolute;top:22%}.hb-judge.perfect{color:var(--phase-serious);text-shadow:0 0 16px #ffd70099}.hb-judge.great{color:var(--success)}.hb-judge.ok{color:var(--text-secondary)}.hb-judge.miss{color:var(--error)}@keyframes hbJudge{0%{opacity:0;transform:translateY(10px)scale(.8)}30%{opacity:1;transform:translateY(0)scale(1.1)}to{opacity:0;transform:translateY(-22px)scale(1)}}.hb-hint{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:12px;position:absolute;bottom:12px}.hb-detail{color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-top:14px;font-size:13px}@media (prefers-reduced-motion:reduce){.hb-judge{animation-duration:10ms}.hb-heart{transition:none}}.tug-diff-list{flex-direction:column;gap:10px;width:100%;display:flex}.tug-diff{background:var(--bg-card);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;border:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,background .2s;display:flex}.tug-diff.active{border-color:var(--accent);background:#e8604c1f}.tug-diff span{color:var(--text-secondary);font-size:13px}.tug-rules{color:var(--text-tertiary);text-align:center;margin:18px 0 0;font-size:13px}.tug-stage{justify-content:space-between;padding:8px 0 4px}.tug-labels{letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;width:100%;font-size:12px;display:flex}.tug-them{color:#7cc7e8}.tug-you{color:var(--accent)}.tug-track{background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid #ffffff0f;width:100%;height:52px;margin:10px 0 auto;position:relative;overflow:hidden}.tug-fill{background:linear-gradient(90deg,#7cc7e81a,#e8604c52);transition:width 50ms linear;position:absolute;top:0;bottom:0;left:0}.tug-centre{z-index:2;background:#f5f0eb47;width:2px;margin-left:-1px;position:absolute;top:6px;bottom:6px;left:50%}.tug-knot{z-index:3;will-change:left;filter:drop-shadow(0 0 10px #e8604c99);font-size:30px;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.tug-knot.yank{animation:90ms ease-out tugYank}@keyframes tugYank{50%{transform:translate(-50%,-50%)scale(1.28)rotate(-8deg)}}.tug-pull-btn{background:radial-gradient(circle at 38% 32%, var(--accent-light), var(--accent) 55%, #b8422f);color:#fff;letter-spacing:.06em;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:50%;width:190px;height:190px;margin:auto 0;font-family:inherit;font-size:30px;font-weight:800;transition:transform 60ms,box-shadow 60ms;box-shadow:0 10px #8e3324,0 14px 30px #e8604c59}.tug-pull-btn.pressed{transform:translateY(7px);box-shadow:0 3px #8e3324,0 6px 16px #e8604c4d}.tug-hint{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-top:12px;font-size:12px}.tug-result-emoji{font-size:64px;line-height:1}.tug-forfeit{text-align:left;margin-top:18px}.tug-forfeit strong{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:12px}@media (prefers-reduced-motion:reduce){.tug-knot.yank{animation:none}}.ml-grid{flex:none;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ml-card{aspect-ratio:1;cursor:pointer;perspective:600px;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;position:relative}.ml-face{border-radius:var(--radius-md);backface-visibility:hidden;justify-content:center;align-items:center;font-size:28px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.ml-back{background:linear-gradient(135deg, var(--surface-raised), var(--bg-card));border:1px solid #ffffff12;transform:rotateY(0)}.ml-back:after{content:"♥";color:#e8604c47;font-size:22px}.ml-front{background:var(--bg-elevated);border:1px solid #e8604c59;transform:rotateY(-180deg)}.ml-card.up .ml-back{transform:rotateY(180deg)}.ml-card.up .ml-front{transform:rotateY(0)}.ml-card.solved .ml-front{border-color:var(--success);background:#5cb87a24;animation:.45s ease-out mlSolved}@keyframes mlSolved{40%{transform:rotateY(0)scale(1.12)}}.ml-card.solved{cursor:default}.ml-prompt-slot{flex:1;justify-content:center;align-items:center;min-height:78px;margin-top:14px;display:flex}.ml-prompt-emoji{margin-right:4px;font-size:18px}.ml-prompt-empty{color:var(--text-tertiary);text-align:center;margin:0;font-size:13px}.ml-stars{letter-spacing:4px;font-size:40px}.ml-unlocked{color:var(--success);margin-top:10px;font-size:13px}@media (prefers-reduced-motion:reduce){.ml-face{transition-duration:10ms}.ml-card.solved .ml-front{animation:none}}.ls-intro{text-align:center;width:100%}.ls-intro-root{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:20px;display:flex}.ls-intro-root span{width:40px;height:48px;color:var(--surface-raised);border-radius:var(--radius-sm);background:linear-gradient(160deg,#fff3e4,#e8d5b8);justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex;box-shadow:0 3px #00000059}.ls-intro-note{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.7}.ls-intro-note strong{color:var(--accent)}.ls-current{letter-spacing:.14em;border-bottom:2px solid var(--bg-elevated);flex:none;justify-content:center;align-items:center;height:54px;margin-bottom:4px;font-size:30px;font-weight:800;display:flex}.ls-placeholder{letter-spacing:normal;color:var(--text-tertiary);font-size:14px;font-weight:400}.ls-flash-slot{flex:none;justify-content:center;align-items:center;height:24px;display:flex}.ls-flash{font-size:13px;font-weight:600;animation:1.1s ease-out forwards lsFlash}.ls-flash.ok{color:var(--success)}.ls-flash.bad{color:var(--error)}@keyframes lsFlash{0%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0}}.ls-tray{flex-wrap:wrap;flex:none;justify-content:center;gap:8px;margin:14px 0;display:flex}.ls-tile{border-radius:var(--radius-sm);width:42px;height:50px;color:var(--surface-raised);cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(160deg,#fff3e4,#e8d5b8);border:none;font-family:inherit;font-size:22px;font-weight:800;transition:transform .1s,box-shadow .1s,opacity .15s;box-shadow:0 4px #0006}.ls-tile:active{transform:translateY(3px);box-shadow:0 1px #0006}.ls-tile.used{opacity:.22;box-shadow:none;cursor:default;transform:translateY(4px)}.ls-controls{flex:none;justify-content:center;gap:10px;display:flex}.ls-ctrl{border-radius:var(--radius-md);background:var(--bg-elevated);min-width:56px;color:var(--text-primary);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.ls-submit{background:var(--accent);color:#fff;flex:1;max-width:160px}.ls-ctrl:disabled{opacity:.4;cursor:not-allowed}.ls-found{flex-wrap:wrap;flex:1;align-content:flex-start;gap:6px;min-height:0;margin-top:14px;display:flex;overflow-y:auto}.ls-found-final{flex:none;justify-content:center;max-height:130px;margin-top:18px}.ls-found-chip{background:var(--bg-card);border-radius:var(--radius-xl);letter-spacing:.04em;color:var(--text-secondary);border:1px solid #ffffff12;padding:4px 11px;font-size:12px;font-weight:600}.ls-urgent{color:var(--error)}@media (prefers-reduced-motion:reduce){.ls-flash{opacity:1;animation-duration:10ms;animation-fill-mode:none}}.rm-steps{color:var(--text-secondary);margin:0;padding-left:20px;font-size:14px;line-height:1.65}.rm-steps li{margin-bottom:14px}.rm-steps strong{color:var(--text-primary)}.rm-stage{justify-content:flex-start;width:100%;padding-top:8px}.rm-ends{width:100%;color:var(--text-secondary);justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px;display:flex}.rm-ends span{max-width:45%}.rm-ends span:last-child{text-align:right}.rm-track{border-radius:var(--radius-2xl);background:var(--bg-card);touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff0f;width:100%;height:58px;position:relative;overflow:hidden}.rm-track:active{cursor:grabbing}.rm-track-static{cursor:default}.rm-gradient{background:linear-gradient(90deg, #3b7ca8 0%, #6b5b8e 45%, var(--accent) 100%);opacity:.32;position:absolute;inset:0}.rm-dial{border-radius:var(--radius-xl);background:var(--text-primary);color:#12101a;pointer-events:none;justify-content:center;align-items:center;width:40px;margin-left:-20px;display:flex;position:absolute;top:4px;bottom:4px;box-shadow:0 2px 12px #00000080}.rm-dial-value{font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.rm-dial.locked{background:var(--text-primary);opacity:.9}.rm-target{background:var(--success);pointer-events:none;width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0;box-shadow:0 0 12px #5cb87acc}.rm-target span{background:var(--success);color:var(--text-inverse);border-radius:var(--radius-sm);padding:1px 5px;font-size:10px;font-weight:800;position:absolute;top:3px;left:50%;transform:translate(-50%)}.rm-target.revealed{animation:.5s cubic-bezier(.34,1.56,.64,1) both rmReveal}@keyframes rmReveal{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}.rm-peek{background:var(--bg-elevated);border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;border:none;align-self:center;align-items:center;gap:7px;margin:14px 0 22px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.rm-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);align-self:flex-start;margin-bottom:8px;font-size:12px}.rm-input{border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--bg-elevated);width:100%;color:var(--text-primary);padding:15px 16px;font-family:inherit;font-size:16px}.rm-input:focus{border-color:var(--accent);outline:none}.rm-clue-card{width:100%;margin-bottom:26px;font-size:18px;font-style:italic}.rm-drag-hint{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;align-self:center;margin:12px 0 0;font-size:12px}.rm-reveal{margin-top:26px}.rm-reveal .gs-result-score{font-size:46px}.rm-running{color:var(--text-tertiary);margin-top:10px;font-size:13px}.rm-of{opacity:.55;font-size:26px}@media (prefers-reduced-motion:reduce){.rm-target.revealed{animation:none}}.so-intro{text-align:center;width:100%}.so-intro-tower{flex-direction:column-reverse;align-items:center;gap:4px;margin-bottom:24px;display:flex}.so-intro-block{border-radius:4px;height:26px;box-shadow:inset 0 -3px #00000038}.so-intro-note{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.so-board{background:linear-gradient(180deg, #14111c 0%, var(--bg-card) 100%);border-radius:var(--radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid #ffffff0f;flex:none;align-self:center;max-width:100%;position:relative;overflow:hidden}.so-block{border-radius:4px;position:absolute;box-shadow:inset 0 -3px #00000040}.so-moving{will-change:left, width;box-shadow:inset 0 -3px #00000040,0 0 18px #ffffff2e}.so-tap-hint{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);pointer-events:none;font-size:11px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.so-prompt{flex:none;margin-top:14px}.so-prompt-final{text-align:left;margin-top:20px}.hp-intro{text-align:center}.hp-intro-note{color:var(--text-secondary);margin:24px 0 0;font-size:14px;line-height:1.65}.hp-intro-note strong{color:var(--accent)}.hp-stage{border-radius:var(--radius-lg);justify-content:center;gap:4px;transition:background .6s}.hp-stage.stage-cool{background:radial-gradient(circle at 50% 45%,#3b7ca81a,#0000 65%)}.hp-stage.stage-warm{background:radial-gradient(circle at 50% 45%,#e8a94c24,#0000 65%)}.hp-stage.stage-hot{background:radial-gradient(circle at 50% 45%,#e8604c38,#0000 68%)}.hp-stage.stage-critical{background:radial-gradient(circle at 50% 45%,#e84c5e57,#0000 72%)}.hp-holder{text-align:center;margin-bottom:6px}.hp-holder-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);font-size:11px;display:block}.hp-holder-name{font-family:var(--font-display,serif);color:var(--text-primary);font-size:30px;display:block}.hp-potato{will-change:transform;font-size:92px;line-height:1;animation-name:hpPulse;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.hp-potato.hp-idle{font-size:76px;animation-duration:2.4s}.hp-potato.stage-hot{filter:drop-shadow(0 0 22px #e8604cb3)}.hp-potato.stage-critical{filter:drop-shadow(0 0 30px #e84c5ef2);animation-name:hpShake}@keyframes hpPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes hpShake{0%,to{transform:scale(1.06)rotate(0)}25%{transform:scale(1.14)rotate(-7deg)}75%{transform:scale(1.14)rotate(7deg)}}.hp-sparks{letter-spacing:6px;height:30px;margin-top:4px;font-size:22px}.hp-status{letter-spacing:.06em;color:var(--text-secondary);margin:4px 0 0;font-size:14px;font-weight:700}.stage-critical .hp-status{color:var(--error);animation:.4s steps(2,end) infinite hpBlink}@keyframes hpBlink{50%{opacity:.35}}.hp-passes{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-top:14px;font-size:12px}.hp-pass-btn{padding:20px;font-size:18px;transition:background .4s,transform .15s}.hp-pass-btn.stage-hot{background:var(--accent)}.hp-pass-btn.stage-critical{background:var(--error);animation:.45s ease-in-out infinite hpUrge}@keyframes hpUrge{50%{transform:scale(1.035)}}.hp-boom{font-size:78px;line-height:1;animation:.6s cubic-bezier(.34,1.56,.64,1) both hpBoom}@keyframes hpBoom{0%{opacity:0;transform:scale(.2)rotate(-20deg)}60%{opacity:1;transform:scale(1.3)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}.hp-forfeit{text-align:left;margin-top:20px}.hp-forfeit strong{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:12px}@media (prefers-reduced-motion:reduce){.hp-potato,.hp-pass-btn,.hp-boom,.stage-critical .hp-status{animation:none}}.lsq-preview{grid-template-columns:repeat(2,66px);justify-content:center;gap:10px;margin-bottom:26px;display:grid}.lsq-preview-pad{border-radius:var(--radius-lg);opacity:.55;justify-content:center;align-items:center;height:66px;font-size:26px;display:flex}.lsq-intro-note{color:var(--text-secondary);text-align:center;margin:0;font-size:14px;line-height:1.6}.lsq-status{text-align:center;letter-spacing:.06em;height:22px;color:var(--text-secondary);flex:none;margin:6px 0 14px;font-size:14px;font-weight:700}.lsq-status.input{color:var(--accent)}.lsq-status.failing{color:var(--error)}.lsq-grid{flex:1;grid-template-columns:repeat(2,1fr);align-content:center;gap:12px;min-height:0;padding:0 4px;display:grid}.lsq-pad{aspect-ratio:1;border-radius:var(--radius-xl);background:var(--pad-color);filter:brightness(.42)saturate(.75);cursor:default;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:2px solid #0000;max-height:150px;font-size:34px;transition:filter .14s,transform .14s,box-shadow .14s}.lsq-grid.active .lsq-pad{cursor:pointer}.lsq-pad.lit{filter:brightness(1.18)saturate(1.15);box-shadow:0 0 34px var(--pad-color);border-color:#fff9;transform:scale(1.04)}.lsq-pad.wrong{filter:brightness()saturate(.4);border-color:var(--error);animation:.5s cubic-bezier(.36,.07,.19,.97) both lsqWrong}@keyframes lsqWrong{10%,90%{transform:translate(-3px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.lsq-pad:disabled{opacity:1}@media (prefers-reduced-motion:reduce){.lsq-pad{transition-duration:10ms}.lsq-pad.wrong{animation:none}}.ca-intro{text-align:center}.ca-intro-icon{margin-bottom:20px;font-size:54px}.ca-intro-note{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.65}.ca-intro-note strong{color:var(--accent)}.ca-board{background:linear-gradient(180deg, #171320 0%, #221a2e 70%, var(--surface-raised) 100%);border-radius:var(--radius-lg);touch-action:none;cursor:crosshair;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff0f;flex:none;align-self:center;max-width:100%;position:relative;overflow:hidden}.ca-ground{background:linear-gradient(#e8604c1a,#e8604c05);border-top:1px solid #e8604c38;height:56px;position:absolute;bottom:0;left:0;right:0}.ca-bow{pointer-events:none;z-index:3;font-size:30px;position:absolute;transform:translate(-50%,-50%)}.ca-aim{transform-origin:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(90deg,#f5f0ebbf 0 7px,#0000 7px 13px);height:3px;position:absolute}.ca-power-bar{pointer-events:none;z-index:4;background:#ffffff1a;border-radius:3px;height:6px;position:absolute;bottom:10px;left:12px;right:12px;overflow:hidden}.ca-power-fill{background:linear-gradient(90deg, var(--success), var(--gold) 55%, var(--error));height:100%;transition:width 50ms linear}.ca-target{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.ca-target-ring{border:2px dashed #e8604c73;border-radius:50%;width:52px;height:52px;animation:6s linear infinite caSpin;position:absolute}.ca-target-heart{filter:drop-shadow(0 0 12px #e8604c99);font-size:30px}@keyframes caSpin{to{transform:rotate(360deg)}}.ca-arrow{color:var(--text-primary);pointer-events:none;z-index:5;font-size:26px;line-height:1;position:absolute}.ca-flash{letter-spacing:.06em;pointer-events:none;z-index:6;font-size:24px;font-weight:800;animation:.7s ease-out forwards caFlash;position:absolute;top:26px;left:50%;transform:translate(-50%)}.ca-flash.hit{color:var(--phase-serious);text-shadow:0 0 18px #ffd700b3}.ca-flash.miss{color:var(--text-tertiary)}@keyframes caFlash{0%{opacity:0;transform:translate(-50%)scale(.7)}25%{opacity:1;transform:translate(-50%)scale(1.15)}to{opacity:0;transform:translate(-50%)scale(1)}}.ca-hint{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);pointer-events:none;font-size:11px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.ca-of{opacity:.55;font-size:26px}@media (prefers-reduced-motion:reduce){.ca-target-ring{animation:none}.ca-flash{animation-duration:10ms}}.tt-steps{color:var(--text-secondary);margin:0 0 22px;padding-left:20px;font-size:14px;line-height:1.65}.tt-steps li{margin-bottom:12px}.tt-steps strong{color:var(--text-primary)}.tt-opener-preview{width:100%;font-size:16px;font-style:italic}.tt-reroll{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:12px;font-family:inherit;font-size:12px;display:inline-flex}.tt-reroll:hover{color:var(--accent)}.tt-stage{justify-content:flex-start;width:100%;padding-top:4px}.tt-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);align-self:flex-start;margin-bottom:8px;font-size:11px}.tt-visible{text-align:left;width:100%;font-size:17px;font-style:italic;line-height:1.5}.tt-hidden-note{color:var(--text-tertiary);align-self:center;align-items:center;gap:7px;margin:14px 0 20px;font-size:12px;font-style:italic;display:flex}.tt-input{border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--bg-elevated);width:100%;color:var(--text-primary);resize:none;padding:14px 16px;font-family:inherit;font-size:16px;line-height:1.5}.tt-input:focus{border-color:var(--accent);outline:none}.tt-count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;align-self:flex-end;margin-top:6px;font-size:11px}.tt-handoff{text-align:center}.tt-handoff-icon{font-size:62px;animation:1.6s ease-in-out infinite ttWave}@keyframes ttWave{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.tt-handoff-title{font-family:var(--font-display,serif);margin:16px 0 8px;font-size:25px}.tt-handoff-note{color:var(--text-secondary);margin:0;font-size:14px}.tt-story{flex:1;min-height:0;padding:6px 2px;overflow-y:auto}.tt-story-line{border-radius:var(--radius-md);margin:0 0 14px;padding:12px 15px;font-size:15px;line-height:1.55;animation:.45s cubic-bezier(.16,1,.3,1) both ttLineIn}.tt-story-opener{background:var(--bg-elevated);color:var(--text-secondary);font-style:italic}.tt-story-line.p1{border-left:3px solid var(--accent);background:#e8604c24}.tt-story-line.p2{background:#3b7ca824;border-left:3px solid #3b7ca8}@keyframes ttLineIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tt-handoff-icon,.tt-story-line{animation:none}}.ooo-demo{grid-template-columns:repeat(2,62px);justify-content:center;gap:8px;margin-bottom:24px;display:grid}.ooo-demo-tile{border-radius:var(--radius-md);height:62px}.ooo-intro-note{color:var(--text-secondary);text-align:center;margin:0;font-size:14px;line-height:1.6}.ooo-stage{justify-content:center}.ooo-grid{aspect-ratio:1;gap:6px;width:100%;max-width:320px;animation:.25s ease-out oooIn;display:grid}@keyframes oooIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ooo-tile{border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;padding:0;transition:transform .1s}.ooo-tile:active{transform:scale(.94)}.ooo-tile.shake{box-shadow:inset 0 0 0 2px var(--error);animation:.4s cubic-bezier(.36,.07,.19,.97) both oooShake}@keyframes oooShake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.ooo-difficulty{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-top:16px;font-size:11px}.ooo-urgent{color:var(--error)}.ooo-detail{color:var(--text-tertiary);margin-top:12px;font-size:13px}@media (prefers-reduced-motion:reduce){.ooo-grid,.ooo-tile.shake{animation:none}}.lb-chips-hero{color:var(--gold);flex-direction:column;align-items:center;gap:6px;margin-bottom:26px;display:flex}.lb-chips-hero-value{font-variant-numeric:tabular-nums;background:var(--gold-gradient,linear-gradient(135deg, #c4a265, #e8d5a8, #c4a265));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:46px;font-weight:800}.lb-steps{color:var(--text-secondary);margin:0;padding-left:20px;font-size:14px;line-height:1.65}.lb-steps li{margin-bottom:12px}.lb-steps strong{color:var(--text-primary)}.lb-stage{justify-content:flex-start;width:100%;padding-top:4px}.lb-question{width:100%;margin-bottom:22px;font-size:18px}.lb-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);align-self:flex-start;margin-bottom:8px;font-size:11px}.lb-options{flex-direction:column;gap:10px;width:100%;margin-bottom:22px;display:flex}.lb-option{border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff12;padding:15px 16px;font-family:inherit;font-size:15px;font-weight:600;transition:border-color .18s,background .18s,transform .12s}.lb-option:active{transform:scale(.99)}.lb-option.picked{border-color:var(--accent);background:#e8604c29}.lb-stakes{flex-wrap:wrap;gap:8px;width:100%;margin-bottom:14px;display:flex}.lb-stake{border-radius:var(--radius-md);background:var(--bg-card);min-width:56px;color:var(--text-secondary);cursor:pointer;font-variant-numeric:tabular-nums;border:1px solid #ffffff12;flex:1;padding:13px 8px;font-family:inherit;font-size:15px;font-weight:700;transition:border-color .18s,background .18s,color .18s}.lb-stake.picked{border-color:var(--gold);color:var(--gold-light);background:#c4a2652e}.lb-allin{min-width:74px;color:var(--error);flex:none}.lb-allin.picked{border-color:var(--error);color:#ff8a99;background:#e84c5e2e}.lb-risk{color:var(--text-secondary);align-self:center;margin:0;font-size:13px}.lb-risk strong{color:var(--gold-light)}.lb-secret{color:var(--text-tertiary);align-self:center;margin:8px 0 0;font-size:12px;font-style:italic}.lb-settle-amount{font-variant-numeric:tabular-nums;font-size:58px;font-weight:800;line-height:1}.lb-settle-amount.win{color:var(--success)}.lb-settle-amount.lose{color:var(--error)}.lb-balance{color:var(--text-tertiary);margin-top:12px;font-size:13px}.lb-net{font-variant-numeric:tabular-nums;margin:10px 0 18px;font-size:17px;font-weight:700}.lb-net.win{color:var(--success)}.lb-net.lose{color:var(--error)}.lb-history{text-align:left;width:100%;max-height:150px;overflow-y:auto}.lb-history-row{border-radius:var(--radius-md);background:var(--bg-card);border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:8px 12px;font-size:12px;display:flex}.lb-history-row.win{border-left-color:var(--success)}.lb-history-row.lose{border-left-color:var(--error)}.lb-history-q{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-history-d{font-variant-numeric:tabular-nums;flex:none;font-weight:800}.lb-history-row.win .lb-history-d{color:var(--success)}.lb-history-row.lose .lb-history-d{color:var(--error)}.wobble-meter-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#1a1626d9;border-bottom:1px solid #ffffff0f;flex-direction:column;gap:6px;padding:8px 16px;transition:all .3s;display:flex;position:relative}.wobble-meter-container.is-max-chemistry{background:linear-gradient(135deg,#231e32f2,#2d1923f2);border-bottom:1px solid #ffd7004d}.wobble-meter-top{justify-content:space-between;align-items:center;display:flex}.meter-left{align-items:center;gap:6px;display:flex}.flame-icon-wrap{justify-content:center;align-items:center;animation:1.5s infinite alternate pulse-flame;display:flex}@keyframes pulse-flame{0%{transform:scale(1)}to{transform:scale(1.15)}}.meter-title{color:var(--text-primary);font-size:.78rem;font-weight:600}.meter-right{align-items:center;gap:8px;display:flex}.meter-badge{border-radius:var(--radius-full);padding:2px 8px;font-size:.7rem;font-weight:700}.meter-pct{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700}.meter-track{border-radius:var(--radius-full);background:#ffffff1a;width:100%;height:4px;overflow:hidden}.meter-fill{border-radius:var(--radius-full);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.max-chemistry-banner{border-radius:var(--radius-md);background:#ffd7001f;border:1px solid #ffd70059;justify-content:space-between;align-items:center;margin-top:4px;padding:6px 12px;display:flex}.max-chem-text{color:var(--phase-serious);align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.sparkle-gold{color:var(--phase-serious);animation:3s linear infinite spin}.plan-date-trigger-btn{background:linear-gradient(135deg, var(--phase-serious), orange);color:var(--bg-primary);border-radius:var(--radius-full);cursor:pointer;border:none;padding:4px 10px;font-size:.72rem;font-weight:800;transition:transform .15s;box-shadow:0 2px 8px #ffd7004d}.plan-date-trigger-btn:active{transform:scale(.92)}.date-planner-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:9999;background:#0c0a10e0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.date-planner-modal{background:var(--bg-card);border-radius:var(--radius-xl,24px);width:100%;max-width:440px;max-height:90vh;color:var(--text-primary);border:1px solid #e8604c4d;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 48px #000000b3}.planner-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.planner-badge{text-transform:uppercase;color:var(--accent);align-items:center;gap:5px;margin-bottom:4px;font-size:.75rem;font-weight:700;display:inline-flex}.planner-title-box h3{font-size:1.1rem;font-family:var(--font-display);margin:0}.planner-close-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.planner-body{flex-direction:column;gap:18px;padding:18px 20px;display:flex;overflow-y:auto}.planner-section{flex-direction:column;gap:8px;display:flex}.section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.vibes-grid{flex-direction:column;gap:8px;display:flex}.vibe-btn{background:var(--bg-elevated);border-radius:var(--radius-md);color:var(--text-primary);text-align:left;cursor:pointer;border:1px solid #ffffff14;flex-direction:column;gap:2px;padding:10px 14px;transition:all .15s;display:flex}.vibe-btn.active{border-color:var(--accent);background:#e8604c26}.vibe-title{font-size:.92rem;font-weight:700}.vibe-desc{color:var(--text-secondary);font-size:.76rem}.loc-pills{flex-wrap:wrap;gap:6px;display:flex}.loc-pill{background:var(--bg-elevated);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;border:1px solid #ffffff14;align-items:center;gap:4px;padding:6px 12px;font-size:.78rem;transition:all .15s;display:inline-flex}.loc-pill.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.timing-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.planner-select{background:var(--bg-elevated);border-radius:var(--radius-md);color:var(--text-primary);border:1px solid #ffffff14;outline:none;padding:10px;font-size:.85rem}.planner-itinerary-preview{border-radius:var(--radius-lg);background:linear-gradient(135deg,#e8604c26,#7c4dff26);border:1px dashed #e8604c66;margin-top:6px;padding:14px 16px}.itinerary-tag{color:var(--phase-serious);margin-bottom:4px;font-size:.72rem;font-weight:700}.planner-itinerary-preview h4{margin:0 0 6px;font-size:1rem;font-weight:700}.preview-meta{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.preview-meta span{align-items:center;gap:6px;display:flex}.planner-footer{border-top:1px solid #ffffff0f;padding:16px 20px}.send-itinerary-btn{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 16px #e8604c59}.music-swap-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:9999;background:#0c0a10e0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.music-swap-modal{background:var(--bg-card);border-radius:var(--radius-xl,24px);width:100%;max-width:420px;max-height:88vh;color:var(--text-primary);border:1px solid #1db9544d;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 48px #000000b3}.music-swap-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.music-swap-badge{text-transform:uppercase;color:var(--brand-spotify);align-items:center;gap:5px;margin-bottom:4px;font-size:.75rem;font-weight:700;display:inline-flex}.music-swap-title-box h3{font-size:1.1rem;font-family:var(--font-display);margin:0}.music-swap-close-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.music-swap-body{flex-direction:column;gap:14px;padding:18px 20px;display:flex;overflow-y:auto}.track-search-box{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-tertiary);position:absolute;left:12px}.track-search-input{background:var(--bg-elevated);border-radius:var(--radius-md);color:#fff;border:1px solid #ffffff14;outline:none;width:100%;padding:10px 12px 10px 34px;font-size:.85rem}.tracks-list{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow-y:auto}.track-item{background:var(--bg-elevated);border-radius:var(--radius-md);cursor:pointer;border:1px solid #ffffff0f;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.track-item.active{border-color:var(--brand-spotify);background:#1db95426}.track-disc{color:var(--brand-spotify);justify-content:center;align-items:center;display:flex}.track-info h4{color:var(--text-primary);margin:0;font-size:.9rem}.track-info p{color:var(--text-secondary);margin:2px 0 0;font-size:.75rem}.track-vibe{color:var(--phase-serious)}.music-note-box{flex-direction:column;gap:6px;display:flex}.music-note-box label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.music-note-input{background:var(--bg-elevated);border-radius:var(--radius-md);color:#fff;border:1px solid #ffffff14;outline:none;padding:10px 12px;font-size:.85rem}.music-swap-footer{border-top:1px solid #ffffff0f;padding:16px 20px}.send-track-btn{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--brand-spotify), var(--brand-spotify-light));width:100%;color:var(--bg-primary);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.95rem;font-weight:800;display:flex;box-shadow:0 4px 16px #1db95459}.graceful-closer-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:9999;background:#0c0a10e0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.graceful-closer-modal{background:var(--bg-card);border-radius:var(--radius-xl,24px);width:100%;max-width:440px;max-height:90vh;color:var(--text-primary);border:1px solid #ffffff1a;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 48px #000000b3}.closer-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;padding:18px 20px;display:flex}.closer-badge{text-transform:uppercase;color:var(--phase-talking);align-items:center;gap:6px;margin-bottom:4px;font-size:.75rem;font-weight:700;display:inline-flex}.closer-title-box h3{font-size:1.15rem;font-family:var(--font-display);margin:0 0 4px}.closer-title-box p{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.3}.closer-close-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.closer-body{flex-direction:column;gap:12px;padding:18px 20px;display:flex;overflow-y:auto}.closures-list{flex-direction:column;gap:10px;display:flex}.closure-card{background:var(--bg-elevated);border-radius:var(--radius-lg);cursor:pointer;border:1px solid #ffffff14;padding:12px 16px;transition:all .15s}.closure-card.active{border-color:var(--phase-talking);background:#7c4dff26}.closure-card-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.closure-card-top h4{color:var(--text-primary);margin:0;font-size:.88rem;font-weight:700}.check-icon{color:var(--phase-talking)}.closure-card p{color:var(--text-secondary);margin:0;font-size:.8rem;font-style:italic;line-height:1.35}.custom-closer-textarea{background:var(--bg-deepest);border-radius:var(--radius-md);color:#fff;resize:none;border:1px solid #ffffff26;outline:none;width:100%;min-height:70px;padding:10px;font-size:.85rem}.closer-footer{border-top:1px solid #ffffff0f;grid-template-columns:1fr 1.3fr;gap:12px;padding:16px 20px;display:grid}.btn-cancel-closer{color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;background:#ffffff14;border:none;padding:12px;font-size:.9rem;font-weight:600}.btn-send-closer{background:linear-gradient(135deg, var(--phase-talking), #651fff);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 4px 16px #7c4dff66}.smart-reviver-wrapper{z-index:20;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.smart-reviver-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent-light);border-radius:var(--radius-full);cursor:pointer;background:#231e32d9;border:1px solid #e8604c4d;align-items:center;gap:6px;margin-bottom:6px;padding:4px 12px;font-size:.75rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 10px #0000004d}.smart-reviver-toggle:hover,.smart-reviver-toggle.active{border-color:var(--accent);background:#e8604c33}.sparkle-icon{color:var(--phase-serious);animation:1.5s infinite pulse-sparkle}@keyframes pulse-sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.smart-sparks-drawer{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid #ffffff1a;width:95%;max-width:440px;margin-bottom:8px;padding:12px;box-shadow:0 8px 30px #0009}.sparks-header{color:var(--text-secondary);margin-bottom:8px;font-size:.74rem;font-weight:600}.sparks-list{flex-direction:column;gap:6px;display:flex}.spark-chip{background:var(--bg-elevated);border-radius:var(--radius-md);color:var(--text-primary);text-align:left;cursor:pointer;border:1px solid #ffffff0f;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;transition:all .15s;display:flex}.spark-chip:hover{border-color:var(--accent);background:#e8604c26}.spark-msg-icon{color:var(--accent);flex-shrink:0}.chat-page{flex-direction:column;height:100dvh;padding-bottom:0;display:flex}.chat-header{height:var(--top-bar-height);padding:0 var(--space-sm);background:var(--bg-primary);z-index:20;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.icon-btn{padding:var(--space-sm);color:var(--text-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--bg-hover)}.chat-header-actions{align-items:center;gap:4px;display:flex}.call-btn{color:var(--accent)}.call-btn:hover{background:#e8604c1f}.chat-header-profile{align-items:center;gap:var(--space-sm);display:flex}.chat-header-info{flex-direction:column;display:flex}.chat-avatar{border-radius:var(--radius-full);object-fit:cover;width:36px;height:36px}.chat-name{font-family:var(--font-display);font-size:var(--text-base);line-height:1.2}.view-profile-subtext{color:var(--accent);font-size:.65rem;font-weight:500}.chat-phase-banner{padding:var(--space-sm) 0;background:var(--bg-primary);cursor:pointer;z-index:10;border-bottom:1px solid #ffffff05;justify-content:center;display:flex}.phase-indicator{align-items:center;gap:var(--space-xs);padding:4px var(--space-md);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;display:inline-flex}.start-conversation-banner{background:var(--bg-elevated);margin:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.start-conversation-banner p{font-size:var(--text-sm);color:var(--text-primary);margin:0}.btn-say-hi{background:var(--accent-gradient);color:var(--text-inverse);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.chat-messages-area{padding:var(--space-base);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.locked-input-bar{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-base);background:var(--bg-card);z-index:30;border-top:1px solid #ffffff0f;display:flex}.locked-input-info{align-items:center;gap:var(--space-sm);flex:1;min-width:0;display:flex}.locked-icon{color:var(--text-tertiary);flex-shrink:0}.locked-text{flex-direction:column;min-width:0;display:flex}.locked-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.locked-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.locked-actions{flex-shrink:0}.btn-end-convo{padding:var(--space-sm) var(--space-md);background:var(--accent-gradient);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;transition:transform var(--duration-fast);font-weight:600}.btn-end-convo:active{transform:scale(.95)}.btn-upgrade-small{padding:var(--space-sm) var(--space-md);background:var(--gold-gradient);color:var(--text-inverse);border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;transition:transform var(--duration-fast);align-items:center;gap:4px;font-weight:600;display:flex}.btn-upgrade-small:active{transform:scale(.95)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content.bottom-sheet{background:var(--bg-card);width:100%;max-width:var(--app-max-width);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-xl) var(--space-base);text-align:left;position:absolute;bottom:0}.sheet-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.sheet-header h3{margin:0}.phase-options{gap:var(--space-sm);flex-direction:column;display:flex}.phase-option{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--bg-elevated);cursor:pointer;transition:all var(--duration-fast);border:1px solid #0000;display:flex}.phase-option.selected{background:var(--bg-hover);border-color:#ffffff1a}.phase-option-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.phase-option-text h4{font-size:var(--text-base);margin:0 0 2px;font-weight:600}.phase-option-text p{font-size:var(--text-xs);margin:0}.modal-content.full-screen-sheet{background:var(--bg-primary);width:100%;max-width:var(--app-max-width);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;flex-direction:column;display:flex;position:absolute;top:5%;bottom:0;overflow:hidden}.sheet-header.sticky-header{padding:var(--space-md) var(--space-base);background:var(--bg-card);border-bottom:1px solid #ffffff0f;margin-bottom:0}.profile-modal-body{padding:var(--space-base);flex:1;overflow-y:auto}.sub-note{font-size:var(--text-xs);color:var(--accent);margin-top:var(--space-xs)!important}.date-separator{margin:var(--space-base) auto;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:.02em;white-space:nowrap;align-self:center;font-weight:600}.profile-page{background:var(--bg-primary);min-height:100dvh;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-2xl));overflow-y:auto}.profile-hero{width:100%;height:min(400px,55vh);position:relative}.profile-photo{object-fit:cover;border-bottom-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl);width:100%;height:100%}.profile-hero-gradient{background:linear-gradient(to top, var(--bg-primary) 0%, transparent 100%);border-bottom-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl);width:100%;height:50%;position:absolute;bottom:0;left:0}.profile-header-info{bottom:var(--space-lg);left:var(--space-lg);z-index:1;position:absolute}.profile-name-age{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-2xs);align-items:baseline;gap:var(--space-sm);display:flex}.profile-age{font-family:var(--font-sans);font-size:var(--text-xl);color:var(--text-secondary)}.profile-location{font-size:var(--text-base);color:var(--text-secondary)}.profile-content{padding:var(--space-lg);gap:var(--space-2xl);flex-direction:column;display:flex}.tier-badge{background:color-mix(in srgb, var(--gold) 10%, transparent);color:var(--gold);border:1px solid color-mix(in srgb, var(--gold) 30%, transparent);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;align-items:center;width:max-content;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.tier-badge:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:50%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.vitals-section{gap:var(--space-sm);flex-wrap:wrap;display:flex}.vital-pill{background:var(--bg-card);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-primary);align-items:center;gap:var(--space-xs);border:1px solid #ffffff08;display:flex}.vital-icon{color:var(--text-secondary)}.slot-status-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid #ffffff0d}.slot-header{margin-bottom:var(--space-md);color:var(--text-primary);justify-content:space-between;font-weight:600;display:flex}.slot-value{color:var(--accent-light)}.slot-progress-bg{background:var(--bg-elevated);border-radius:var(--radius-full);height:6px;margin-bottom:var(--space-sm);overflow:hidden}.slot-progress-fill{background:var(--accent-gradient);border-radius:var(--radius-full);height:100%}.slot-footer{font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;display:flex}.prompts-section{gap:var(--space-md);flex-direction:column;display:flex}.prompt-card{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid #ffffff0d}.prompt-q{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);font-weight:500}.prompt-a{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);line-height:1.3}.profile-actions{gap:var(--space-md);flex-direction:column;display:flex}.btn-upgrade{width:100%;padding:var(--space-md);border-radius:var(--radius-full);background:var(--gold-gradient);color:var(--bg-deepest);font-size:var(--text-base);text-align:center;transition:transform var(--duration-fast), opacity var(--duration-fast);font-weight:700}.btn-upgrade:hover{opacity:.9;transform:scale(1.02)}.btn-upgrade:active{transform:scale(.98)}.btn-edit{width:100%;padding:var(--space-md);border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-base);text-align:center;transition:background var(--duration-fast), transform var(--duration-fast);border:1px solid #ffffff0d;font-weight:600}.btn-edit:hover{background:var(--bg-hover);transform:scale(1.02)}.btn-edit:active{transform:scale(.98)}.settings-link{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-md);padding:var(--space-sm);text-decoration:underline}.interests-section{margin-bottom:var(--space-xl)}.interests-grid{gap:var(--space-sm);flex-wrap:wrap;display:flex}.interest-chip{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-sm);white-space:nowrap;border:1px solid #ffffff12;align-items:center;font-weight:500;line-height:1.2;display:inline-flex}.premium-page{background-color:var(--bg-deepest);min-height:100dvh;padding-bottom:var(--space-5xl);color:var(--text-primary);font-family:var(--font-sans);flex-direction:column;display:flex}.premium-header-nav{padding:var(--space-base);align-items:center;display:flex}.back-button{padding:var(--space-xs);color:var(--text-primary);border-radius:var(--radius-full);background:#ffffff0d;justify-content:center;align-items:center;transition:background .2s;display:flex}.back-button:hover{background:#ffffff1a}.premium-header{padding:0 var(--space-xl) var(--space-xl);text-align:center}.premium-title{font-family:var(--font-display);font-size:var(--text-4xl);margin-bottom:var(--space-sm);background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:400;line-height:1.1}.premium-subtitle{color:var(--text-secondary);font-size:var(--text-base)}.billing-toggle-wrapper{padding:0 var(--space-base) var(--space-xl);justify-content:center;display:flex}.billing-toggle{background:var(--bg-elevated);border-radius:var(--radius-full);width:100%;padding:4px;display:flex;position:relative}.toggle-btn{padding:var(--space-sm) 0;border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);transition:all var(--duration-normal) var(--ease-out);z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.toggle-btn.active{background:var(--bg-hover);color:var(--text-primary);box-shadow:var(--shadow-sm)}.save-badge{color:var(--accent);text-transform:uppercase;margin-top:2px;font-size:.6rem;font-weight:700}.toggle-btn.active .save-badge{color:var(--accent-light)}.tier-cards-container{gap:var(--space-lg);padding:0 var(--space-base) var(--space-xl);flex-direction:column;display:flex}.tier-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid #ffffff0d;flex-direction:column;display:flex;position:relative}.tier-card.popular{background:var(--bg-elevated);border:1px solid var(--accent);box-shadow:var(--shadow-glow);z-index:10;transform:scale(1.02)}.tier-card.elite-card{border:1px solid var(--gold);background:linear-gradient(180deg, var(--bg-elevated) 0%, var(--bg-card) 100%)}.popular-ribbon{top:-12px;right:var(--space-xl);background:var(--accent-gradient);color:var(--text-inverse);border-radius:var(--radius-full);font-size:var(--text-xs);box-shadow:0 4px 12px var(--accent-glow);align-items:center;gap:4px;padding:4px 12px;font-weight:700;display:flex;position:absolute}.current-plan-badge{top:-12px;left:var(--space-xl);background:var(--bg-hover);color:var(--text-primary);border-radius:var(--radius-full);font-size:var(--text-xs);border:1px solid #ffffff1a;padding:4px 12px;font-weight:600;position:absolute}.tier-card-header{margin-bottom:var(--space-md)}.tier-name-wrapper{align-items:center;gap:8px;display:flex}.tier-name{font-family:var(--font-display);font-size:var(--text-3xl);margin:0;line-height:1}.tier-tagline{color:var(--text-secondary);font-size:var(--text-sm);margin-top:4px}.tier-price-wrapper{margin-bottom:var(--space-sm);align-items:baseline;display:flex}.tier-currency{font-size:var(--text-xl);margin-right:2px;font-weight:600}.tier-price{font-size:var(--text-4xl);font-weight:700;line-height:1}.tier-duration{color:var(--text-secondary);font-size:var(--text-sm);margin-left:4px}.tier-total-billed{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-lg)}.tier-features{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-direction:column;flex-grow:1;display:flex}.tier-features li{align-items:flex-start;gap:var(--space-sm);font-size:var(--text-sm);display:flex}.feature-check{color:var(--accent);flex-shrink:0;margin-top:2px}.elite-card .feature-check{color:var(--gold)}.tier-cta{padding:var(--space-md);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-base);text-align:center;width:100%;transition:transform .2s,opacity .2s}.tier-cta:active{transform:scale(.98)}.lite-btn{background:var(--bg-hover);color:var(--text-primary);border:1px solid #ffffff1a}.plus-btn{background:var(--accent-gradient);color:var(--text-inverse);box-shadow:0 4px 16px var(--accent-glow)}.elite-btn{background:var(--gold-gradient);color:var(--text-inverse);box-shadow:0 4px 16px #c4a26533}.current-plan-indicator{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-xl)}.feature-comparison-wrapper{padding:0 var(--space-base) var(--space-xl)}.comparison-toggle{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);color:var(--text-secondary);font-size:var(--text-base);font-weight:500;display:flex}.comparison-toggle .rotate{transform:rotate(180deg)}.comparison-table-container{margin-top:var(--space-md);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid #ffffff0d;overflow:hidden}.comparison-table{border-collapse:collapse;text-align:center;width:100%;font-size:var(--text-xs)}.comparison-table th{padding:var(--space-md) var(--space-xs);color:var(--text-secondary);background:var(--bg-elevated);border-bottom:1px solid #ffffff0d;font-weight:600;position:sticky;top:0}.comparison-table th:first-child{text-align:left;padding-left:var(--space-md)}.comparison-table td{padding:var(--space-md) var(--space-xs);border-bottom:1px solid #ffffff0d}.feature-name{text-align:left;color:var(--text-secondary);font-weight:500;padding-left:var(--space-md)!important}.feature-val{color:var(--text-primary)}.check{color:var(--accent)}.cross{color:var(--text-tertiary)}.womens-bonus-card{margin:0 var(--space-base);background:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-md);border:1px solid #ffffff0d;align-items:center;display:flex}.bonus-icon{font-size:var(--text-2xl)}.bonus-content h4{font-size:var(--text-sm);margin-bottom:2px;font-weight:600}.bonus-content p{font-size:var(--text-xs);color:var(--text-secondary)}.settings-page{background:var(--bg-primary);min-height:100dvh;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-2xl));overflow-y:auto}.settings-header{width:100%;max-width:var(--app-max-width);height:var(--top-bar-height);-webkit-backdrop-filter:blur(12px);padding:0 var(--space-lg);z-index:10;background:#121018d9;border-bottom:1px solid #ffffff0d;align-items:center;display:flex;position:fixed;top:0;left:0}.btn-back{color:var(--text-secondary);font-size:var(--text-base);padding:var(--space-sm) 0;margin-right:var(--space-md);transition:color var(--duration-fast);font-weight:500}.btn-back:active{color:var(--text-primary)}.settings-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);font-weight:400}.settings-content{padding:var(--space-lg);gap:var(--space-xl);flex-direction:column;display:flex}.settings-group{gap:var(--space-sm);flex-direction:column;display:flex}.settings-group-title{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding-left:var(--space-sm);font-weight:600}.settings-card{background:var(--bg-card);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-out);border:1px solid #ffffff08;overflow:hidden}.settings-card.danger-zone{background:#e84c5e0d;border-color:#e84c5e33}.settings-row{padding:var(--space-md) var(--space-lg);border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;display:flex}.settings-row:last-child{border-bottom:none}.settings-row.clickable{cursor:pointer;transition:background var(--duration-fast)}.settings-row.clickable:hover{background:var(--bg-hover)}.settings-row.clickable:active{background:var(--bg-elevated)}.settings-row.text-center{justify-content:center}.settings-label{font-size:var(--text-base);color:var(--text-primary)}.settings-value{font-size:var(--text-base);color:var(--text-secondary)}.danger-text{color:var(--error);font-weight:600}.chevron{font-size:var(--text-xl);color:var(--text-tertiary);line-height:1}.toggle-switch{background:var(--bg-elevated);border-radius:var(--radius-full);width:44px;height:24px;transition:background var(--duration-normal) var(--ease-out);border:1px solid #ffffff0d;position:relative}.toggle-switch.active{background:var(--accent);border-color:var(--accent)}.toggle-knob{background:var(--text-primary);width:20px;height:20px;transition:transform var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;top:1px;left:2px}.toggle-switch.active .toggle-knob{transform:translate(20px)}.edit-profile-page{background-color:var(--bg-primary);width:100%;max-width:430px;min-height:100dvh;color:var(--text-primary);font-family:var(--font-sans,"Inter", sans-serif);margin:0 auto;position:relative;overflow-y:auto}.edit-topbar{z-index:50;padding:var(--space-md,16px) var(--space-lg,24px);-webkit-backdrop-filter:blur(12px);background-color:#121018d9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.edit-topbar h2{letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:600}.icon-btn{cursor:pointer;border-radius:var(--radius-full,9999px);background:0 0;border:none;justify-content:center;align-items:center;margin-left:-8px;padding:8px;transition:transform .2s,background-color .2s;display:flex}.icon-btn:active{background-color:#ffffff1a;transform:scale(.92)}.save-btn{background:var(--accent-gradient,linear-gradient(135deg, #ff7b6b 0%, #e8604c 100%));color:#fff;border-radius:var(--radius-full,9999px);cursor:pointer;border:none;padding:8px 20px;font-size:.95rem;font-weight:600;transition:transform .2s,opacity .2s,box-shadow .2s;box-shadow:0 4px 12px #e8604c40}.save-btn:active{transform:scale(.95);box-shadow:0 2px 6px #e8604c33}.edit-content{padding:var(--space-lg,24px);gap:var(--space-2xl,40px);flex-direction:column;display:flex}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin:0 0 var(--space-md,16px) 0;font-size:.75rem;font-weight:600}.section-title-wrap{margin-bottom:var(--space-md,16px);justify-content:space-between;align-items:baseline;display:flex}.section-title-wrap .section-title{margin-bottom:0}.count-label{color:var(--text-tertiary);font-size:.8rem}.photo-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.photo-slot{aspect-ratio:3/4;border-radius:var(--radius-md,10px);background-color:var(--bg-card);position:relative;overflow:hidden}.photo-slot.filled img{object-fit:cover;width:100%;height:100%;display:block}.photo-slot.empty{cursor:pointer;background-color:#0000;border:2px dashed #ffffff26;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.photo-slot.empty:active{background-color:#ffffff08}.photo-remove-btn{background-color:var(--accent);border:2px solid var(--bg-card);cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #0000004d}.photo-remove-btn:active{transform:scale(.9)}.primary-label{color:#fff;border-radius:var(--radius-sm,6px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.05em;text-transform:uppercase;z-index:2;background-color:#0009;padding:4px 8px;font-size:.65rem;font-weight:600;position:absolute;top:8px;left:8px}.textarea-container{flex-direction:column;gap:8px;display:flex}.bio-textarea,.prompt-textarea{background-color:var(--bg-card);width:100%;color:var(--text-primary);border-radius:var(--radius-md,10px);padding:var(--space-md,16px);resize:none;border:1px solid #0000;font-family:inherit;font-size:.95rem;line-height:1.5;transition:border-color .2s,background-color .2s}.bio-textarea:focus,.prompt-textarea:focus{background-color:var(--bg-elevated);border-color:#ffffff26;outline:none}.bio-textarea::placeholder,.prompt-textarea::placeholder{color:var(--text-tertiary)}.char-count{text-align:right;color:var(--text-tertiary);font-size:.75rem}.prompts-list{gap:var(--space-md,16px);flex-direction:column;display:flex}.prompt-edit-card{background-color:var(--bg-card);border-radius:var(--radius-lg,14px);padding:var(--space-md,16px);gap:var(--space-sm,12px);flex-direction:column;display:flex}.prompt-label{font-family:var(--font-display,"DM Serif Display", serif);color:var(--text-primary);font-size:1.1rem;line-height:1.3}.prompt-textarea{padding:var(--space-sm,12px);background-color:#0003}.fields-group{background-color:var(--bg-card);border-radius:var(--radius-lg,14px);flex-direction:column;display:flex;overflow:hidden}.field-row{padding:var(--space-md,16px);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.field-row:last-child{border-bottom:none}.field-label{color:var(--text-secondary);flex-shrink:0;width:100px;font-size:.95rem;font-weight:500}.field-input{color:var(--text-primary);text-align:right;background:0 0;border:none;flex-grow:1;padding:4px 0;font-family:inherit;font-size:.95rem}.field-input:focus{outline:none}.field-input.read-only{color:var(--text-tertiary)}.field-col{padding:var(--space-md,16px);gap:var(--space-sm,12px);border-bottom:1px solid #ffffff0d;flex-direction:column;display:flex}.field-col:last-child{border-bottom:none}.field-label-col{color:var(--text-secondary);font-size:.95rem;font-weight:500}.pill-selector{flex-wrap:wrap;gap:8px;display:flex}.pill-option{color:var(--text-primary);border-radius:var(--radius-full,9999px);cursor:pointer;background-color:#ffffff0d;border:1px solid #0000;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.pill-option:active{transform:scale(.96)}.pill-option.selected{background-color:var(--accent);color:#fff}.chip-grid{flex-wrap:wrap;gap:10px;display:flex}.chip{background-color:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-full,9999px);cursor:pointer;border:1px solid #ffffff14;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.chip:active{transform:scale(.96)}.chip.selected{border-color:var(--accent);color:var(--accent);background-color:#e8604c26}.empty-indicator{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.profile-setup-page{color:#f5f0eb;min-height:100vh;font-family:var(--font-sans,"Inter", sans-serif);box-sizing:border-box;background:#0c0a10;max-width:540px;margin:0 auto;padding:32px 20px 60px}.setup-header{text-align:center;margin-bottom:24px}.setup-header h1{font-family:var(--font-display,"DM Serif Display", serif);color:#fff;margin:10px 0 4px;font-size:1.8rem}.setup-header p{color:#9b95a5;margin:0;font-size:.84rem}.setup-progress-bar{justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 10px;display:flex}.step-dot{color:#5a5465;font-size:.76rem;font-weight:600;transition:all .2s}.step-dot.active{color:#ff7b6b;font-weight:700}.progress-connector{background:#ffffff14;flex:1;height:2px;margin:0 10px}.setup-card{background:#14111e;border:1px solid #ffffff1a;border-radius:24px;padding:28px 24px;box-shadow:0 20px 60px #0009}.setup-step-body h2{color:#fff;margin:0 0 4px;font-size:1.3rem;font-weight:800}.step-desc{color:#9b95a5;margin:0 0 20px;font-size:.82rem;line-height:1.4}.setup-form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full-width{grid-column:span 2}.form-group label{color:#d1cbd8;text-transform:uppercase;font-size:.74rem;font-weight:700}.setup-input,.setup-textarea{color:#fff;box-sizing:border-box;background:#0c0a10;border:1px solid #ffffff1f;border-radius:12px;outline:none;padding:12px 14px;font-size:.88rem}.setup-input:focus,.setup-textarea:focus{border-color:#e8604c}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#9b95a5;position:absolute;left:14px}.input-with-icon .setup-input{width:100%;padding-left:38px}.section-subtitle{color:#d1cbd8;text-transform:uppercase;letter-spacing:.5px;margin:16px 0 10px;font-size:.76rem;font-weight:700;display:block}.photos-preview-strip{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px;display:grid}.photo-slot-box{aspect-ratio:3/4;background:#0c0a10;border:1px dashed #fff3;border-radius:14px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.photo-slot-box.has-photo{border:1px solid #ffffff26}.photo-slot-box img{object-fit:cover;width:100%;height:100%}.photo-upload-label{color:#9b95a5;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;font-size:.72rem;font-weight:700;display:flex}.photo-upload-label:hover{color:#ff7b6b;background:#e8604c0d}.btn-del-photo{color:#fff;cursor:pointer;background:#ef4444d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:4px;right:4px}.photo-tag{background:#000000a6;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700;position:absolute;top:4px;left:4px}.prompts-edit-stack{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.prompt-edit-card{background:#0c0a10;border:1px solid #ffffff14;border-radius:14px;padding:12px 14px}.prompt-label{color:#ff7b6b;text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:700}.prompt-text-input{color:#f5f0eb;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.btn-setup-continue,.btn-setup-finish{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e8604c 0%,#ff7b6b 100%);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:.92rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 8px 24px #e8604c59}.btn-setup-finish{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 8px 24px #10b98159}.setup-btn-row{gap:10px;margin-top:20px;display:flex}.btn-setup-back{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:9999px;padding:14px 20px;font-weight:600}.verification-card-unit{background:#0c0a10;border:1px solid #ffffff14;border-radius:18px;margin-bottom:16px;padding:16px}.verification-card-unit.gold-border{border-color:#ffd70040}.unit-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.unit-header strong{color:#fff;font-size:.85rem;display:block}.unit-header span{color:#9b95a5;font-size:.72rem}.viewfinder-mini-box{background:#14111e;border-radius:14px;width:100%;height:200px;position:relative;overflow:hidden}.id-viewfinder-mini-box{background:#14111e;border-radius:14px;width:100%;height:180px;position:relative;overflow:hidden}.live-camera-wrap{width:100%;height:100%;position:relative}.camera-feed{object-fit:cover;width:100%;height:100%}.oval-face-hud{pointer-events:none;border:2px dashed #e8604ccc;border-radius:50%;position:absolute;inset:15px 30%}.rect-id-hud{pointer-events:none;border:2px solid #ffd700cc;border-radius:10px;position:absolute;inset:15px 20px}.hud-corner{border-style:solid;border-color:gold;width:14px;height:14px;position:absolute}.hud-corner.tl{border-width:3px 0 0 3px;top:-2px;left:-2px}.hud-corner.tr{border-width:3px 3px 0 0;top:-2px;right:-2px}.hud-corner.bl{border-width:0 0 3px 3px;bottom:-2px;left:-2px}.hud-corner.br{border-width:0 3px 3px 0;bottom:-2px;right:-2px}.btn-snap-circle{cursor:pointer;background:#e8604c;border:3px solid #fff;border-radius:50%;width:48px;height:48px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.btn-snap-circle.gold{background:gold}.idle-camera-trigger,.idle-id-trigger{cursor:pointer;color:#9b95a5;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-size:.82rem;font-weight:600;display:flex}.idle-camera-trigger:hover,.idle-id-trigger:hover{color:#fff;background:#ffffff08}.captured-preview-wrap{width:100%;height:100%;position:relative}.captured-preview-wrap img{object-fit:cover;width:100%;height:100%}.btn-resnap{color:#fff;cursor:pointer;background:#000000b3;border:1px solid #fff3;border-radius:8px;align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:600;display:flex;position:absolute;bottom:10px;right:10px}.btn-upload-file-id{color:gold;cursor:pointer;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:6px;font-size:.78rem;font-weight:600;display:flex}.choice-chip-row{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.choice-chip{padding:var(--space-sm) var(--space-base);min-height:var(--tap-target);border-radius:var(--radius-full);background:var(--bg-card);color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);cursor:pointer;border:1px solid #ffffff1a;font-weight:600;transition:border-color .18s,background .18s,color .18s}.choice-chip.selected{border-color:var(--accent);color:var(--text-primary);background:#e8604c29}.label-optional{margin-left:var(--space-xs);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:none;letter-spacing:0;font-weight:500}.inline-check{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;display:flex}.inline-check input{accent-color:var(--accent);width:16px;height:16px}.setup-error-msg{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);background:#e84c5e1f;border:1px solid #e84c5e4d;font-weight:600}.admin-gate-page{min-height:100vh;font-family:var(--font-sans,"Inter", sans-serif);background:radial-gradient(circle at top,#1f1930 0%,#0c0a10 70%);justify-content:center;align-items:center;padding:24px;display:flex}.admin-gate-card{text-align:center;background:#161222;border:1px solid #ffffff1f;border-radius:28px;width:100%;max-width:440px;padding:40px 32px 32px;box-shadow:0 30px 80px #000c,0 0 40px #e8604c33}.gate-icon-wrap{background:#e8604c1f;border:2px solid #e8604c66;border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 16px;display:flex}.gate-badge{color:gold;text-transform:uppercase;letter-spacing:1px;background:#ffd7001f;border:1px solid #ffd7004d;border-radius:9999px;margin-bottom:12px;padding:5px 12px;font-size:.72rem;font-weight:700;display:inline-block}.gate-title{font-family:var(--font-display,"DM Serif Display", serif);color:#fff;margin:0 0 8px;font-size:1.8rem}.gate-desc{color:#9b95a5;margin:0 0 24px;font-size:.86rem;line-height:1.5}.gate-form{flex-direction:column;gap:14px;display:flex}.passcode-input-wrap{width:100%;position:relative}.key-icon{color:#9b95a5;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.gate-input{color:#fff;box-sizing:border-box;background:#0c0a10;border:1px solid #ffffff26;border-radius:14px;outline:none;width:100%;padding:14px 16px 14px 44px;font-size:.95rem;transition:all .2s}.gate-input:focus{border-color:#e8604c;box-shadow:0 0 16px #e8604c4d}.gate-input.error{background:#ef444414;border-color:#ef4444}.gate-error-text{color:#f87171;text-align:left;font-size:.8rem}.btn-gate-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e8604c 0%,#ff7b6b 100%);border:none;border-radius:9999px;padding:14px;font-size:.95rem;font-weight:700;transition:all .2s;box-shadow:0 8px 24px #e8604c59}.btn-gate-submit:hover{transform:translateY(-1px);box-shadow:0 12px 30px #e8604c80}.btn-back-home{color:#9b95a5;cursor:pointer;background:0 0;border:none;margin-top:18px;font-size:.82rem}.admin-dashboard-page{color:#f5f0eb;min-height:100vh;font-family:var(--font-sans,"Inter", sans-serif);background:#0c0a10;padding-bottom:60px}.admin-topbar{z-index:100;-webkit-backdrop-filter:blur(20px);background:#121018d9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.admin-topbar-left{align-items:center;gap:16px;display:flex}.btn-admin-back{color:#f5f0eb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-admin-back:hover{background:#ffffff26}.admin-brand{align-items:center;gap:12px;display:flex}.admin-brand-title{color:#fff;letter-spacing:-.3px;font-size:1.1rem;font-weight:800}.admin-brand-sub{color:#ff7b6b;text-transform:uppercase;letter-spacing:.6px;font-size:.72rem;font-weight:600}.admin-topbar-actions{align-items:center;gap:12px;display:flex}.btn-refresh-data{color:#f5f0eb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.btn-refresh-data:hover{background:#ffffff1f}.creator-profile-pill{color:gold;letter-spacing:.4px;background:#ffd70026;border:1px solid #ffd70059;border-radius:9999px;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:700;display:flex}.admin-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:1300px;margin:0 auto;padding:24px 28px 12px;display:grid}.kpi-card{cursor:pointer;background:#161222;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.kpi-card:hover,.kpi-card.active{border-color:#e8604c66;transform:translateY(-2px);box-shadow:0 10px 30px #00000080}.kpi-card.pending.active{background:#1c1628;border-color:#f59e0b}.kpi-icon-wrap{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kpi-icon-wrap.pending{color:#f59e0b;background:#f59e0b26}.kpi-icon-wrap.approved{color:#34d399;background:#34d39926}.kpi-icon-wrap.rejected{color:#f87171;background:#f8717126}.kpi-icon-wrap.total{color:#c084fc;background:#a855f726}.kpi-number{color:#fff;font-size:1.8rem;font-weight:800;line-height:1}.kpi-label{color:#9b95a5;margin-top:4px;font-size:.78rem;font-weight:600}.kpi-action-alert{color:#f87171;text-transform:uppercase;letter-spacing:.5px;background:#ef444433;border:1px solid #ef444466;border-radius:9999px;padding:3px 8px;font-size:.65rem;font-weight:700;position:absolute;top:12px;right:14px}.admin-notification-toast{color:#34d399;text-align:center;background:#34d39926;border:1px solid #34d399;border-radius:14px;max-width:1240px;margin:12px auto;padding:12px 20px;font-size:.9rem;font-weight:600;animation:.2s ease-out fadeInModal}.admin-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1300px;margin:0 auto;padding:14px 28px;display:flex}.admin-tabs{background:#14111e;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:8px;padding:4px;display:flex}.admin-tab-btn{color:#9b95a5;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:8px 18px;font-size:.82rem;font-weight:600;transition:all .2s}.admin-tab-btn.active{color:#fff;background:#231e32;box-shadow:0 4px 12px #0000004d}.admin-search-wrap{flex:1;max-width:380px;position:relative}.admin-search-wrap .search-icon{color:#9b95a5;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.admin-search-input{color:#fff;box-sizing:border-box;background:#14111e;border:1px solid #ffffff14;border-radius:9999px;outline:none;width:100%;padding:10px 16px 10px 38px;font-size:.85rem}.admin-search-input:focus{border-color:#e8604c}.admin-cards-container{max-width:1300px;margin:16px auto;padding:0 28px}.admin-profile-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.admin-review-card{background:#161222;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:16px;padding:22px;transition:all .2s;display:flex;box-shadow:0 10px 30px #0006}.admin-review-card.border-pending{background:linear-gradient(#1c1628 0%,#161222 100%);border-color:#f59e0b66}.card-top-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.user-name-age{color:#fff;flex-wrap:wrap;align-items:center;gap:8px;font-size:1.15rem;font-weight:800;display:flex}.verified-chip{color:#34d399;background:#34d39926;border:1px solid #34d399;border-radius:9999px;padding:3px 8px;font-size:.68rem;font-weight:700}.pending-chip{color:#f59e0b;background:#f59e0b2e;border:1px solid #f59e0b;border-radius:9999px;padding:3px 8px;font-size:.68rem;font-weight:700}.id-chip{color:gold;background:#ffd70026;border:1px solid #ffd70066;border-radius:9999px;padding:3px 8px;font-size:.68rem;font-weight:700}.user-sub-meta{flex-direction:column;gap:3px;margin-top:4px;display:flex}.meta-item{color:#9b95a5;align-items:center;gap:5px;font-size:.78rem;display:flex}.tier-select-badge{color:#f5f0eb;cursor:pointer;background:#0c0a10;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:5px 8px;font-size:.75rem;font-weight:700}.tier-select-badge.tier-elite{color:gold;border-color:gold}.card-photos-gallery{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.photo-thumb-container{aspect-ratio:3/4;cursor:pointer;background:#0c0a10;border:1px solid #ffffff14;border-radius:12px;position:relative;overflow:hidden}.photo-thumb-container img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.photo-thumb-container:hover img{transform:scale(1.06)}.photo-zoom-hint{opacity:0;color:#fff;background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.photo-thumb-container:hover .photo-zoom-hint{opacity:1}.photo-index-tag{color:#fff;background:#000000a6;border-radius:4px;padding:2px 5px;font-size:.6rem;font-weight:700;position:absolute;top:4px;left:4px}.verification-status-summary-bar{color:#d1cbd8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.76rem;display:flex}.summary-left{align-items:center;gap:8px;display:flex}.summary-left strong{color:#fff}.btn-inspect-full-dossier{color:#ff7b6b;cursor:pointer;background:#e8604c26;border:1px solid #e8604c59;border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:700;transition:all .2s;display:flex}.btn-inspect-full-dossier:hover{color:#fff;background:#e8604c40}.card-bio-quote{color:#d1cbd8;cursor:pointer;background:#ffffff08;border-left:2px solid #e8604c;border-radius:4px;padding:8px 12px;font-size:.82rem;font-style:italic}.card-vitals-pills{cursor:pointer;flex-wrap:wrap;gap:6px;display:flex}.vital-tag{color:#d1cbd8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:4px;padding:4px 9px;font-size:.72rem;display:inline-flex}.vital-tag.intention{color:#ff7b6b;background:#e8604c1f;border-color:#e8604c4d;font-weight:600}.card-prompts-list{cursor:pointer;background:#0000004d;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.prompt-row{flex-direction:column;gap:2px;display:flex}.prompt-q{color:#9b95a5;text-transform:uppercase;letter-spacing:.4px;font-size:.7rem;font-weight:700}.prompt-a{color:#f5f0eb;font-size:.8rem;line-height:1.35}.card-actions-row{border-top:1px solid #ffffff0f;align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.btn-admin-approve{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #10b9814d}.btn-admin-approve:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98173}.btn-admin-reject{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef444466;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 12px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.btn-admin-reject:hover{background:#ef444440}.approved-indicator{color:#34d399;flex:1;align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:flex}.btn-admin-revoke{color:#9b95a5;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:6px 10px;font-size:.72rem}.rejected-indicator{color:#f87171;flex:1;align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.btn-admin-reconsider{color:#34d399;cursor:pointer;background:#34d39926;border:1px solid #34d399;border-radius:8px;padding:6px 10px;font-size:.72rem;font-weight:600}.btn-admin-delete{color:#9b95a5;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-admin-delete:hover{color:#ef4444;background:#ef444433;border-color:#ef444466}.admin-loading-state,.admin-empty-state{text-align:center;color:#9b95a5;padding:60px 20px}.admin-empty-state h3{color:#fff;margin:14px 0 6px;font-size:1.2rem}.dossier-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(16px);background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeInModal;display:flex;position:fixed;inset:0}.dossier-modal-container{background:#14111e;border:1px solid #ffffff26;border-radius:28px;flex-direction:column;width:100%;max-width:820px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 30px 100px #000000e6}.dossier-header{background:#1a1626;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.dossier-user-header h2{color:#fff;margin:0 0 4px;font-size:1.4rem;font-weight:800}.dossier-email{color:#9b95a5;margin-right:12px;font-size:.8rem}.dossier-city{color:#ff7b6b;font-size:.8rem;font-weight:600}.btn-close-dossier{color:#9b95a5;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;width:36px;height:36px;font-size:1.1rem;transition:all .2s}.btn-close-dossier:hover{color:#fff;background:#ffffff26}.dossier-scroll-body{flex-direction:column;gap:24px;padding:24px;display:flex;overflow-y:auto}.dossier-section{background:#181424;border:1px solid #ffffff12;border-radius:20px;padding:20px}.dossier-section-title{color:#fff;align-items:center;gap:8px;margin-bottom:16px;font-size:.92rem;font-weight:700;display:flex}.identity-comparison-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.identity-box{background:#0c0a10;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.identity-box-label{color:#d1cbd8;text-transform:uppercase;align-items:center;gap:6px;font-size:.76rem;font-weight:700;display:flex}.identity-photo-wrap{aspect-ratio:4/3;cursor:pointer;background:#14111e;border-radius:12px;width:100%;position:relative;overflow:hidden}.identity-photo-wrap img{object-fit:cover;width:100%;height:100%}.govt-id-card-wrap{aspect-ratio:16/10;border:2px dashed #ffd70080}.id-card-watermark{color:gold;letter-spacing:.5px;background:#000000b3;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:800;position:absolute;bottom:6px;right:8px}.zoom-overlay{color:#fff;opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.identity-photo-wrap:hover .zoom-overlay{opacity:1}.no-id-placeholder{aspect-ratio:16/10;text-align:center;box-sizing:border-box;border:1px dashed #ffffff26;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:14px;display:flex}.no-id-placeholder p{color:#fff;margin:6px 0 2px;font-size:.82rem;font-weight:700}.no-id-placeholder span{color:#9b95a5;font-size:.7rem}.identity-status-tag{text-align:center;border-radius:6px;padding:4px 8px;font-size:.72rem;font-weight:700}.identity-status-tag.verified{color:#34d399;background:#34d39926}.identity-status-tag.gold{color:gold;background:#ffd70026}.identity-status-tag.muted{color:#9b95a5;background:#ffffff0d}.dossier-photos-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.dossier-photo-card{aspect-ratio:3/4;cursor:pointer;border-radius:12px;position:relative;overflow:hidden}.dossier-photo-card img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.dossier-photo-card:hover img{transform:scale(1.05)}.dossier-photo-num{color:#fff;background:#0009;border-radius:4px;padding:2px 5px;font-size:.65rem;font-weight:700;position:absolute;top:4px;left:4px}.dossier-details-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.detail-item{background:#0c0a10;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:3px;padding:10px 14px;display:flex}.detail-item.full-width{grid-column:span 2}.detail-label{color:#9b95a5;text-transform:uppercase;font-size:.7rem;font-weight:700}.detail-value{color:#f5f0eb;margin:0;font-size:.85rem;font-weight:500}.gold-text{color:gold;font-weight:700}.tier-tag{color:#ff7b6b;font-weight:800}.dossier-prompts-stack{flex-direction:column;gap:10px;display:flex}.dossier-prompt-card{background:#0c0a10;border:1px solid #ffffff0f;border-radius:12px;padding:12px 16px}.dossier-prompt-q{color:#ff7b6b;text-transform:uppercase;margin-bottom:3px;font-size:.72rem;font-weight:700}.dossier-prompt-a{color:#f5f0eb;font-size:.85rem;line-height:1.4}.dossier-footer-actions{background:#1a1626;border-top:1px solid #ffffff14;align-items:center;gap:12px;padding:16px 24px;display:flex}.btn-dossier-approve-badge{color:#0c0a10;cursor:pointer;background:linear-gradient(135deg,gold 0%,#f59e0b 100%);border:none;border-radius:12px;flex:2;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.88rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 16px #ffd70059}.btn-dossier-approve-badge:hover{transform:translateY(-1px);box-shadow:0 8px 24px #ffd70080}.btn-dossier-approve-standard{color:#34d399;cursor:pointer;background:#34d39926;border:1px solid #34d399;border-radius:12px;flex:1.5;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.btn-dossier-approve-standard:hover{background:#34d39940}.btn-dossier-reject{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef444466;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:4px;padding:12px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.btn-dossier-reject:hover{background:#ef444440}.admin-photo-inspector-modal{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.photo-inspector-content{background:#161222;border:1px solid #ffffff26;border-radius:20px;width:100%;max-width:600px;overflow:hidden;box-shadow:0 30px 80px #000000e6}.photo-inspector-header{color:#fff;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 20px;font-size:.9rem;font-weight:700;display:flex}.btn-close-inspector{color:#9b95a5;cursor:pointer;background:0 0;border:none;font-size:1.1rem}.inspect-img{object-fit:contain;background:#000;width:100%;max-height:75vh;display:block}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deepest:#0c0a10;--bg-primary:#121018;--bg-card:#1a1626;--bg-elevated:#231e32;--bg-hover:#2a2440;--bg-input:#1e1a2c;--accent:#e8604c;--accent-light:#ff7b6b;--accent-glow:#e8604c26;--accent-gradient:linear-gradient(135deg, #e8604c 0%, #ff7b6b 100%);--gold:#c4a265;--gold-light:#dbbf85;--gold-gradient:linear-gradient(135deg, #c4a265 0%, #e8d5a8 50%, #c4a265 100%);--text-primary:#f5f0eb;--text-secondary:#9b95a5;--text-tertiary:#5a5465;--text-inverse:#0c0a10;--text-on-accent:#fff;--surface-raised:#2a1b38;--brand-spotify:#1db954;--brand-spotify-light:#1ed760;--success:#5cb87a;--warning:#e8a94c;--error:#e84c5e;--online:#5cb87a;--phase-liking:#ff6b9d;--phase-talking:#7c4dff;--phase-dating:#ff5252;--phase-serious:gold;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-base:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:40px;--space-4xl:48px;--space-5xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #00000073;--shadow-glow:0 0 20px #e8604c33;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"DM Serif Display", "Georgia", serif;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.375rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--app-max-width:430px;--bottom-nav-height:68px;--top-bar-height:56px;--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-top:env(safe-area-inset-top,0px);--z-base:1;--z-sticky:10;--z-nav:100;--z-overlay:1000;--z-toast:1500;--z-lightbox:2000;--z-max:3000;--tap-target:44px;--backdrop:#060509ad;--backdrop-blur:14px;--overlay-hover:#ffffff0d;--overlay-press:#ffffff17}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-deepest);color:var(--text-primary);min-height:100dvh;line-height:1.5;overflow-x:hidden}#root{justify-content:center;min-height:100dvh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.app-container{width:100%;max-width:var(--app-max-width);background:var(--bg-primary);min-height:100dvh;position:relative;overflow:hidden}@media (width>=500px){body{background:var(--bg-deepest)}.app-container{border:1px solid #ffffff0f;border-radius:32px;min-height:calc(100dvh - 40px);margin:20px auto;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 20px 60px #00000080,0 0 120px #e8604c08}}.page{min-height:100dvh;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-base))}.page-with-topbar{padding-top:var(--top-bar-height)}.page-content{padding:var(--space-base)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out)}.stagger-children>*{animation:fadeInUp var(--duration-slow) var(--ease-out) backwards}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.36s}.stagger-children>:nth-child(8){animation-delay:.42s}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-glow)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button,[role=button],.tab-btn,.cat-btn,.mode-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}p,h1,h2,h3,h4,h5,h6,.message-text,.game-summary-text,input,textarea{-webkit-user-select:text;user-select:text}.icon-btn,.close-btn,.back-button{min-width:var(--tap-target);min-height:var(--tap-target);justify-content:center;align-items:center;display:inline-flex}.hide-scrollbar,[class*=-list],[class*=-grid],[class*=-scroll],[class*=messages],.page,.gs-modal,.game-lounge-modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}body .modal-overlay,body .game-modal-overlay,body .gs-overlay,body .tod-overlay,body .game-lounge-overlay,body .hot-takes-overlay,body .mind-meld-overlay,body .blitz-overlay,body .date-night-overlay,body .story-overlay,body .comment-overlay{background:var(--backdrop);-webkit-backdrop-filter:blur(var(--backdrop-blur));z-index:var(--z-overlay);animation:fadeIn var(--duration-fast) var(--ease-out)}body .media-lightbox-overlay,body .video-feed-overlay{z-index:var(--z-lightbox)}body .logo-intro-overlay,body .superlike-celebration-overlay,body .call-overlay{z-index:var(--z-max)}body .gs-modal,body .tod-modal,body .game-lounge-modal{padding-bottom:calc(var(--space-lg) + var(--safe-area-bottom))}button,[role=button]{transition:transform var(--duration-fast) var(--ease-out), filter var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out)}button:disabled,[aria-disabled=true]{opacity:.45;cursor:not-allowed;filter:grayscale(.25)}button:disabled:active,[aria-disabled=true]:active{transform:none}@media (hover:hover) and (pointer:fine){button:not(:disabled):hover,[role=button]:not([aria-disabled=true]):hover{filter:brightness(1.08)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.glass{-webkit-backdrop-filter:blur(16px);background:#121018bf;border:1px solid #ffffff0f}.page-enter{animation:.3s ease-out pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}