@import "https://fonts.googleapis.com/css2?family=Caprasimo:wght@400&family=Figtree:wght@400;600;700&display=swap";:root{--color-bg:#eef7ff;--color-surface:#fff;--color-text:#0f2138;--color-divider:#0f213824;--color-accent:#2f8fff;--color-accent-100:#eaf4ff;--color-accent-200:#c7e4ff;--color-accent-300:#94cbff;--color-accent-400:#5caeff;--color-accent-500:#2f8fff;--color-accent-600:#1670e0;--color-accent-700:#0f57b0;--color-accent-800:#0b3f80;--color-accent-900:#072952;--color-accent-2:#16c172;--color-accent-2-100:#e3fbef;--color-accent-2-200:#b9f5d3;--color-accent-2-300:#82eab3;--color-accent-2-400:#46d890;--color-accent-2-500:#16c172;--color-accent-2-600:#0fa35d;--color-accent-2-700:#0c7f49;--color-accent-2-800:#0a5f38;--color-accent-2-900:#073f25;--color-accent-3:#00d4ff;--color-neutral-100:#f7fafd;--color-neutral-200:#eaf0f7;--color-neutral-300:#d7e2ee;--color-neutral-400:#b7c6d9;--color-neutral-500:#93a4bb;--color-neutral-600:#71829c;--color-neutral-700:#55637a;--color-neutral-800:#3b4557;--color-neutral-900:#232b38;--gradient-primary:linear-gradient(135deg, var(--color-accent-500) 0%, var(--color-accent-3) 100%);--gradient-warm:linear-gradient(135deg, var(--color-accent-400) 0%, var(--color-accent-2-400) 100%);--font-heading:"Caprasimo", system-ui, sans-serif;--font-heading-weight:400;--font-body:"Figtree", system-ui, sans-serif;--space-1:4.4px;--space-2:8.8px;--space-3:13.2px;--space-4:17.6px;--space-6:26.4px;--space-8:35.2px;--radius-sm:8px;--radius-md:16px;--radius-lg:28px;--shadow-sm:0 1px 2px color-mix(in srgb, var(--color-text) 14%, transparent);--shadow-md:0 3px 10px color-mix(in srgb, var(--color-text) 16%, transparent);--shadow-lg:0 12px 32px color-mix(in srgb, var(--color-text) 22%, transparent);--shadow-glow:0 8px 24px color-mix(in srgb, var(--color-accent) 45%, transparent)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-neutral-300);color:var(--color-text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;font-weight:400;line-height:1.55}::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;margin:0 0 var(--space-2);line-height:1.12}h1{font-size:38px}h2{font-size:28px}h3{font-size:22px}h4{font-size:19px}h5{font-size:16px}h6{letter-spacing:.08em;text-transform:uppercase;font-size:13px}p{margin:0 0 var(--space-3)}a{color:var(--color-accent-700);text-underline-offset:3px;text-decoration:none}a:hover{color:var(--color-accent-800)}img{max-width:100%;display:block}button{font-family:inherit}.text-muted{color:color-mix(in srgb, var(--color-text) 55%, transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.btn{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);padding:var(--space-2) calc(var(--space-3) * 1.2);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-flex}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow);transition:transform .15s,box-shadow .15s}.btn-primary:hover{box-shadow:0 10px 28px color-mix(in srgb, var(--color-accent) 55%, transparent);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.btn-secondary:active{background:color-mix(in srgb, var(--color-text) 14%, transparent)}.btn-ghost{color:var(--color-accent-700);padding-inline:var(--space-1);background:0 0;border:none}.btn-ghost:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.btn-ghost:active{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}.btn-icon{background:0 0;border:none;width:36px;height:36px;padding:0}.btn-block{width:100%;margin-top:var(--space-2)}.field{flex-direction:column;display:flex}.field>label{color:color-mix(in srgb, var(--color-text) 70%, transparent);margin-bottom:5px;font-size:12px;display:block}.input{width:100%;min-height:36px;font:inherit;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:999px;padding:6px 14px;font-size:14px}.input:hover{border-color:color-mix(in srgb, var(--color-text) 45%, transparent)}.input:focus-visible{border-color:var(--color-accent);outline-offset:0}textarea.input{border-radius:var(--radius-md);resize:vertical;min-height:90px}select.input{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23645c50' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:34px}.seg{border:1px solid var(--color-divider);border-radius:999px;display:inline-flex;overflow:hidden}.seg-opt{cursor:pointer;align-items:center;gap:6px;padding:9px 12px;font-size:13px;display:inline-flex}.seg-opt input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.seg-opt+.seg-opt{border-left:1px solid var(--color-divider)}.seg-opt.is-checked{background:var(--gradient-primary);color:#fff}.seg-opt:not(.is-checked):hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.card{gap:var(--space-2);padding:var(--space-3);border-radius:calc(var(--radius-lg) * 1.15);background:var(--color-surface);flex-direction:column;display:flex}.card-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-700);font-size:10px}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.elev-lg{box-shadow:var(--shadow-lg)}.tag{letter-spacing:.02em;border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;display:inline-flex}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-neutral{background:var(--color-neutral-100);color:var(--color-neutral-800)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent-700)}.nav{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);display:flex}.nav-brand{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin-right:auto;font-size:18px}@keyframes popIn{0%{opacity:0;transform:scale(.94)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.phone-viewport{background:var(--color-neutral-300);min-height:100dvh;font-family:var(--font-body);justify-content:center;align-items:flex-start;padding:clamp(0px,3vw,28px) 0;display:flex}.phone-shell{background:var(--color-bg);width:min(430px,100vw);height:min(100dvh,932px);box-shadow:var(--shadow-lg);border-radius:28px;flex-direction:column;display:flex;position:relative;overflow:hidden}.screen{flex-direction:column;flex:1;min-height:0;display:flex}.splash{text-align:center;background:linear-gradient(160deg, var(--color-accent-800) 0%, var(--color-accent-600) 45%, var(--color-accent-400) 85%, var(--color-accent-3) 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:32px;display:flex}.splash__mark{background:var(--color-bg);width:96px;height:96px;box-shadow:var(--shadow-md);color:var(--color-accent-700);border-radius:50%;justify-content:center;align-items:center;display:flex}.splash__title{color:var(--color-bg);margin-bottom:4px;font-size:38px}.splash__subtitle{color:color-mix(in srgb, var(--color-bg) 88%, transparent);margin:0;font-size:14px}.splash__tags{gap:8px;margin:8px 0 20px;display:flex}.splash__tag{background:color-mix(in srgb, var(--color-bg) 18%, transparent);color:var(--color-bg)}.splash__cta{background:var(--color-bg);color:var(--color-accent-800);padding:14px 24px;font-size:16px}.splash__footer{color:color-mix(in srgb, var(--color-bg) 75%, transparent);margin-top:4px;font-size:12px}.auth-screen{flex-direction:column;flex:1;gap:16px;padding:28px 24px;display:flex}.auth-dots{margin:14px 0 4px;display:flex}.auth-dots__dot{background:var(--color-neutral-300);border-radius:4px;height:8px;margin-right:6px;display:inline-block}.auth-dots__dot.is-active{background:var(--color-accent);width:22px}.auth-dots__dot:not(.is-active){width:8px}.auth-error{color:#a02f2f;margin:-4px 0 0;font-size:13px}.auth-otp-row{gap:10px;display:flex}.auth-otp-row .input{text-align:center;height:52px;font-size:20px}.wizard-screen{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.wizard-header{flex:none;padding:24px 24px 0}.wizard-body{flex-direction:column;gap:14px;padding:8px 24px 24px;display:flex}.wizard-row{gap:12px;display:flex}.wizard-row>.field{flex:1}.photo-picker{gap:12px;display:flex}.photo-picker__slot{border:1.5px dashed var(--color-divider);background:var(--color-surface);cursor:pointer;border-radius:16px;flex:none;justify-content:center;align-items:center;width:88px;height:88px;padding:0;display:flex;position:relative;overflow:hidden}.photo-picker__slot img{object-fit:cover;width:100%;height:100%}.photo-picker__label{color:var(--color-accent-700);text-align:center;padding:4px;font-size:11px;font-weight:600}.photo-picker__remove{color:#fff;cursor:pointer;background:#1c173099;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:4px;right:4px}.bottom-nav{padding:10px 8px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--color-divider);background:var(--color-bg);flex:none;justify-content:space-around;align-items:center;display:flex}.bottom-nav__item{cursor:pointer;color:var(--color-neutral-500);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;display:flex}.bottom-nav__item.is-active{color:var(--color-accent-700)}.bottom-nav__item span{font-size:10px}.chip-group{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--color-divider);background:var(--color-surface);color:var(--color-neutral-700);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;transition:all .15s}.chip.is-selected{background:var(--color-accent-100);border-color:var(--color-accent);color:var(--color-accent-800);font-weight:600}.filters-backdrop{z-index:20;background:#1c173073;align-items:flex-end;display:flex;position:absolute;inset:0}.filters-sheet{background:var(--color-bg);width:100%;max-height:82%;box-shadow:var(--shadow-lg);border-radius:24px 24px 0 0;flex-direction:column;animation:.2s popIn;display:flex;overflow-y:auto}.filters-sheet__handle{background:var(--color-divider);border-radius:2px;width:36px;height:4px;margin:0 auto 4px}.filters-sheet__sticky-header{z-index:1;background:var(--color-bg);border-radius:24px 24px 0 0;flex-direction:column;gap:14px;padding:20px 22px 10px;display:flex;position:sticky;top:0}.filters-sheet__content{padding:0 22px calc(20px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex}.photo-frame{background:linear-gradient(155deg, var(--color-accent-200), var(--color-accent-100));flex:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.photo-frame--rect{border-radius:0}.photo-frame--rounded{border-radius:16px}.photo-frame--circle{border-radius:50%}.photo-frame__img{object-fit:cover;width:100%;height:100%;display:block}.photo-frame__placeholder{text-align:center;color:var(--color-accent-700);padding:6px;font-size:11px;font-weight:600}.profile-detail{background:var(--color-bg);z-index:40;position:absolute;inset:0;overflow-y:auto}.profile-detail__hero{flex:none;height:340px;position:relative}.profile-detail__back{background:#1c17308c;position:absolute;top:16px;left:16px}.profile-detail__gradient{background:linear-gradient(#0000,#1c1730d9);padding:18px;position:absolute;inset:auto 0 0}.profile-detail__name-row{align-items:center;gap:8px;display:flex}.profile-detail__name-row h2{color:#fff;margin:0}.profile-detail__meta{color:#ffffffe6;margin:2px 0 0;font-size:13px}.profile-detail__body{flex-direction:column;gap:16px;padding:20px;display:flex}.profile-detail__score-card{background:var(--color-accent-100);flex-direction:row;align-items:center;gap:14px}.profile-detail__ring-wrap{flex:none;width:56px;height:56px;position:relative}.profile-detail__ring-score{color:var(--color-accent-800);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.profile-detail__reason{align-items:center;gap:10px;display:flex}.profile-detail__tags{flex-wrap:wrap;gap:8px;display:flex}.profile-detail__guardian{border-top:1px solid var(--color-divider);align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.profile-detail__actions{gap:10px;padding-bottom:8px;display:flex}.profile-detail__pass-btn,.profile-detail__like-btn{cursor:pointer;height:52px;font-family:var(--font-heading);border-radius:999px;justify-content:center;align-items:center;font-size:14px;display:flex}.profile-detail__pass-btn{border:1.5px solid var(--color-divider);background:var(--color-bg);color:var(--color-neutral-700);flex:1}.profile-detail__like-btn{background:var(--color-accent);color:var(--color-bg);border:none;flex:2;gap:8px}.edit-profile{background:var(--color-bg);z-index:50;flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.edit-profile__header{border-bottom:1px solid var(--color-divider);background:var(--color-bg);z-index:1;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.edit-profile__body{flex-direction:column;gap:14px;padding:20px;display:flex}.edit-profile__profile-photo{align-items:center;gap:16px;display:flex}.edit-profile__gallery{flex-wrap:wrap;gap:10px;display:flex}.edit-profile__gallery-item{border:1px solid var(--color-divider);background:var(--color-surface);border-radius:12px;width:76px;height:76px;position:relative;overflow:hidden}.edit-profile__gallery-item img{object-fit:cover;width:100%;height:100%;display:block}.edit-profile__gallery-remove{color:#fff;cursor:pointer;background:#1c1730a6;border:none;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:4px;right:4px}.edit-profile__gallery-add{color:var(--color-accent-700);cursor:pointer;background:var(--color-accent-100);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.chat-thread{background:var(--color-bg);z-index:30;flex-direction:column;display:flex;position:absolute;inset:0}.chat-thread__header{border-bottom:1px solid var(--color-divider);flex:none;align-items:center;gap:10px;padding:16px;display:flex}.chat-thread__info{cursor:pointer;flex:1}.chat-thread__info p{margin:0}.chat-thread__messages{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.chat-thread__bubble{border-radius:16px;max-width:78%;padding:10px 14px;font-size:14px}.chat-thread__composer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--color-divider);flex:none;gap:10px;display:flex}.swipe-card{touch-action:pan-y;cursor:grab;position:relative}.swipe-card:active{cursor:grabbing}.swipe-card__stamp{z-index:2;font-family:var(--font-heading);letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none;border:3px solid;border-radius:10px;padding:6px 14px;font-size:22px;position:absolute;top:22px}.swipe-card__stamp--right{border-color:var(--color-accent);color:var(--color-accent);right:18px;transform:rotate(12deg)}.swipe-card__stamp--left{border-color:var(--color-neutral-700);color:var(--color-neutral-700);left:18px;transform:rotate(-12deg)}.discover{flex-direction:column;height:100%;min-height:0;display:flex}.discover__header{flex:none;align-items:center;gap:10px;padding:18px 20px 10px;display:flex}.discover__deck{flex:1;min-height:0;padding:6px 20px 16px;display:flex}.discover__card{flex-direction:column;flex:1;padding:0;animation:.25s popIn;display:flex;overflow:hidden}.discover__photo-wrap{cursor:pointer;flex:1;min-height:0;position:relative}.discover__gradient{pointer-events:none;background:linear-gradient(#0000,#1c1730d1);padding:16px;position:absolute;inset:auto 0 0}.discover__name-row{align-items:center;gap:8px;display:flex}.discover__name-row h3{color:#fff;margin:0}.discover__meta{color:#ffffffe6;margin:2px 0 0;font-size:13px}.discover__score-badge{pointer-events:none;background:#1c1730a6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:absolute;top:12px;right:12px}.discover__score-badge span:first-child{color:#fff;font-size:15px;font-weight:700;line-height:1}.discover__score-badge span:last-child{color:#fffc;letter-spacing:.04em;font-size:8px}.discover__actions{flex:none;gap:10px;padding:14px 16px;display:flex}.discover__pass-btn,.discover__like-btn{cursor:pointer;height:52px;font-family:var(--font-heading);border-radius:999px;justify-content:center;align-items:center;font-size:14px;display:flex}.discover__pass-btn{border:1.5px solid var(--color-divider);background:var(--color-bg);color:var(--color-neutral-700);flex:1}.discover__like-btn{background:var(--color-accent);color:var(--color-bg);border:none;flex:2;gap:8px}.discover__empty{text-align:center;background:var(--color-surface);flex:1;justify-content:center;align-items:center;gap:10px}.requests{flex-direction:column;height:100%;min-height:0;display:flex}.requests__header{flex:none;padding:20px 20px 0}.requests__list{flex-direction:column;flex:1;gap:12px;padding:14px 20px 20px;display:flex;overflow-y:auto}.requests__row{flex-direction:row;align-items:center;gap:12px;padding:12px}.requests__row-info{cursor:pointer;flex:1;min-width:0}.requests__row-info p{margin:0}.requests__name{font-size:14px;font-weight:600}.requests__sub{font-size:12px}.requests__row-actions{gap:6px;display:flex}.chat-tab{flex-direction:column;height:100%;min-height:0;display:flex}.chat-tab__header{flex:none;padding:20px 20px 8px}.chat-tab__note{margin:0 0 4px;font-size:11px}.chat-tab__list{flex-direction:column;flex:1;gap:8px;padding:8px 20px 20px;display:flex;overflow-y:auto}.chat-tab__row{cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:10px;display:flex}.chat-tab__row:hover{background:color-mix(in srgb, var(--color-text) 4%, transparent)}.chat-tab__info{flex:1;min-width:0}.chat-tab__info p{margin:0}.chat-tab__name{font-size:14px;font-weight:600}.chat-tab__last{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.chat-tab__meta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.chat-tab__dot{background:var(--color-accent);border-radius:50%;width:9px;height:9px}.profile-tab{flex-direction:column;height:100%;min-height:0;display:flex}.profile-tab__scroll{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.profile-tab__head{align-items:center;gap:14px;display:flex}.profile-tab__name-row{align-items:center;gap:6px;display:flex}.profile-tab__name-row h3{margin:0}.profile-tab__guardian{background:var(--color-accent-100);gap:6px}.profile-tab__guardian-row{align-items:center;gap:8px;display:flex}.profile-tab__account-list{background:var(--color-surface);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.profile-tab__account-row{border-bottom:1px solid var(--color-divider);align-items:center;gap:12px;padding:14px;display:flex}.profile-tab__account-row:last-child{border-bottom:none}.profile-tab__account-row.is-clickable{cursor:pointer}.profile-tab__account-row span{flex:1;font-size:14px}