*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--coral:#ff6b6b;--coral-light:#ff8e8e;--coral-pale:#fff0f0;--sage:#8fb387;--sage-light:#b2cdb0;--sage-pale:#f0f5ef;--cream:#fffbf7;--navy:#2d3047;--navy-light:#4a4f6e;--gray:#9ca3af;--gray-light:#f3f4f6;--white:#fff;--shadow-soft:0 4px 24px #2d304714, 0 1px 4px #2d30470a;--shadow-card:0 8px 40px #2d30471f, 0 2px 8px #2d30470f;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-pill:999px}html,body{background:var(--cream);height:100%;color:var(--navy);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif}#root{background:var(--cream);flex-direction:column;align-items:center;min-height:100svh;display:flex}.app{background:var(--cream);flex-direction:column;width:100%;max-width:430px;min-height:100svh;display:flex;position:relative;overflow:hidden}.header{flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px 20px;display:flex}.header-logo{color:var(--navy);letter-spacing:-.5px;font-family:Fraunces,serif;font-size:30px;font-weight:600}.header-logo span{color:var(--coral)}.header-count{color:var(--gray);background:var(--gray-light);border-radius:var(--radius-pill);padding:4px 10px;font-size:13px;font-weight:500}.filters{flex-direction:column;flex-shrink:0;gap:10px;padding:14px 20px 0;display:flex}.gender-filter{background:var(--white);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);gap:2px;padding:4px;display:flex}.gender-btn{border-radius:var(--radius-pill);color:var(--navy-light);cursor:pointer;background:0 0;border:none;flex:1;padding:8px 0;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.gender-btn.active-all{background:var(--navy);color:var(--white)}.gender-btn.active-boy{color:var(--white);background:#6b9fd4}.gender-btn.active-girl{background:var(--coral);color:var(--white)}.origin-filters{scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;padding-left:4px;padding-right:20px;display:flex;overflow-x:scroll}.origin-filters::-webkit-scrollbar{display:none}.origin-pill{border:1.5px solid var(--gray-light);border-radius:var(--radius-pill);background:var(--white);color:var(--navy-light);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.origin-pill.active{background:var(--navy);border-color:var(--navy);color:var(--white)}.adv-filters{flex-direction:column;gap:0;display:flex}.adv-filter-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.adv-filter-summary{color:var(--coral);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;overflow:hidden}.adv-filter-toggle{border:1.5px solid var(--gray-light);border-radius:var(--radius-pill);background:var(--white);color:var(--navy-light);cursor:pointer;align-self:flex-start;align-items:center;gap:5px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex;position:relative}.adv-filter-toggle-active{border-color:var(--coral);color:var(--coral)}.adv-filter-dot{background:var(--coral);border-radius:50%;width:6px;height:6px;margin-left:1px;display:inline-block}.adv-filter-panel{flex-direction:column;gap:8px;margin-top:10px;animation:.15s fadeIn;display:flex}.swipe-stats-row{flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 20px 0;display:flex}.swipe-stats-text{color:var(--gray);letter-spacing:.1px;font-size:12px}.tab-bar{border-bottom:1.5px solid var(--gray-light);flex-shrink:0;gap:4px;margin-top:14px;padding:0 20px;display:flex;box-shadow:0 4px 12px #2d30470f}.tab-btn{color:var(--gray);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:color .2s;display:flex;position:relative}.tab-btn.active{color:var(--navy)}.tab-btn.active:after{content:"";background:var(--coral);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1.5px;left:0;right:0}.tab-badge{background:var(--coral);color:#fff;border-radius:var(--radius-pill);text-align:center;min-width:18px;padding:1px 6px;font-size:11px;font-weight:600}.tab-content{opacity:1;flex-direction:column;flex:1;transition:opacity .15s;display:flex;overflow:hidden}.tab-content.tab-fading{opacity:0}.swipe-area{flex-direction:column;flex:1;align-items:center;padding:16px 20px 0;display:flex;overflow:hidden}.card-stack{flex:1;grid-template-rows:1fr;width:100%;display:grid}.card-stack>*{grid-area:1/1}.card-hint{border-radius:var(--radius-lg);background:var(--white)}.card-hint-2{opacity:.45;z-index:1;transform:scale(.93)translateY(14px);box-shadow:0 2px 12px #2d30470f}.card-hint-1{opacity:.7;z-index:2;transition:transform .35s cubic-bezier(.25,.46,.45,.94),opacity .35s;transform:scale(.95)translateY(8px);box-shadow:0 4px 20px #2d304714}.name-card{z-index:10;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;background:linear-gradient(#fff 0%,#fafaf8 100%);flex-direction:column;justify-content:center;gap:14px;padding:32px 28px;animation:.35s cubic-bezier(.34,1.56,.64,1) cardReveal;display:flex;position:relative;overflow:hidden}@keyframes cardReveal{0%{opacity:.8;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.name-card:active{cursor:grabbing}.name-card.wildcard{background:linear-gradient(#fffdf7 0%,#fff8ee 100%);box-shadow:0 0 0 2px #d4a85059,0 8px 40px #2d30471f,0 2px 8px #2d30470f}.wildcard-label{letter-spacing:.5px;text-transform:uppercase;color:var(--coral);margin-bottom:-6px;font-size:11px;font-weight:600}.card-overlay{border-radius:var(--radius-sm);letter-spacing:1px;opacity:0;pointer-events:none;z-index:20;border:3px solid;padding:6px 14px;font-family:Fraunces,serif;font-size:22px;font-weight:600;transition:opacity .1s;position:absolute;top:28px}.card-overlay-like{color:var(--sage);border-color:var(--sage);left:20px;transform:rotate(-8deg)}.card-overlay-nope{color:var(--coral);border-color:var(--coral);right:20px;transform:rotate(8deg)}.card-top{justify-content:space-between;align-items:flex-start;display:flex}.name-display{color:var(--navy);letter-spacing:-1px;font-family:Playfair Display,serif;font-size:48px;font-style:normal;font-weight:600;line-height:1}.pronunciation{color:var(--gray);letter-spacing:.2px;font-family:Fraunces,serif;font-size:14px;font-style:italic;font-weight:300}.origin-badge{border-radius:var(--radius-pill);letter-spacing:.2px;background:var(--sage-pale);color:var(--sage);align-self:flex-start;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.card-divider{background:#f0ece8;flex-shrink:0;height:1px}.meaning-container{border-radius:var(--radius-sm);background:#fff8f5;padding:14px 16px}.meaning{color:var(--navy-light);font-size:16px;line-height:1.55}.card-name-block{flex-direction:column;gap:4px;display:flex}.card-stats{flex-wrap:wrap;gap:8px;display:flex}.stat-pill{border:1.5px solid var(--gray-light);border-radius:var(--radius-pill);color:var(--navy-light);background:0 0;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.stat-pill-rank{background:var(--navy);border-color:var(--navy);color:var(--white);font-weight:600}.stat-pill-popularity{background:var(--sage-pale);border-color:var(--sage-pale);color:var(--sage);font-weight:600}.style-tags{flex-wrap:wrap;gap:6px;display:flex}.style-tag{color:var(--gray);border:1px solid var(--gray-light);border-radius:var(--radius-pill);letter-spacing:.1px;background:0 0;padding:2px 7px;font-size:10.5px;font-weight:400}.swipe-buttons{background:linear-gradient(#0000 0%,#f5f0eb4d 100%);flex-shrink:0;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:-12px;padding:20px 0;display:flex}.swipe-btn{cursor:pointer;box-shadow:var(--shadow-soft);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .12s cubic-bezier(.34,1.56,.64,1);display:flex}.swipe-btn:active{transform:scale(.88)}.swipe-btn-nope{background:var(--white);width:56px;height:56px;color:var(--coral);font-size:22px}.swipe-btn-like{background:var(--coral);width:64px;height:64px;color:var(--white);font-size:26px}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px 24px;display:flex}.empty-title{color:var(--navy);font-family:Fraunces,serif;font-size:26px;font-weight:400}.empty-sub{color:var(--gray);font-size:15px;line-height:1.5}.reset-btn{background:var(--coral);color:#fff;border-radius:var(--radius-pill);cursor:pointer;border:none;margin-top:8px;padding:12px 28px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:background .2s;box-shadow:0 4px 16px #ff6b6b59}.reset-btn:hover{background:var(--coral-light)}.liked-tab-header{justify-content:space-between;align-items:center;padding:14px 20px 0;display:flex}.liked-tab-count{color:var(--navy-light);font-size:13px;font-weight:500}.liked-clear-all-btn{color:var(--coral);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;padding:4px 8px;font-size:13px;font-weight:500;transition:background .15s}.liked-clear-all-btn:hover{background:#ff6b6b14}.liked-grid{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:12px;padding:16px 20px 24px;display:grid;overflow-y:auto}.liked-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);flex-direction:column;gap:6px;padding:16px;display:flex;position:relative;overflow:hidden}.liked-card:before{content:"";background:var(--coral);height:3px;position:absolute;top:0;left:0;right:0}.liked-card.boy:before{background:#6b9fd4}.liked-name{color:var(--navy);letter-spacing:-.3px;font-family:Playfair Display,serif;font-size:22px;font-weight:400}.liked-meta{color:var(--gray);align-items:center;gap:4px;font-size:12px;display:flex}.liked-meaning{color:var(--gray);font-size:12px;line-height:1.4}.unlike-btn{color:#c5c0bb;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;transition:opacity .2s;display:flex;position:absolute;top:10px;right:10px}.liked-card:hover .unlike-btn{opacity:1}@media (hover:none){.unlike-btn{opacity:.7}}.matches-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px 32px;display:flex}.matches-heart-svg{opacity:.55;width:72px;height:66px}.matches-empty-title{color:var(--navy);font-family:Fraunces,serif;font-size:24px;font-weight:400}.matches-empty-sub{color:var(--gray);max-width:280px;font-size:15px;line-height:1.6}.matches-how-link{color:var(--coral);border-bottom:1px solid var(--coral-light);padding-bottom:1px;font-size:14px;font-weight:600;text-decoration:none}.detail-modal{background:var(--cream);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-direction:column;width:100%;max-width:430px;max-height:90svh;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUpSpring;display:flex;overflow-y:auto}@keyframes slideUpSpring{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.detail-modal-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.detail-modal-label{letter-spacing:.8px;text-transform:uppercase;color:var(--gray);font-size:12px;font-weight:600}.detail-close-btn{background:var(--white);width:36px;height:36px;color:var(--navy-light);cursor:pointer;box-shadow:var(--shadow-soft);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.detail-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:14px;margin:16px 20px 32px;padding:28px 24px 24px;display:flex}.pronunciation-row{align-items:center;gap:8px;display:flex}.speak-btn{border:1.5px solid var(--gray-light);background:var(--white);width:28px;height:28px;color:var(--gray);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.speak-btn:hover{border-color:var(--navy-light);color:var(--navy-light)}.loading-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.loading-dots{gap:6px;display:flex}.loading-dot{background:var(--coral);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite bounce}.loading-dot:nth-child(2){animation-delay:.15s}.loading-dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.loading-text{color:var(--navy);font-family:Fraunces,serif;font-size:20px;font-weight:400}.toast{background:var(--navy);color:#fff;border-radius:var(--radius-pill);box-shadow:var(--shadow-card);z-index:100;white-space:nowrap;opacity:0;pointer-events:none;max-width:90vw;padding:10px 20px;font-size:14px;font-weight:500;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s;position:fixed;top:130px;left:50%;transform:translate(-50%)translateY(-20px)}.toast.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.overlay-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#2d30478c;justify-content:center;align-items:flex-end;animation:.18s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-direction:column;gap:20px;width:100%;max-width:430px;padding:28px 24px 36px;animation:.35s cubic-bezier(.34,1.56,.64,1) slideUpSpring;display:flex}.confirm-title{color:var(--navy);text-align:center;font-family:Fraunces,serif;font-size:20px;font-weight:400;line-height:1.4}.confirm-title strong{color:var(--coral)}.confirm-actions{gap:10px;display:flex}.confirm-cancel{border:1.5px solid var(--gray-light);border-radius:var(--radius-pill);background:var(--white);color:var(--navy-light);cursor:pointer;flex:1;padding:13px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500}.confirm-remove{border-radius:var(--radius-pill);background:var(--coral);color:#fff;cursor:pointer;border:none;flex:1;padding:13px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;box-shadow:0 4px 14px #ff6b6b59}.error-banner{background:var(--coral-pale);border:1px solid var(--coral-light);border-radius:var(--radius-sm);color:var(--coral);text-align:center;margin:16px 20px 0;padding:12px 16px;font-size:13px}.intro-overlay{background:var(--cream);z-index:1000;justify-content:center;align-items:center;animation:.5s 2.1s forwards introFadeOut;display:flex;position:fixed;inset:0;overflow:hidden}.intro-logo{color:var(--navy);letter-spacing:-.5px;z-index:2;font-family:Fraunces,serif;font-size:36px;font-weight:600;position:relative}.intro-logo span{color:var(--coral)}.intro-cloud{filter:blur(36px);border-radius:50%;position:absolute}.intro-c1{background:#fffffff5;width:240px;height:200px;animation:1s ease-in .7s forwards cloudPartLeft;top:5%;left:-40px}.intro-c2{background:#ffe8ece6;width:195px;height:165px;animation:1.05s ease-in .8s forwards cloudPartLeft;top:36%;left:-25px}.intro-c3{background:#ffe4d8d9;width:165px;height:145px;animation:1s ease-in .9s forwards cloudPartLeft;top:65%;left:-15px}.intro-c4{background:#fffffff5;width:230px;height:190px;animation:1s ease-in .7s forwards cloudPartRight;top:8%;right:-40px}.intro-c5{background:#ffe8ece6;width:188px;height:158px;animation:1.05s ease-in .8s forwards cloudPartRight;top:40%;right:-25px}.intro-c6{background:#ffe4d8d9;width:158px;height:138px;animation:1s ease-in .9s forwards cloudPartRight;top:62%;right:-15px}@keyframes cloudPartLeft{0%{transform:translate(0)}to{transform:translate(-100vw)}}@keyframes cloudPartRight{0%{transform:translate(0)}to{transform:translate(100vw)}}@keyframes introFadeOut{0%{opacity:1}to{opacity:0}}.auth-screen{background:var(--cream);justify-content:center;align-items:center;min-height:100svh;padding:24px 20px;display:flex}.auth-card{flex-direction:column;align-items:center;gap:0;width:100%;max-width:390px;display:flex}.auth-logo{color:var(--navy);letter-spacing:-.5px;margin-bottom:8px;font-family:Fraunces,serif;font-size:36px;font-weight:600}.auth-logo span{color:var(--coral)}.auth-tagline{color:var(--gray);text-align:center;max-width:260px;margin-bottom:36px;font-size:15px;line-height:1.5}.auth-form{flex-direction:column;gap:12px;width:100%;margin-bottom:16px;display:flex}.auth-input{border:1.5px solid var(--gray-light);border-radius:var(--radius-md);background:var(--white);width:100%;color:var(--navy);-webkit-appearance:none;outline:none;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .15s}.auth-input:focus{border-color:var(--coral)}.auth-input::placeholder{color:var(--gray)}.auth-error{color:var(--coral);text-align:center;font-size:13px;line-height:1.4}.auth-btn{background:var(--coral);color:#fff;border-radius:var(--radius-pill);cursor:pointer;border:none;width:100%;margin-top:4px;padding:15px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:opacity .15s,transform .12s;box-shadow:0 4px 16px #ff6b6b59}.auth-btn:hover{opacity:.92}.auth-btn:active{transform:scale(.98)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{width:100%;color:var(--gray);align-items:center;gap:12px;margin:16px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--gray-light);flex:1;height:1px}.auth-btn-google{background:var(--white);width:100%;color:var(--navy);border:1.5px solid var(--gray-light);border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--shadow-soft);justify-content:center;align-items:center;gap:10px;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:box-shadow .15s,transform .12s;display:flex}.auth-btn-google:hover{box-shadow:var(--shadow-card)}.auth-btn-google:active{transform:scale(.98)}.auth-btn-google:disabled{opacity:.6;cursor:not-allowed}.auth-toggle{color:var(--gray);text-align:center;margin-top:24px;font-size:14px}.auth-toggle button{color:var(--coral);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:underline}.auth-input-error{border-color:var(--coral)!important}.auth-password-wrap{flex-direction:column;gap:6px;display:flex}.auth-password-hint{color:var(--gray);padding-left:4px;font-size:12px;transition:color .2s}.auth-password-hint.valid{color:var(--sage)}.profile-menu{position:relative}.profile-btn{background:var(--white);width:36px;height:36px;color:var(--navy-light);cursor:pointer;box-shadow:var(--shadow-soft);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:box-shadow .15s;display:flex}.profile-btn:hover{box-shadow:var(--shadow-card)}.profile-dropdown-backdrop{z-index:299;background:#0000004d;position:fixed;inset:0}.profile-dropdown{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:300;min-width:220px;animation:.15s fadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.profile-dropdown-item{width:100%;color:var(--navy);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:background .1s;display:flex}.profile-dropdown-item:hover{background:var(--gray-light)}.match-badge{letter-spacing:.5px;text-transform:uppercase;color:var(--coral);background:#ff6b6b1a;border-radius:10px;margin-bottom:4px;padding:3px 8px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;display:inline-block}.dn-trigger-btn{color:var(--coral);cursor:pointer;background:#ff6b6b0d;border:1.5px solid #ff6b6b47;border-radius:20px;align-items:center;gap:6px;padding:7px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .2s,border-color .2s;display:flex}.dn-trigger-btn:hover{background:#ff6b6b1a;border-color:#ff6b6b80}.dn-banner{background:linear-gradient(135deg,#fff5f0 0%,#ffe8e0 100%);border-bottom:1px solid #ff6b6b1f;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.dn-banner-title{color:#2d3047;align-items:center;gap:7px;font-family:Fraunces,serif;font-size:20px;font-weight:600;display:flex}.dn-exit-btn{color:var(--gray);cursor:pointer;background:#0000000f;border:none;border-radius:12px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .15s}.dn-exit-btn:hover{background:#0000001a}.dn-stats{color:var(--gray);background:#fffbf8;border-bottom:1px solid #f0ece8;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:5px 16px;font-family:DM Sans,sans-serif;font-size:13px;display:flex}.dn-parents{background:linear-gradient(#0000 0%,#f5f0eb59 100%);flex-shrink:0;align-items:center;margin-top:-12px;padding:12px 16px 20px;display:flex}.dn-col-divider{background:#e8e4e0;flex-shrink:0;width:1px;height:64px}.dn-parent-panel{flex-direction:column;flex:1;align-items:center;gap:10px;display:flex}.dn-parent-label{letter-spacing:.8px;text-transform:uppercase;color:#bbb;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600}.dn-vote-buttons{gap:12px;display:flex}.dn-vote-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:19px;transition:transform .15s,box-shadow .15s;display:flex}.dn-vote-nope{color:var(--coral);background:#fff;box-shadow:0 2px 10px #ff6b6b2e}.dn-vote-like{color:var(--sage);background:#fff;box-shadow:0 2px 10px #8fb38733}.dn-vote-btn:hover{transform:scale(1.1)}.dn-vote-btn:active{transform:scale(.93)}.dn-voted{box-sizing:border-box;border-radius:20px;align-items:center;gap:6px;min-height:50px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;display:flex}.dn-voted.like{color:var(--sage);background:#8fb38721}.dn-voted.pass{color:#aaa;background:#0000000d}.dn-voted-icon{font-size:15px}.dn-disagree-msg{text-align:center;color:#aaa;margin-top:-4px;padding:0 16px;font-family:DM Sans,sans-serif;font-size:13px}.match-celebration{z-index:9999;background:#fff8f5f7;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.match-celebration-heart{color:var(--coral);font-size:58px;line-height:1;animation:.4s cubic-bezier(.34,1.56,.64,1) matchPop}.match-celebration-name{color:#2d3047;letter-spacing:-1px;font-family:Fraunces,serif;font-size:54px;font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) .1s both matchPop}.match-celebration-sub{color:#999;margin-top:4px;font-family:DM Sans,sans-serif;font-size:17px;animation:.4s .3s both fadeIn}@keyframes matchPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.partner-section{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);border:1px solid #f0ece8;margin:12px 16px 0;padding:18px 18px 16px}.partner-section-title{color:#2d3047;margin-bottom:4px;font-family:Fraunces,serif;font-size:17px;font-weight:600}.partner-section-sub{color:var(--gray);margin:0 0 14px;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.5}.partner-invite-block{margin-bottom:10px}.partner-code-card{border-radius:var(--radius-sm);background:#fffbf7;border:1px solid #f0ece8;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.partner-code-label{letter-spacing:.7px;text-transform:uppercase;color:var(--gray);font-family:DM Sans,sans-serif;font-size:11px;font-weight:600}.partner-code-display{letter-spacing:6px;color:#2d3047;font-family:Fraunces,serif;font-size:36px;font-weight:700;line-height:1.1}.partner-code-hint{color:var(--gray);margin-top:2px;font-family:DM Sans,sans-serif;font-size:12px}.partner-btn-primary{background:var(--coral);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:opacity .15s}.partner-btn-primary:disabled{opacity:.6;cursor:default}.partner-btn-primary:not(:disabled):hover{opacity:.88}.partner-btn-copy{color:var(--coral);cursor:pointer;background:#ff6b6b14;border:1.5px solid #ff6b6b40;border-radius:16px;align-self:flex-start;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:background .15s}.partner-btn-copy:hover{background:#ff6b6b24}.partner-btn-ghost{color:var(--gray);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #e8e4e0;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500}.partner-enter-block{border-top:1px solid #f0ece8;margin-top:4px;padding-top:12px}.partner-have-code-btn{color:var(--gray);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;text-decoration:underline}.partner-have-code-btn:hover{color:var(--navy)}.partner-enter-form{flex-direction:column;gap:10px;display:flex}.partner-enter-label{color:#2d3047;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.partner-code-input{border-radius:var(--radius-sm);letter-spacing:4px;color:#2d3047;text-transform:uppercase;box-sizing:border-box;border:1.5px solid #e8e4e0;outline:none;width:100%;padding:12px 14px;font-family:Fraunces,serif;font-size:24px;font-weight:600;transition:border-color .15s}.partner-code-input:focus{border-color:var(--coral)}.partner-enter-actions{gap:10px;display:flex}.partner-enter-actions .partner-btn-primary{flex:1}.partner-error{color:var(--coral);padding:2px 0;font-family:DM Sans,sans-serif;font-size:13px}.partner-section.partner-connected{background:#8fb38714;border-color:#8fb3874d;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.partner-connected-row{align-items:center;gap:8px;display:flex}.partner-connected-dot{background:var(--sage);border-radius:50%;flex-shrink:0;width:8px;height:8px}.partner-connected-label{color:#2d3047;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.partner-disconnect-btn{color:var(--gray);cursor:pointer;background:#0000000f;border:none;border-radius:12px;flex-shrink:0;padding:5px 11px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500}.partner-disconnect-btn:hover{background:#0000001a}.matches-motivation{color:#ff6b6b;text-align:center;background:#fff5f0;border-radius:10px;margin:16px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.matches-empty-inline{text-align:center;opacity:.7;flex-direction:column;align-items:center;gap:8px;padding:32px 24px 24px;display:flex}.landing{background:var(--cream);flex-direction:column;width:100%;max-width:430px;min-height:100svh;padding-bottom:48px;display:flex;overflow-x:hidden}.landing-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:52px 28px 24px;display:flex}.landing-logo{color:var(--navy);letter-spacing:-.5px;font-family:Fraunces,serif;font-size:40px;font-weight:600}.landing-logo span{color:var(--coral)}.landing-tagline{color:var(--navy);letter-spacing:-.3px;max-width:290px;margin:0;font-family:Fraunces,serif;font-size:27px;font-weight:400;line-height:1.25}.landing-sub{color:var(--gray);max-width:290px;margin:0;font-size:15px;line-height:1.6}.demo-area{padding:16px 32px 8px}.demo-stack{height:230px;position:relative}.demo-hint-card{background:var(--white);opacity:.55;border-radius:20px;position:absolute;inset:0;transform:scale(.95)translateY(9px);box-shadow:0 4px 20px #2d304714}.demo-card{background:linear-gradient(#fff 0%,#fafaf8 100%);border-radius:20px;flex-direction:column;justify-content:center;gap:8px;padding:28px 24px 22px;animation:.35s cubic-bezier(.34,1.56,.64,1) cardReveal;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px 40px #2d30471f,0 2px 8px #2d30470f}.demo-card-name{color:var(--navy);letter-spacing:-1px;font-family:Playfair Display,serif;font-size:44px;font-weight:600;line-height:1}.demo-card-meaning{color:var(--navy-light);font-size:14px;line-height:1.5}.demo-card-gender{letter-spacing:.8px;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:600}.demo-overlay{letter-spacing:1px;pointer-events:none;z-index:20;border:3px solid;border-radius:10px;padding:5px 12px;font-family:Fraunces,serif;font-size:20px;font-weight:600;transition:opacity .15s;position:absolute;top:18px}.demo-overlay-like{color:var(--sage);border-color:var(--sage);left:16px;transform:rotate(-8deg)}.demo-overlay-nope{color:var(--coral);border-color:var(--coral);right:16px;transform:rotate(8deg)}.demo-match{background:#fff8f5f7;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;animation:.25s fadeIn;display:flex;position:absolute;inset:0}.demo-match-heart{color:var(--coral);font-size:44px;line-height:1;animation:.4s cubic-bezier(.34,1.56,.64,1) matchPop}.demo-match-name{color:var(--navy);letter-spacing:-.5px;font-family:Fraunces,serif;font-size:36px;font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) .1s both matchPop}.demo-match-sub{color:var(--gray);font-size:15px;animation:.4s .3s both fadeIn}.landing-steps{flex-direction:column;gap:16px;padding:28px 24px 4px;display:flex}.landing-steps-title{color:var(--navy);margin-bottom:4px;font-family:Fraunces,serif;font-size:22px;font-weight:400}.landing-step{align-items:flex-start;gap:16px;display:flex}.landing-step-num{background:var(--coral);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-family:Fraunces,serif;font-size:16px;font-weight:600;display:flex}.landing-step-text{flex-direction:column;gap:3px;padding-top:4px;display:flex}.landing-step-text strong{color:var(--navy);font-size:15px;font-weight:600}.landing-step-text span{color:var(--gray);font-size:13px;line-height:1.5}.landing-cta{flex-direction:column;align-items:center;gap:14px;padding:28px 24px 0;display:flex}.landing-cta-btn{background:var(--coral);color:#fff;border-radius:var(--radius-pill);cursor:pointer;letter-spacing:.2px;border:none;width:100%;padding:16px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;transition:opacity .15s,transform .12s;box-shadow:0 4px 20px #ff6b6b66}.landing-cta-btn:hover{opacity:.92}.landing-cta-btn:active{transform:scale(.98)}.landing-login-link{color:var(--gray);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;font-family:DM Sans,sans-serif;font-size:14px;text-decoration:underline}.landing-login-link:hover{color:var(--navy)}.auth-back-btn{color:var(--gray);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0 0 12px;font-family:DM Sans,sans-serif;font-size:14px}.auth-back-btn:hover{color:var(--navy)}.profile-dropdown-section{flex-direction:column;gap:6px;padding:12px 14px 8px;display:flex}.profile-dropdown-label{letter-spacing:.7px;text-transform:uppercase;color:var(--gray);font-size:10px;font-weight:600}.profile-dropdown-input{border:1.5px solid var(--gray-light);border-radius:var(--radius-sm);width:100%;color:var(--navy);background:var(--cream);outline:none;padding:7px 10px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s}.profile-dropdown-input:focus{border-color:var(--coral)}.profile-dropdown-input::placeholder{color:var(--gray)}.profile-dropdown-saved{color:var(--sage);height:14px;font-size:11px;font-weight:600;transition:opacity .2s}.profile-dropdown-divider{background:var(--gray-light);height:1px}.last-name-inline{font-size:.7em}.last-name-preview{color:var(--gray);letter-spacing:-.1px;margin-top:-4px;font-family:Fraunces,serif;font-size:19px;font-weight:300;line-height:1.2}.liked-fullname{color:var(--gray);letter-spacing:-.1px;margin-top:-3px;font-family:Fraunces,serif;font-size:13px;font-weight:300;line-height:1.2}.profile-dropdown-item-danger{color:#c33!important}.profile-dropdown-item-danger:hover{color:#c33!important;background:#fff0f0!important}.legal-page{box-sizing:border-box;max-width:680px;min-height:100vh;color:var(--navy);background:#fffbf7;margin:0 auto;padding:28px 20px 72px;font-family:DM Sans,sans-serif}.legal-back-btn{color:var(--gray);cursor:pointer;background:0 0;border:none;margin-bottom:20px;padding:0;font-family:DM Sans,sans-serif;font-size:14px;transition:color .15s;display:inline-block}.legal-back-btn:hover{color:var(--navy)}.legal-logo{color:var(--navy);letter-spacing:-.5px;margin-bottom:8px;font-family:Fraunces,serif;font-size:26px;font-weight:600}.legal-logo span{color:var(--coral)}.legal-title{color:var(--navy);letter-spacing:-.5px;margin:0 0 4px;font-family:Fraunces,serif;font-size:32px;font-weight:600}.legal-updated{color:var(--gray);margin:0 0 32px;font-size:13px}.legal-section{margin-bottom:28px}.legal-section h2{color:var(--navy);letter-spacing:-.2px;margin:0 0 8px;font-family:Fraunces,serif;font-size:18px;font-weight:600}.legal-section p{color:#444;margin:0 0 10px;font-size:15px;line-height:1.65}.legal-section ul{color:#444;margin:0;padding-left:20px;font-size:15px;line-height:1.65}.legal-section ul li{margin-bottom:6px}.delete-confirm-overlay{z-index:9000;box-sizing:border-box;background:#2d304773;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.delete-confirm-dialog{background:#fff;border-radius:18px;width:100%;max-width:360px;padding:28px 24px 24px;box-shadow:0 12px 40px #2d30472e}.delete-confirm-title{color:var(--navy);letter-spacing:-.3px;margin:0 0 12px;font-family:Fraunces,serif;font-size:22px;font-weight:600}.delete-confirm-body{color:#555;margin:0 0 24px;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6}.delete-confirm-actions{gap:10px;display:flex}.delete-confirm-cancel{border:1.5px solid var(--gray-light);color:var(--navy);cursor:pointer;background:#fff;border-radius:10px;flex:1;padding:11px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:background .15s}.delete-confirm-cancel:hover{background:#f5f5f5}.delete-confirm-delete{color:#fff;cursor:pointer;background:#c33;border:none;border-radius:10px;flex:1;padding:11px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:background .15s}.delete-confirm-delete:hover:not(:disabled){background:#a22}.delete-confirm-delete:disabled,.delete-confirm-cancel:disabled{opacity:.6;cursor:not-allowed}.auth-legal-links{color:var(--gray);justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.auth-legal-links button{color:var(--gray);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:DM Sans,sans-serif;font-size:12px;text-decoration:underline}.auth-legal-links button:hover{color:var(--navy)}.landing-hero-top{justify-content:space-between;align-items:center;width:100%;display:flex}.landing-blog-link{color:var(--gray);border-radius:var(--radius-pill);border:1.5px solid var(--gray-light);padding:6px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s}.landing-blog-link:hover{color:var(--navy);border-color:var(--navy)}.landing-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:20px 20px 32px;display:flex}.landing-footer-link{color:var(--gray);font-size:12px;text-decoration:none}.landing-footer-link:hover{color:var(--coral);text-decoration:underline}.landing-footer-sep{color:var(--gray-light);font-size:12px}.error-banner{border-radius:var(--radius-sm);color:#c33;background:#fff0f0;border:1px solid #fcc;justify-content:space-between;align-items:center;gap:12px;margin:0 16px;padding:10px 16px;font-size:13px;display:flex}.error-retry-btn{border-radius:var(--radius-pill);color:#c33;cursor:pointer;background:0 0;border:1.5px solid #c33;flex-shrink:0;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.error-retry-btn:hover{color:#fff;background:#c33}.style-profile-modal{background:var(--white);border-radius:var(--radius-lg);flex-direction:column;gap:20px;width:calc(100% - 32px);max-width:400px;max-height:85svh;padding:28px 24px;display:flex;overflow-y:auto}.style-profile-header{justify-content:space-between;align-items:flex-start;display:flex}.style-profile-title{color:var(--navy);font-family:Fraunces,serif;font-size:22px;font-weight:600}.style-profile-sub{color:var(--gray);margin-top:2px;font-size:12px}.style-profile-section{flex-direction:column;gap:8px;display:flex}.style-profile-label{letter-spacing:.5px;text-transform:uppercase;color:var(--gray);font-size:11px;font-weight:700}.style-profile-bar-row{align-items:center;gap:8px;display:flex}.style-profile-bar-label{color:var(--navy);flex-shrink:0;min-width:120px;font-size:13px}.style-profile-bar-track{background:var(--gray-light);border-radius:var(--radius-pill);flex:1;height:6px;overflow:hidden}.style-profile-bar-fill{background:linear-gradient(90deg, var(--coral-light), var(--coral));border-radius:var(--radius-pill);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.style-profile-bar-pct{color:var(--gray);text-align:right;min-width:32px;font-size:12px}.style-profile-tags{flex-wrap:wrap;gap:6px;display:flex}.style-profile-desc{color:var(--navy-light);font-size:14px;line-height:1.5}.profile-dropdown-item-muted{color:var(--gray);cursor:default;justify-content:space-between;align-items:center;padding:8px 14px;font-size:14px;display:flex}.profile-dropdown-unlock-hint{color:var(--gray);background:var(--gray-light);border-radius:var(--radius-pill);padding:2px 8px;font-size:11px}.blog-page{background:var(--cream);min-height:100svh;color:var(--navy);font-family:DM Sans,sans-serif}.blog-header{border-bottom:1px solid var(--gray-light);background:var(--white);z-index:100;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:sticky;top:0}.blog-logo{color:var(--navy);font-family:Fraunces,serif;font-size:24px;font-weight:600;text-decoration:none}.blog-logo span{color:var(--coral)}.blog-app-link{color:var(--coral);font-size:14px;font-weight:600;text-decoration:none}.blog-app-link:hover{text-decoration:underline}.blog-cta-banner{background:linear-gradient(135deg, var(--coral-pale), #fff8f0);border-bottom:1px solid #ff6b6b26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.blog-cta-banner-text{color:var(--navy);flex:1;min-width:200px;font-size:14px}.blog-cta-btn{background:var(--coral);color:#fff;border-radius:var(--radius-pill);white-space:nowrap;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-block}.blog-cta-btn:hover{background:var(--coral-light)}.blog-main{max-width:1100px;margin:0 auto;padding:48px 24px 80px}.blog-index-title{color:var(--navy);margin-bottom:8px;font-family:Fraunces,serif;font-size:40px;font-weight:600}.blog-index-sub{color:var(--gray);margin-bottom:40px;font-size:16px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.blog-grid-small{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:20px}.blog-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);color:var(--navy);flex-direction:column;gap:10px;padding:24px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex}.blog-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.blog-card-meta{color:var(--gray);align-items:center;gap:6px;font-size:12px;display:flex}.blog-card-dot{color:var(--gray-light)}.blog-card-title{color:var(--navy);margin:0;font-family:Fraunces,serif;font-size:18px;font-weight:600;line-height:1.3}.blog-card-title-sm{font-size:15px}.blog-card-excerpt{color:var(--navy-light);flex:1;margin:0;font-size:14px;line-height:1.55}.blog-card-cta{color:var(--coral);margin-top:auto;font-size:13px;font-weight:600}.blog-post-main{max-width:720px;margin:0 auto;padding:40px 24px 80px}.blog-post-meta{color:var(--gray);align-items:center;gap:6px;margin-bottom:24px;font-size:12px;display:flex}.blog-post-content{color:var(--navy);font-family:DM Sans,sans-serif;font-size:16px;line-height:1.7}.blog-post-content h1{color:var(--navy);margin:0 0 20px;font-family:Fraunces,serif;font-size:36px;font-weight:600;line-height:1.2}.blog-post-content h2{color:var(--navy);margin:36px 0 14px;font-family:Fraunces,serif;font-size:24px;font-weight:600}.blog-post-content p{margin:0 0 18px}.blog-post-content ul{margin:0 0 18px;padding-left:0;list-style:none}.blog-post-content li{border-bottom:1px solid var(--gray-light);padding:8px 0;font-size:15px;line-height:1.6}.blog-post-content li:last-child{border-bottom:none}.blog-post-content strong{color:var(--navy);font-weight:700}.blog-post-cta{background:linear-gradient(135deg, var(--coral-pale), #fff8f0);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:12px;margin:40px 0;padding:28px 24px;display:flex}.blog-post-cta-title{color:var(--navy);font-family:Fraunces,serif;font-size:22px;font-weight:600}.blog-post-cta-sub{color:var(--navy-light);max-width:400px;font-size:14px}.blog-related{margin-top:48px}.blog-related-title{color:var(--navy);margin-bottom:4px;font-family:Fraunces,serif;font-size:22px;font-weight:600}.blog-footer{background:var(--white);border-top:1px solid var(--gray-light);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:28px 24px;display:flex}.blog-footer-links{gap:20px;font-size:13px;display:flex}.blog-footer-links a{color:var(--gray);text-decoration:none}.blog-footer-links a:hover{color:var(--navy)}.blog-footer-copy{color:var(--gray);font-size:12px}@media (width<=600px){.blog-index-title{font-size:28px}.blog-post-content h1{font-size:26px}.blog-post-content h2{font-size:20px}.blog-cta-banner{flex-direction:column;align-items:flex-start}.blog-grid{grid-template-columns:1fr}}.ob-root{background:var(--cream);flex-direction:column;align-items:center;font-family:DM Sans,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.ob-top-logo{color:var(--navy);letter-spacing:-.5px;z-index:10;white-space:nowrap;font-family:Fraunces,serif;font-size:24px;font-weight:700;position:absolute;top:24px;left:50%;transform:translate(-50%)}.ob-top-logo span{color:var(--coral)}.ob-progress-dots{z-index:10;gap:7px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.ob-dot{background:#e5ddd4;border-radius:50%;width:7px;height:7px;transition:all .3s}.ob-dot.ob-dot-done{background:var(--coral-light)}.ob-dot.ob-dot-active{background:var(--coral);border-radius:4px;width:22px}.ob-back-btn{width:40px;height:40px;color:var(--navy-light);cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex;position:absolute;top:20px;left:16px}.ob-back-btn:hover{background:#2d304712}.ob-step-wrap{-webkit-overflow-scrolling:touch;flex-direction:column;align-items:center;padding-top:80px;padding-bottom:64px;display:flex;position:absolute;inset:0;overflow-y:auto}@keyframes obSlideForward{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes obSlideBack{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.ob-enter-forward{animation:.38s cubic-bezier(.25,.46,.45,.94) both obSlideForward}.ob-enter-back{animation:.38s cubic-bezier(.25,.46,.45,.94) both obSlideBack}.ob-screen{flex-direction:column;align-items:center;width:100%;max-width:440px;padding:0 24px;display:flex}.ob-screen-centered{justify-content:center;min-height:calc(100svh - 144px)}.ob-screen-scroll{padding-bottom:24px}.ob-title{color:var(--navy);text-align:center;margin:0 0 12px;font-family:Fraunces,serif;font-size:30px;font-weight:700;line-height:1.2}.ob-title-hero{font-size:36px}.ob-sub{color:var(--gray);text-align:center;margin:0 0 28px;font-size:15px;line-height:1.5}.ob-choice-stack{flex-direction:column;gap:14px;width:100%;max-width:320px;margin-top:8px;display:flex}.ob-btn-primary{border-radius:var(--radius-pill);background:var(--coral);color:#fff;cursor:pointer;border:none;width:100%;padding:17px 28px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s;box-shadow:0 4px 14px #ff6b6b59}.ob-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ff6b6b73}.ob-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ff6b6b4d}.ob-btn-primary:disabled,.ob-btn-primary.ob-btn-disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.ob-btn-outline{border-radius:var(--radius-pill);border:2px solid var(--navy);width:100%;color:var(--navy);cursor:pointer;background:0 0;padding:16px 28px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;transition:transform .12s,background .15s}.ob-btn-outline:hover{background:#2d30470d;transform:translateY(-1px)}.ob-btn-google{border-radius:var(--radius-pill);width:100%;color:var(--navy);cursor:pointer;background:#fff;border:2px solid #e5e7eb;justify-content:center;align-items:center;gap:10px;padding:15px 20px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:box-shadow .15s,transform .12s;display:flex}.ob-btn-google:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 12px #0000001a}.ob-gender-row{gap:12px;width:100%;margin-top:8px;display:flex}.ob-gender-btn{border-radius:var(--radius-md);cursor:pointer;color:var(--navy);box-shadow:var(--shadow-soft);background:#fff;border:2.5px solid #0000;flex-direction:column;flex:1;align-items:center;gap:10px;padding:20px 8px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.ob-gender-btn:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}.ob-gender-btn:active{transform:scale(.96)}.ob-gender-emoji{font-size:32px}.ob-gender-boy.ob-gender-selected{background:#eff7fc;border-color:#7eb6d9}.ob-gender-girl.ob-gender-selected{background:#fff0f3;border-color:#ff9aad}.ob-gender-surprise.ob-gender-selected{background:#f5f2fc;border-color:#c4b5e0}.ob-origin-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin:4px 0 20px;display:grid}.ob-origin-card{border-radius:var(--radius-md);cursor:pointer;text-align:left;box-shadow:var(--shadow-soft);background:#fff;border:2.5px solid #0000;padding:16px 14px;transition:transform .15s,border-color .2s,box-shadow .15s;position:relative}.ob-origin-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.ob-origin-card:active{transform:scale(.97)}.ob-origin-selected{border-color:var(--coral);background:var(--coral-pale)}.ob-origin-check{background:var(--coral);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.ob-origin-name{margin-bottom:3px;font-family:Fraunces,serif;font-size:20px;font-weight:700}.ob-origin-tag{text-transform:uppercase;letter-spacing:.6px;color:var(--gray);margin-bottom:6px;font-size:10px;font-weight:600}.ob-origin-meaning{color:var(--navy-light);font-size:12px;line-height:1.4}.ob-sticky-foot{background:linear-gradient(transparent, var(--cream) 30%);width:100%;padding:12px 0 4px;position:sticky;bottom:0}.ob-skip-btn{color:var(--gray);cursor:pointer;z-index:10;background:0 0;border:none;padding:6px 0;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;position:absolute;top:20px;right:20px}.ob-skip-btn:hover{color:var(--navy)}.ob-edu-wrap{flex-direction:column;align-items:center;gap:14px;width:100%;padding:0 4px;display:flex}.ob-edu-card-area{width:280px;height:145px;margin:0 auto;position:relative}.ob-edu-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-user-select:none;user-select:none;background:#fff;padding:18px 20px 14px;animation:.35s cubic-bezier(.34,1.56,.64,1) both cardReveal;position:absolute;inset:0}.ob-edu-card-overlay{letter-spacing:1px;pointer-events:none;font-size:16px;font-weight:800;transition:opacity .3s;position:absolute;top:16px}.ob-edu-like{color:var(--sage);left:16px}.ob-edu-nope{color:var(--coral);right:16px}.ob-edu-tint-green{border-radius:inherit;pointer-events:none;background:#8fb38740;transition:opacity .3s;position:absolute;inset:0}.ob-edu-tint-coral{border-radius:inherit;pointer-events:none;background:#ff6b6b40;transition:opacity .3s;position:absolute;inset:0}.ob-edu-card-name{color:var(--navy);margin-bottom:4px;font-family:Fraunces,serif;font-size:26px;font-weight:700}.ob-edu-card-divider{background:#f0ebe3;height:1px;margin:0 0 8px}.ob-edu-card-meaning{color:var(--navy-light);font-size:13px;line-height:1.5}.ob-edu-hints-row{justify-content:space-between;width:280px;margin-top:2px;display:flex}.ob-edu-hint{color:var(--gray);align-items:center;gap:4px;font-size:13px;font-weight:600;transition:color .3s;display:flex}.ob-edu-hint-active{color:var(--navy)}.ob-edu-hint-left .ob-edu-hint-arrow{color:var(--coral)}.ob-edu-hint-right .ob-edu-hint-arrow{color:var(--sage)}.ob-edu-desc{color:var(--navy);text-align:center;max-width:280px;margin:0;font-size:15px;line-height:1.5}.ob-edu-note{color:var(--gray);text-align:center;margin:0;font-size:13px}.ob-edu-continue-btn{margin-top:4px}.ob-edu-phones-row{align-items:center;gap:16px;display:flex}.ob-edu-phone{border:3px solid var(--navy);background:var(--cream);width:84px;height:140px;box-shadow:var(--shadow-card);border-radius:14px;overflow:hidden}.ob-edu-phone-inner{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:10px 8px;display:flex}.ob-edu-phone-card{width:100%;color:var(--navy);text-align:center;background:#fff;border-radius:6px;padding:5px 6px;font-family:Fraunces,serif;font-size:13px;font-weight:700;box-shadow:0 2px 6px #0000001a}.ob-edu-phone-swipe-right{animation:2s ease-in-out .5s infinite obEduSwipeRight}.ob-edu-phone-swipe-left{animation:2s ease-in-out .8s infinite obEduSwipeLeft}@keyframes obEduSwipeRight{0%,50%{opacity:1;transform:translate(0)rotate(0)}70%{opacity:0;transform:translate(34px)rotate(5deg)}71%{opacity:0;transform:translate(-20px)rotate(-2deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes obEduSwipeLeft{0%,50%{opacity:1;transform:translate(0)rotate(0)}70%{opacity:0;transform:translate(-34px)rotate(-5deg)}71%{opacity:0;transform:translate(20px)rotate(2deg)}to{opacity:1;transform:translate(0)rotate(0)}}.ob-edu-phone-label{font-size:11px;font-weight:600}.ob-edu-match-center{flex-direction:column;align-items:center;gap:4px;display:flex}.ob-edu-match-heart{color:var(--coral);font-size:32px;animation:.6s cubic-bezier(.34,1.56,.64,1) 1s both matchPop,1.5s ease-in-out 2s infinite obEduHeartPulse}@keyframes obEduHeartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.ob-edu-match-text{color:var(--coral);letter-spacing:.5px;font-size:12px;font-weight:700}.ob-edu-date-phone-wrap{justify-content:center;display:flex}.ob-edu-date-phone{border:3px solid var(--navy);background:var(--cream);width:140px;height:200px;box-shadow:var(--shadow-card);border-radius:18px;overflow:hidden}.ob-edu-date-phone-inner{flex-direction:column;align-items:center;gap:10px;width:100%;height:100%;padding:16px 12px 12px;display:flex}.ob-edu-date-card{width:100%;color:var(--navy);text-align:center;background:#fff;border-radius:8px;flex-shrink:0;padding:8px;font-family:Fraunces,serif;font-size:16px;font-weight:700;box-shadow:0 2px 8px #0000001a}.ob-edu-date-btns{justify-content:space-between;align-items:center;width:100%;display:flex}.ob-edu-date-x{color:var(--coral);font-size:16px}.ob-edu-date-heart{color:var(--sage);font-size:20px}.ob-edu-date-players{justify-content:space-between;width:100%;display:flex}.ob-edu-date-player{color:var(--gray);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.ob-auth-form{flex-direction:column;gap:12px;width:100%;margin-top:8px;display:flex}.ob-input{border-radius:var(--radius-md);width:100%;color:var(--navy);box-sizing:border-box;background:#fff;border:2px solid #e5ddd4;outline:none;padding:15px 18px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .2s}.ob-input:focus{border-color:var(--coral)}.ob-input::placeholder{color:var(--gray)}.ob-auth-error{color:var(--coral);text-align:center;padding:0 4px;font-size:13px}.ob-divider-row{color:var(--gray);align-items:center;gap:12px;font-size:13px;display:flex}.ob-divider-row:before,.ob-divider-row:after{content:"";background:#e5ddd4;flex:1;height:1px}.ob-login-link{color:var(--gray);cursor:pointer;text-align:center;text-underline-offset:3px;background:0 0;border:none;padding:4px 0;font-family:DM Sans,sans-serif;font-size:13px;text-decoration:underline;transition:color .15s}.ob-login-link:hover{color:var(--navy)}.ob-share-icon{margin-bottom:8px;font-size:52px;animation:.5s cubic-bezier(.34,1.56,.64,1) both matchPop}.ob-invite-block{border-radius:var(--radius-md);text-align:center;width:100%;box-shadow:var(--shadow-soft);background:#fff;margin-bottom:20px;padding:20px 24px}.ob-invite-label{text-transform:uppercase;letter-spacing:1px;color:var(--gray);margin-bottom:10px;font-size:11px;font-weight:600}.ob-invite-code{letter-spacing:8px;color:var(--navy);font-family:DM Sans,sans-serif;font-size:36px;font-weight:700}.ob-invite-hint{color:var(--gray);margin-top:8px;font-size:12px}.ob-share-btns{gap:10px;width:100%;margin-bottom:16px;display:flex}.ob-share-copy-btn,.ob-share-sms-btn{border-radius:var(--radius-md);cursor:pointer;flex:1;padding:14px 12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:transform .12s,box-shadow .12s}.ob-share-copy-btn{background:var(--navy);color:#fff;border:none;box-shadow:0 4px 12px #2d304733}.ob-share-sms-btn{color:var(--navy);background:#fff;border:2px solid #e5ddd4}.ob-share-copy-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2d304747}.ob-share-sms-btn:hover{background:#fafafa;transform:translateY(-1px)}.ob-date-night-link{color:var(--gray);cursor:pointer;text-underline-offset:3px;text-align:center;background:0 0;border:none;margin-bottom:20px;font-family:DM Sans,sans-serif;font-size:13px;text-decoration:underline;transition:color .15s}.ob-date-night-link:hover{color:var(--navy)}.ob-start-btn{margin-top:4px}.trial-banner{color:#92400e;text-align:center;letter-spacing:.2px;background:#fffbf0;border-bottom:1px solid #f6e9c8;flex-shrink:0;width:100%;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.upgrade-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:0;padding:40px 28px;display:flex}.upgrade-star-icon{color:var(--coral);margin-bottom:4px;font-size:40px;line-height:1}.upgrade-title{color:var(--navy);margin:0;font-family:Fraunces,serif;font-size:28px;font-weight:700;line-height:1.2}.upgrade-stats-bar{color:var(--gray);border-radius:var(--radius-pill);background:#fff;border:1px solid #f0ebe3;padding:10px 20px;font-size:14px;line-height:1.5}.upgrade-stats-bar strong{color:var(--navy);font-weight:700}.upgrade-pitch-sub{color:var(--gray);max-width:300px;margin:-4px 0 0;font-size:14px;line-height:1.6}.upgrade-btn{border-radius:var(--radius-pill);background:var(--coral);color:#fff;cursor:pointer;border:none;width:100%;max-width:320px;padding:18px 28px;font-family:DM Sans,sans-serif;font-size:17px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 6px 20px #ff6b6b66}.upgrade-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ff6b6b80}.upgrade-btn:disabled{opacity:.6;cursor:not-allowed}.upgrade-once-text{color:var(--gray);margin:-8px 0 0;font-size:13px}.upgrade-promo-link{color:var(--gray);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;text-decoration:underline}.upgrade-promo-link:hover{color:var(--navy)}.upgrade-promo-area{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:320px;display:flex}.upgrade-promo-row{gap:8px;width:100%;display:flex}.upgrade-promo-input{border-radius:var(--radius-pill);letter-spacing:1px;text-transform:uppercase;color:var(--navy);background:#fff;border:1.5px solid #e5e7eb;outline:none;flex:1;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:border-color .15s}.upgrade-promo-input:focus{border-color:var(--coral)}.upgrade-promo-apply{border-radius:var(--radius-pill);background:var(--navy);color:#fff;cursor:pointer;white-space:nowrap;border:none;padding:12px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;transition:opacity .12s}.upgrade-promo-apply:hover{opacity:.85}.upgrade-promo-error{color:var(--coral);font-size:13px;font-weight:600}.premium-badge{color:#d97706;vertical-align:middle;opacity:.9;margin-left:4px;font-size:11px;line-height:1}.match-card-blurred{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}.match-blur-overlay{border-radius:inherit;z-index:2;pointer-events:all;background:#fffbf7b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.match-blur-lock{font-size:20px}@media (width<=400px){.ob-title{font-size:26px}.ob-title-hero{font-size:30px}.ob-gender-row,.ob-origin-grid{gap:8px}.ob-invite-code{letter-spacing:6px;font-size:28px}}@media (height>=800px){.ob-screen-centered{padding-top:20px}}.swipe-btn-undo{width:40px;height:40px;color:var(--navy-light);background:#fff;position:relative;border:2px solid #d1c9be!important}.swipe-btn-undo:disabled{opacity:.32;cursor:not-allowed;transform:none!important}.swipe-btn-undo:hover:not(:disabled){background:#faf7f4;border-color:var(--navy-light)!important}.undo-badge{background:var(--navy);color:#fff;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-family:DM Sans,sans-serif;font-size:9px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}@keyframes undoFromRight{0%{opacity:0;transform:translate(90px)rotate(8deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes undoFromLeft{0%{opacity:0;transform:translate(-90px)rotate(-8deg)}to{opacity:1;transform:translate(0)rotate(0)}}.name-card.undo-from-right{animation:.4s cubic-bezier(.25,.46,.45,.94) both undoFromRight}.name-card.undo-from-left{animation:.4s cubic-bezier(.25,.46,.45,.94) both undoFromLeft}.card-loading-skeleton{border-radius:var(--radius-lg);width:100%;max-width:340px;height:310px;box-shadow:var(--shadow-soft);background:#fff;border:2px dashed #e5ddd4;justify-content:center;align-items:center;animation:1.4s ease-in-out infinite skeletonPulse;display:flex}@keyframes skeletonPulse{0%,to{opacity:.55;transform:scale(.995)}50%{opacity:1;transform:scale(1)}}.card-loading-text{color:var(--gray);letter-spacing:.2px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500}.share-btn{cursor:pointer;color:var(--gray);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.share-btn:hover{color:var(--coral);background:var(--coral-pale)}.share-btn:disabled{opacity:.5;cursor:default}.liked-share-btn{opacity:0;transition:opacity .2s;position:absolute;top:10px;left:10px}.liked-card:hover .liked-share-btn{opacity:1}@media (hover:none){.liked-share-btn{opacity:.7}}.search-status-card{border-radius:var(--radius-sm);color:var(--navy-light);text-align:center;z-index:10;pointer-events:none;letter-spacing:.2px;background:#2d304714;padding:8px 14px;font-size:12px;font-weight:600;position:absolute;bottom:90px;left:16px;right:16px}.header-actions{align-items:center;gap:4px;display:flex}.search-icon-btn{cursor:pointer;color:var(--navy-light);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:7px;transition:color .15s,background .15s;display:flex}.search-icon-btn:hover{color:var(--coral);background:var(--coral-pale)}.search-overlay{z-index:300;-webkit-backdrop-filter:blur(2px);background:#2d30474d;flex-direction:column;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.search-panel{background:var(--white);border-radius:0 0 var(--radius-lg) var(--radius-lg);width:min(430px,100%);animation:.2s cubic-bezier(.25,.46,.45,.94) slideDown;overflow:hidden;box-shadow:0 12px 40px #2d30472e}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-input-row{border-bottom:1px solid var(--gray-light);align-items:center;gap:10px;padding:14px 16px;display:flex}.search-input{color:var(--navy);background:0 0;border:none;outline:none;flex:1;font-family:DM Sans,sans-serif;font-size:16px}.search-input::placeholder{color:var(--gray)}.search-close-btn{cursor:pointer;color:var(--gray);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.search-close-btn:hover{color:var(--navy)}.search-results{max-height:340px;overflow-y:auto}.search-status{color:var(--gray);text-align:center;padding:16px;font-size:14px}.search-empty{font-style:italic}.search-result-item{cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--gray-light);background:0 0;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-family:DM Sans,sans-serif;transition:background .1s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--cream)}.search-result-item:active{background:var(--gray-light)}.search-result-name{color:var(--navy);font-family:Playfair Display,serif;font-size:18px;font-weight:400}.search-result-meta{align-items:center;gap:8px;display:flex}.search-result-origin{color:var(--gray);white-space:nowrap;font-size:11px}.name-page{background:var(--cream);flex-direction:column;width:100%;max-width:430px;min-height:100svh;margin:0 auto;font-family:DM Sans,system-ui,sans-serif;display:flex}.name-page-header{flex-shrink:0;align-items:center;padding:20px 24px 16px;display:flex}.name-page-logo{color:var(--navy);letter-spacing:-.5px;font-family:Fraunces,serif;font-size:28px;font-weight:600;text-decoration:none}.name-page-logo span{color:var(--coral)}.name-page-loading{flex:1;justify-content:center;align-items:center;display:flex}.name-page-not-found{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 32px;display:flex}.name-page-nf-title{color:var(--navy);font-family:Fraunces,serif;font-size:24px;font-weight:500}.name-page-nf-sub{color:var(--gray);max-width:260px;font-size:15px;line-height:1.5}.name-page-main{flex:1;padding:4px 20px 0}.name-page-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.name-page-stripe{width:100%;height:5px}.name-page-content{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:28px 28px 32px;display:flex}.name-page-gender-label{letter-spacing:1.2px;text-transform:uppercase;font-size:11px;font-weight:700}.name-page-name{color:var(--navy);letter-spacing:-2px;margin:0;font-family:Playfair Display,serif;font-size:clamp(52px,14vw,76px);font-weight:700;line-height:1}.name-page-pron-row{align-items:center;gap:8px;display:flex}.name-page-pronunciation{color:var(--gray);font-size:17px;font-style:italic}.name-page-speak-btn{background:var(--gray-light);cursor:pointer;width:30px;height:30px;color:var(--navy-light);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.name-page-speak-btn:hover{background:var(--sage-pale);color:var(--sage)}.name-page-origin{background:var(--sage-pale);color:#5a7a56;border-radius:var(--radius-pill);letter-spacing:.3px;padding:7px 20px;font-size:13px;font-weight:600}.name-page-divider{border-radius:var(--radius-pill);opacity:.6;width:40px;height:2px}.name-page-meaning-box{border-radius:var(--radius-md);background:#ff6b6b0f;border:1px solid #ff6b6b1f;width:100%;padding:16px 20px}.name-page-meaning{color:var(--navy-light);margin:0;font-size:16px;line-height:1.65}.name-page-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.name-page-cta{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:28px 24px 36px;display:flex}.name-page-cta-headline{color:var(--navy);font-family:Fraunces,serif;font-size:20px;font-weight:500;line-height:1.3}.name-page-cta-sub{color:var(--gray);margin-bottom:8px;font-size:14px}.name-page-cta-btn{background:var(--coral);color:var(--white);border-radius:var(--radius-pill);padding:14px 36px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-block;box-shadow:0 4px 18px #ff6b6b59}.name-page-cta-btn:hover{opacity:.92;transform:translateY(-1px)}