:root{--pink: #C96B8A;--pink-mid: #F0B8CB;--pink-faint: rgba(201,107,138,.08);--pink-hover: rgba(201,107,138,.14);--terracotta: #D4856B;--terra-faint: rgba(212,133,107,.12);--beige: #F2E8DA;--brown: #3D3530;--card: #FFFFFF;--border: rgba(61,53,48,.13);--border-strong: rgba(61,53,48,.22);--muted: rgba(61,53,48,.52);--wa-green: #25D366;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--tab-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overscroll-behavior:none}body{font-family:var(--font-sans);background:var(--beige);color:var(--brown);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overflow:hidden}button{font-family:var(--font-sans);cursor:pointer}input,textarea,select{font-family:var(--font-sans)}a{color:inherit;text-decoration:none}#root{display:flex;flex-direction:column;height:100%;height:100dvh}.app-shell{display:flex;flex-direction:column;height:100%;max-width:480px;width:100%;margin:0 auto;position:relative;background:var(--beige)}.screen-wrap{flex:1;overflow:hidden;position:relative}.screen{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--beige);padding-bottom:calc(var(--tab-h) + var(--safe-b))}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--card);border-top:1px solid var(--border);display:flex;z-index:200;padding-bottom:var(--safe-b)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:var(--tab-h);background:none;border:none;outline:none;-webkit-tap-highlight-color:transparent;transition:opacity .15s}.tab-item:active{opacity:.65}.tab-label{font-size:10px;font-weight:500;letter-spacing:.02em}.screen-header{position:sticky;top:0;z-index:20;background:var(--beige);padding:calc(var(--safe-t) + 16px) 20px 12px;display:flex;flex-direction:column;gap:14px}.header-row{display:flex;align-items:flex-end;justify-content:space-between}.greeting{font-size:13px;color:var(--muted);margin-bottom:2px}.app-title{font-family:var(--font-serif);font-style:italic;font-size:46px;color:var(--pink);line-height:1;letter-spacing:-.5px}.icon-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0}.icon-btn:active{opacity:.7}.search-bar{display:flex;align-items:center;gap:10px;background:var(--card);border:1.5px solid var(--border);border-radius:16px;padding:10px 14px}.search-input{flex:1;background:none;border:none;outline:none;font-size:14px;color:var(--brown)}.search-input::placeholder{color:var(--muted)}.search-clear{background:none;border:none;padding:2px;color:var(--muted);cursor:pointer;display:flex;align-items:center}.cats-scroll{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cats-scroll::-webkit-scrollbar{display:none}.cat-pill{flex-shrink:0;padding:7px 16px;border-radius:20px;border:1.5px solid var(--border);background:var(--card);font-size:13px;font-weight:500;color:var(--brown);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .13s,border-color .13s,color .13s;white-space:nowrap}.cat-pill.active{background:var(--pink);border-color:var(--pink);color:#fff}.list-area{padding:0 20px 24px}.section-count{font-size:13px;color:var(--muted);margin-bottom:14px}.card{background:var(--card);border-radius:20px;border:1.5px solid var(--border);padding:14px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}.card.card-new{border-left-width:3px;border-left-color:var(--terracotta)}.card-top{display:flex;align-items:flex-start;gap:12px}.card-body{flex:1;display:flex;gap:12px;align-items:flex-start;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;border:none;background:none;text-align:left;padding:0;min-width:0}.card-body:active{opacity:.85}.card-avatar{width:52px;height:52px;border-radius:50%;background:var(--pink-faint);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-avatar-new{background:var(--terra-faint)}.card-initial{font-family:var(--font-serif);font-style:italic;font-size:26px;color:var(--pink);line-height:1}.card-initial-new{color:var(--terracotta)}.card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.card-name-row{display:flex;align-items:center;gap:6px}.card-name{font-size:14px;font-weight:500;color:var(--brown);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.verified-badge{width:18px;height:18px;border-radius:50%;background:#c96b8a2e;display:flex;align-items:center;justify-content:center;flex-shrink:0}.new-badge{padding:2px 6px;border-radius:6px;background:var(--terra-faint);font-size:10px;font-weight:500;color:var(--terracotta);white-space:nowrap;flex-shrink:0}.card-desc{font-size:12px;line-height:17px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-meta{display:flex;align-items:center;gap:4px}.card-rating{font-size:12px;font-weight:500;color:var(--brown)}.card-reviews{font-size:11px;color:var(--muted)}.card-recommender{font-size:12px;color:var(--brown);opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;border:1px solid var(--border);background:var(--beige);font-size:11px;color:var(--brown)}.tag-pink{background:#f0b8cb40;border-color:var(--pink-mid);color:var(--pink)}.save-btn{background:none;border:none;padding:4px 2px;cursor:pointer;flex-shrink:0;align-self:flex-start;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;color:var(--muted)}.save-btn:active{opacity:.6}.save-btn.saved{color:var(--pink)}.card-avaliar{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:10px;border:1px solid var(--border);background:none;font-size:11px;font-weight:500;color:var(--pink);cursor:pointer;-webkit-tap-highlight-color:transparent;align-self:flex-start}.card-avaliar:active{opacity:.7}.fab-wrap{position:fixed;bottom:calc(var(--tab-h) + var(--safe-b) + 14px);left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:400px;z-index:150}.fab-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:26px;background:var(--pink);border:none;color:#fff;font-size:15px;font-weight:500;width:100%;box-shadow:0 4px 20px #c96b8a61;-webkit-tap-highlight-color:transparent}.fab-btn:active{opacity:.88}.indicar-float{position:fixed;bottom:calc(var(--tab-h) + var(--safe-b) + 16px);right:20px;z-index:150}.indicar-float-btn{display:flex;align-items:center;gap:7px;height:48px;padding:0 20px;border-radius:24px;background:var(--pink);border:none;color:#fff;font-size:14px;font-weight:600;font-family:var(--font-sans);box-shadow:0 4px 20px #c96b8a6b;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,opacity .12s ease}.indicar-float-btn:active{opacity:.86;transform:scale(.95)}.indicar-hint-link{display:block;width:100%;background:none;border:none;padding:5px 20px 10px;font-size:12.5px;color:var(--muted);text-align:left;cursor:pointer;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;letter-spacing:.01em}.indicar-hint-link:active{opacity:.7}.indicar-hint-pink{color:var(--pink);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 32px;text-align:center}.empty-title{font-family:var(--font-serif);font-style:italic;font-size:28px;color:var(--pink)}.empty-body{font-size:14px;line-height:21px;color:var(--muted)}.empty-hint{font-size:13px;color:var(--muted)}.detail-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-t) + 10px) 20px 12px;border-bottom:1px solid var(--border)}.detail-cat-label{font-size:13px;color:var(--muted)}.detail-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:28px 20px 24px;display:flex;flex-direction:column;gap:22px}.detail-hero{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.detail-avatar{width:90px;height:90px;border-radius:50%;background:var(--pink-faint);display:flex;align-items:center;justify-content:center}.detail-initial{font-family:var(--font-serif);font-style:italic;font-size:46px;color:var(--pink);line-height:1}.detail-name{font-family:var(--font-serif);font-style:italic;font-size:28px;color:var(--brown);letter-spacing:-.4px;line-height:1.2}.cat-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;border:1.5px solid rgba(212,133,107,.55);background:var(--terra-faint)}.cat-badge-label{font-size:14px;font-weight:500;color:var(--terracotta)}.tags-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.rating-strip{display:flex;align-items:center;gap:16px;padding:18px;border-radius:20px;border:1.5px solid var(--border);background:var(--card)}.rating-big{font-family:var(--font-serif);font-size:46px;letter-spacing:-1px;line-height:1;color:var(--brown)}.rating-meta{flex:1;display:flex;flex-direction:column;gap:6px}.rating-count{font-size:13px;color:var(--muted);line-height:18px}.recommender-line{font-size:12px;color:var(--brown);opacity:.5;text-align:center;line-height:18px}.section-block{display:flex;flex-direction:column;gap:12px}.section-lbl{font-size:15px;font-weight:500;color:var(--brown)}.description{font-size:15px;line-height:24px;color:var(--brown)}.wa-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:26px;background:var(--wa-green);border:none;color:#fff;font-size:16px;font-weight:500;width:100%;box-shadow:0 4px 14px #25d36647;cursor:pointer;-webkit-tap-highlight-color:transparent}.wa-btn:active{opacity:.88}.no-phone{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:26px;border:1.5px solid var(--border);background:var(--card);color:var(--muted);font-size:14px}.eval-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;border-radius:20px;border:1.5px solid var(--border);background:var(--card);text-align:center}.eval-score{font-family:var(--font-serif);font-style:italic;font-size:26px;color:var(--brown)}.eval-sub{font-size:13px;color:var(--muted);line-height:19px}.eval-empty{font-size:14px;color:var(--muted);line-height:20px}.detail-bottom{flex-shrink:0;padding:14px 20px calc(14px + var(--safe-b));border-top:1px solid var(--border)}.primary-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:54px;border-radius:27px;background:var(--pink);border:none;color:#fff;font-size:16px;font-weight:500;width:100%;box-shadow:0 5px 18px #c96b8a4d;cursor:pointer;-webkit-tap-highlight-color:transparent}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes tab-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes skel-pulse{0%,to{opacity:.75}50%{opacity:.38}}@keyframes ring-expand{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ring-ripple{0%{box-shadow:0 0 #c96b8a73}60%{box-shadow:0 0 0 22px #c96b8a00}to{box-shadow:0 0 #c96b8a00}}@keyframes fade-up-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.screen-animate-in{animation:tab-enter .28s cubic-bezier(.32,.72,0,1) both}.card{transition:transform .15s ease,box-shadow .15s ease;will-change:transform}.card:active{transform:scale(.985);box-shadow:0 2px 14px #3d35301a}.card-anim{animation:card-in .32s cubic-bezier(.32,.72,0,1) both}button{touch-action:manipulation}.primary-btn:active{opacity:.84;transform:scale(.98);transition:transform .12s ease,opacity .12s ease}.fab-btn:active{opacity:.88;transform:scale(.96);transition:transform .12s ease,opacity .12s ease}.cat-pill:active{opacity:.8}.wa-btn:active{opacity:.88;transform:scale(.98)}.icon-btn:active{opacity:.65;transform:scale(.92);transition:transform .1s ease}.modal-backdrop{position:fixed;inset:0;z-index:600;display:flex;align-items:flex-end;justify-content:center;transition:background .3s ease;animation:fade-in .2s ease both}.modal-sheet{width:100%;max-width:480px;background:var(--beige);border-radius:24px 24px 0 0;max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:slide-up .28s cubic-bezier(.32,.72,0,1) both}.detail-sheet{width:100%;max-width:480px;background:var(--beige);border-radius:24px 24px 0 0;height:92dvh;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s cubic-bezier(.32,.72,0,1);will-change:transform}.modal-drag{width:36px;height:4px;border-radius:2px;background:var(--border);margin:12px auto 0}.modal-header{padding:16px 20px 4px}.modal-title{font-family:var(--font-serif);font-style:italic;font-size:30px;color:var(--pink)}.modal-subtitle{font-size:14px;color:var(--muted);margin-top:4px}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px;padding-bottom:calc(24px + var(--safe-b))}.stars-row{display:flex;gap:2px}.star-tap{background:none;border:none;cursor:pointer;padding:4px;-webkit-tap-highlight-color:transparent;line-height:1;font-size:30px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:500;color:var(--brown)}.form-input,.form-select,.form-textarea{background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:11px 14px;font-size:14px;color:var(--brown);outline:none;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--pink)}.form-input::placeholder,.form-textarea::placeholder{color:var(--muted)}.form-textarea{min-height:80px;resize:none}.form-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%233D3530' stroke-opacity='.4' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.profile-screen{padding:calc(var(--safe-t) + 20px) 20px 24px;display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:calc(var(--safe-t) + 60px)}.profile-avatar{width:88px;height:88px;border-radius:50%;background:var(--pink-faint);display:flex;align-items:center;justify-content:center}.profile-name{font-family:var(--font-serif);font-style:italic;font-size:32px;color:var(--pink);text-align:center}.profile-bio{font-size:14px;color:var(--muted);text-align:center;line-height:20px}.profile-card{width:100%;background:var(--card);border:1.5px solid var(--border);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px}.profile-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--brown)}.profile-val{font-weight:500;color:var(--pink)}.saved-header{padding:calc(var(--safe-t) + 20px) 20px 12px;background:var(--beige);position:sticky;top:0;z-index:20}.saved-title{font-family:var(--font-serif);font-style:italic;font-size:42px;color:var(--pink);line-height:1;letter-spacing:-.4px}.saved-sub{font-size:14px;color:var(--muted);margin-top:4px}.signup-screen{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;background:var(--beige)}.signup-header{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--safe-t) + 16px) 56px 14px;position:relative}.signup-back{position:absolute;left:20px;top:calc(var(--safe-t) + 14px)}.signup-dots{display:flex;gap:8px;align-items:center}.signup-dot{width:8px;height:8px;border-radius:50%;background:#3d35302e;transition:width .25s ease,background .25s ease,border-radius .25s ease}.signup-dot-active{width:22px;border-radius:4px;background:var(--pink)}.signup-content{flex:1;overflow-y:auto;padding:4px 20px 0;overscroll-behavior-y:contain}.signup-step{padding-bottom:24px}.signup-title{font-family:var(--font-serif);font-style:italic;font-size:38px;color:var(--pink);line-height:1.1;margin-bottom:8px}.signup-subtitle{font-size:14px;color:var(--muted);line-height:20px}.signup-footer{flex-shrink:0;padding:14px 20px calc(20px + var(--safe-b));border-top:1px solid var(--border);background:var(--beige)}.signup-footer .primary-btn{width:100%}.radio-card{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:16px;border:1.5px solid var(--border);background:var(--card);cursor:pointer;transition:border-color .15s,background .15s}.radio-card-active{border-color:var(--pink);background:var(--pink-faint)}.radio-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-strong);background:var(--card);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s}.radio-card-active .radio-dot{border-color:var(--pink);background:var(--pink)}.radio-dot-inner{width:8px;height:8px;border-radius:50%;background:#fff}.child-row{display:flex;gap:10px;align-items:flex-end}.code-wrap{display:flex;justify-content:center;margin:28px 0 8px}.code-input{width:180px;font-size:36px;letter-spacing:20px;text-align:center;font-family:var(--font-sans);font-weight:600;background:var(--card);border:1.5px solid var(--border);border-radius:16px;padding:16px 20px;outline:none;color:var(--brown)}.code-input:focus{border-color:var(--pink)}.code-error{font-size:13px;color:#d94f5c;text-align:center;font-family:var(--font-sans)}.reason-chips{display:flex;flex-wrap:wrap;gap:8px}.reason-chip{padding:8px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--card);font-size:13px;font-family:var(--font-sans);cursor:pointer;color:var(--brown);transition:border-color .15s,background .15s}.reason-chip-active{background:var(--pink-faint);border-color:var(--pink);color:var(--pink)}.highlight-chip-active{background:var(--terra-faint);border-color:var(--terracotta);color:var(--terracotta)}.yn-row{display:flex;gap:10px}.yn-btn{flex:1;height:44px;border-radius:12px;border:1.5px solid var(--border);background:var(--card);font-size:14px;font-weight:500;cursor:pointer;font-family:var(--font-sans);color:var(--brown);transition:border-color .15s,background .15s}.yn-btn-active{border-color:var(--pink);background:var(--pink-faint);color:var(--pink)}.monthyear-row{display:flex;gap:10px}.char-count{font-size:11px;color:var(--muted);text-align:right;margin-top:4px}.profile-header{display:flex;flex-direction:column;align-items:center;gap:14px;padding:calc(var(--safe-t) + 24px) 20px 20px;background:var(--beige);border-bottom:1px solid var(--border)}.badge-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;background:#c96b8a1a;border:1.5px solid rgba(201,107,138,.3);font-size:13px;font-weight:500;color:var(--pink);font-family:var(--font-sans)}.personality-row{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;border:1.5px solid var(--border);background:var(--card)}.personality-item{display:flex;align-items:baseline;gap:6px;font-size:13px}.personality-label{color:var(--muted);flex-shrink:0;min-width:120px;font-size:12px}.personality-value{color:var(--brown);font-weight:500;font-size:13px;line-height:18px}.skel{background:var(--border);border-radius:8px;animation:skel-pulse 1.4s ease infinite}.skel-card{pointer-events:none}.skel-avatar{width:52px;height:52px;border-radius:50%;flex-shrink:0}.skel-line{height:12px;border-radius:6px;width:100%}.skel-tag{height:24px;width:90px;border-radius:8px}.success-body{align-items:center;text-align:center;padding-top:28px;padding-bottom:calc(40px + var(--safe-b));gap:0}.success-ring{width:90px;height:90px;border-radius:50%;background:var(--pink-faint);border:2.5px solid var(--pink-mid);display:flex;align-items:center;justify-content:center;animation:ring-expand .45s cubic-bezier(.34,1.56,.64,1) both,ring-ripple .9s ease .45s both;margin-bottom:20px}.success-emoji{font-size:40px;animation:ring-expand .35s cubic-bezier(.34,1.56,.64,1) .15s both;display:block}.success-content{display:flex;flex-direction:column;align-items:center;gap:8px;animation:fade-up-in .35s ease .3s both}.success-heading{font-family:var(--font-serif);font-style:italic;font-size:32px;color:var(--pink);line-height:1.1}.success-points{font-size:17px;font-weight:600;color:var(--brown)}.success-sub{font-size:13px;color:var(--muted);line-height:19px;max-width:260px}.detail-scroll,.signup-content,.modal-sheet,.screen{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}