*,: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)}.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{flex-direction:column;flex:1;animation:.2s tabFadeIn;display:flex;overflow:hidden}@keyframes tabFadeIn{0%{opacity:0}to{opacity:1}}.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;transform:scale(.97)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}.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-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{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:300;min-width:140px;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-row{justify-content:center;padding:4px 0 2px;display:flex}.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-empty-inline{text-align:center;opacity:.7;flex-direction:column;align-items:center;gap:8px;padding:32px 24px 24px;display:flex}