:root{--paper: #f5f1e8;--paper-deep: #ece6d8;--card: #ffffff;--ink: #1e2742;--muted: #59627f;--club: #2145c9;--club-deep: #16308f;--club-soft: #e8edfb;--club-ghost: #f2f4fc;--ember: #c4633a;--ember-bright: #d0713f;--ember-deep: #9a4c28;--ember-soft: #f9ece4;--green: #2f7d5b;--green-soft: #e4f1ea;--line: rgba(30, 39, 66, .12);--line-soft: rgba(30, 39, 66, .07);--shadow-card: 0 12px 32px rgba(22, 48, 143, .1), 0 2px 6px rgba(30, 39, 66, .06);--shadow-float: 0 18px 44px rgba(22, 48, 143, .16);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-ui: "Karla", -apple-system, "Segoe UI", sans-serif;--radius: 18px;--radius-lg: 26px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}html{font-family:var(--font-ui)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}body{font-family:var(--font-ui);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overscroll-behavior:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1100px 600px at 85% -10%,rgba(33,69,201,.09),transparent 60%),radial-gradient(900px 700px at -10% 110%,rgba(196,99,58,.08),transparent 55%),var(--paper)}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2.5px solid var(--club);outline-offset:2px;border-radius:4px}.btn-primary:focus-visible,.btn-vouch:focus-visible,.send-btn:focus-visible,.action-connect:focus-visible,.chip-on:focus-visible{outline-color:var(--ember)}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.92em;letter-spacing:.04em}.shell{max-width:434px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;background:var(--paper);position:relative}@media (min-width: 500px){.shell{height:min(100dvh,100%);border-left:1px solid var(--line-soft);border-right:1px solid var(--line-soft);box-shadow:0 0 80px #16308f14}}.shell-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.shell-content,.chat-scroll,.sheet{scrollbar-width:none;-ms-overflow-style:none}.shell-content::-webkit-scrollbar,.chat-scroll::-webkit-scrollbar,.sheet::-webkit-scrollbar{display:none}.page{display:flex;flex-direction:column;min-height:100%;animation:page-in .35s cubic-bezier(.22,.8,.36,1)}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-scroll{padding-bottom:28px}.page-plain{min-height:100%}.page-display{font-family:var(--font-display);font-size:32px;font-weight:600;line-height:1.12;letter-spacing:-.01em;margin-bottom:10px}.page-lede{color:var(--muted);font-size:15.5px;line-height:1.5;margin-bottom:22px}.topbar{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;position:sticky;top:0;z-index:20;background:linear-gradient(var(--paper) 78%,transparent)}.topbar-brand{font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--club-deep);letter-spacing:-.02em}.topbar-title{flex:1;font-weight:700;font-size:16.5px;display:flex;align-items:center;gap:8px;min-width:0}.topbar-action{margin-left:auto;display:flex;align-items:center;gap:6px}.topbar-hello{color:var(--muted);font-size:13.5px;font-weight:600}.icon-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background .15s;flex-shrink:0}.icon-btn:hover{background:var(--line-soft)}.city-pill{background:var(--club-soft);color:var(--club-deep);font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;letter-spacing:.02em}.tabbar{display:flex;justify-content:space-around;padding:8px 8px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);background:color-mix(in srgb,var(--card) 88%,var(--paper));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.02em;padding:4px 8px;border-radius:12px;transition:color .15s}.tab-active{color:var(--club-deep)}.tab-icon{position:relative;display:flex}.badge{position:absolute;top:-5px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--ember);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.badge-inline{position:static;display:inline-flex}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:14.5px;border-radius:999px;padding:11px 20px;transition:transform .12s,box-shadow .15s,background .15s;letter-spacing:.01em}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-lg{width:100%;padding:15px 22px;font-size:15.5px}.btn-sm{padding:8px 15px;font-size:13px}.btn-primary{background:linear-gradient(160deg,var(--club),var(--club-deep));color:#fff;box-shadow:0 6px 18px #2145c952}.btn-primary:hover{box-shadow:0 8px 24px #2145c966}.btn-outline{border:1.6px solid var(--club);color:var(--club-deep);background:var(--card)}.btn-outline:hover{background:var(--club-ghost)}.btn-ghost{color:var(--club-deep);background:var(--club-ghost)}.btn-ghost:hover{background:var(--club-soft)}.btn-vouch{background:linear-gradient(160deg,var(--ember-bright),var(--ember));color:#fff;box-shadow:0 6px 18px #c4633a52}.btn-vouch:hover{box-shadow:0 8px 24px #c4633a6b}.chip-select:hover{border-color:var(--club)}.send-btn:hover{box-shadow:0 7px 18px #2145c96b}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.welcome{flex:1;display:flex;flex-direction:column;justify-content:center;padding:34px 26px;background:radial-gradient(600px 340px at 110% -8%,rgba(33,69,201,.13),transparent 60%),radial-gradient(420px 300px at -20% 108%,rgba(196,99,58,.12),transparent 55%)}.welcome-logo{display:flex;align-items:center;gap:9px;color:var(--club-deep);font-family:var(--font-display);font-size:27px;font-weight:700;letter-spacing:-.02em;margin-bottom:26px}.welcome-title{font-family:var(--font-display);font-size:34px;font-weight:600;line-height:1.14;letter-spacing:-.015em;margin-bottom:12px}.welcome-title em{font-style:italic;color:var(--club)}.welcome-sub{color:var(--muted);font-size:16px;margin-bottom:30px}.welcome-points{list-style:none;display:flex;flex-direction:column;gap:15px;margin-bottom:34px}.welcome-points li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:var(--ink)}.welcome-points svg{color:var(--club);flex-shrink:0;margin-top:2px}.welcome-actions{display:flex;flex-direction:column;gap:11px}.welcome-note{margin-top:22px;text-align:center;color:var(--muted);font-size:12px}.join,.onboarding{padding:10px 24px 40px;display:flex;flex-direction:column}.join-form{display:flex;flex-direction:column;gap:14px}.join-hint{text-align:center;color:var(--muted);font-size:12.5px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;flex:1}.field-row{display:flex;gap:12px}.field-label{font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.input{font-family:inherit;font-size:15px;color:var(--ink);background:var(--card);border:1.4px solid var(--line);border-radius:14px;padding:13px 15px;width:100%;resize:none;transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--club);box-shadow:0 0 0 3.5px #2145c924}.input-code{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;font-size:17px;text-align:center}.field-error{color:var(--ember);font-size:13.5px;margin-top:-6px}.steps-indicator{display:flex;gap:7px;margin:6px 0 22px}.steps-indicator span{height:4px;width:34px;border-radius:4px;background:var(--line)}.steps-indicator .step-on{background:var(--club)}.steps-indicator .step-done{background:var(--club-soft)}.chip-row{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.chip-row-wrap{margin-bottom:16px}.chip-row-center{justify-content:center}.chip{background:var(--club-ghost);color:var(--club-deep);border-radius:999px;font-size:12.5px;font-weight:700;padding:6px 13px;letter-spacing:.01em}.chip-trait{background:var(--ember-soft);color:var(--ember-deep)}.chip-select{border:1.4px solid var(--line);background:var(--card);color:var(--ink);transition:border-color .13s,background .13s,color .13s,transform .13s;position:relative}.chip-select:after,.btn-sm:after,.chat-peer:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}.btn-sm,.chat-peer{position:relative}.chip-select:active{transform:scale(.95)}.chip-on{background:var(--club);border-color:var(--club);color:#fff}.stack-area{flex:1;display:flex;flex-direction:column;padding:4px 18px 18px;min-height:0}.card-stack{position:relative;flex:1;min-height:0}.person-card{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .28s cubic-bezier(.3,.7,.4,1),opacity .28s}.person-card-under{transform:scale(.94) translateY(14px) rotate(1.2deg);opacity:.75;pointer-events:none}.card-leave-left{transform:translate(-120%) rotate(-9deg);opacity:0}.card-leave-right{transform:translate(120%) rotate(9deg);opacity:0}.card-leave-up{transform:translateY(-115%) rotate(-2deg);opacity:0}.person-card-photo{position:relative;flex:1;min-height:0;background:var(--club-soft)}.person-card-photo img{width:100%;height:100%;object-fit:cover;display:block}.person-card-photo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:90px;color:#fff;background:linear-gradient(150deg,var(--club),var(--club-deep))}.distance-pill{position:absolute;top:14px;right:14px;background:#141a308c;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px}.person-card-scrim{position:absolute;inset-inline:0;bottom:0;padding:44px 18px 14px;background:linear-gradient(transparent,#10162cd1);color:#fff}.person-card-name{font-family:var(--font-display);font-size:25px;font-weight:600;display:flex;align-items:center;gap:7px}.person-card-role{font-size:14px;opacity:.88;margin-top:2px}.person-card-body{padding:14px 18px 16px;display:flex;flex-direction:column;gap:4px}.person-card-headline{font-size:14.5px;line-height:1.42;color:var(--ink)}.trusted-row{display:flex;align-items:center;gap:8px;color:var(--club-deep);margin-top:6px}.trusted-row-center{justify-content:center}.trusted-count{font-size:13.5px;font-weight:800}.avatar-stack{display:inline-flex}.avatar-stack-item{border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px var(--card);margin-left:-7px}.avatar-stack-item:first-child{margin-left:0}.avatar-stack-extra{background:var(--club-soft);color:var(--club-deep);font-weight:800;display:inline-flex;align-items:center;justify-content:center}.stack-actions{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:16px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;transition:transform .12s,box-shadow .15s;box-shadow:var(--shadow-card);background:var(--card)}.action-btn:active{transform:scale(.92)}.action-skip{width:56px;height:56px;color:var(--muted)}.action-save{width:56px;height:56px;color:var(--ember)}.action-connect{height:62px;padding:0 30px;background:linear-gradient(160deg,var(--club),var(--club-deep));color:#fff;font-weight:800;font-size:16px;box-shadow:0 10px 26px #2145c961}.section{padding:10px 20px 6px}.section-title{font-family:var(--font-display);font-size:19px;font-weight:600;margin-bottom:10px}.section-subtitle{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:5px}.section-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.section-note{color:var(--muted);font-size:13.5px;line-height:1.5;margin-bottom:12px}.body-text{font-size:14.5px;line-height:1.55;color:var(--ink)}.profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 22px 14px;gap:7px}.profile-photo{width:132px;height:132px;border-radius:44px;object-fit:cover;box-shadow:var(--shadow-card)}.profile-photo-fallback{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:52px;color:#fff;background:linear-gradient(150deg,var(--club),var(--club-deep))}.profile-name{font-family:var(--font-display);font-size:27px;font-weight:600;display:flex;align-items:center;gap:8px;margin-top:6px}.profile-role{color:var(--muted);font-size:14.5px}.profile-headline{margin-top:4px}.founding-badge{display:inline-flex;align-items:center;gap:6px;background:var(--ember-soft);color:var(--ember-deep);font-size:12px;font-weight:800;letter-spacing:.03em;padding:5px 12px;border-radius:999px}.founding-badge svg{color:var(--ember)}.profile-actions{display:flex;flex-direction:column;gap:10px;padding:6px 20px 12px}.status-line{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;font-weight:600;background:var(--club-ghost);border-radius:14px;padding:12px 15px}.status-confirmed{background:var(--green-soft);color:var(--green)}.request-note{font-family:var(--font-display);font-style:italic;font-size:15.5px;line-height:1.5;color:var(--ink);background:var(--card);border-left:3px solid var(--club);border-radius:0 14px 14px 0;padding:12px 15px;margin:4px 0}.stat-row{display:flex;justify-content:center;gap:12px;padding:8px 20px 14px}.stat{flex:1;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-card);display:flex;flex-direction:column;align-items:center;padding:14px 8px;gap:2px}.stat-num{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--club-deep)}.stat-label{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.invite-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border:1.4px dashed var(--line);border-radius:14px;padding:11px 15px;margin-bottom:8px}.invite-row code{font-weight:700;color:var(--club-deep)}.invite-used{opacity:.55}.invite-status{font-size:12.5px;color:var(--muted)}.section-about-demo{margin-top:14px;border-top:1px solid var(--line-soft);padding-top:18px}.person-row{display:flex;align-items:center;gap:12px;padding:10px 2px;border-radius:14px;transition:background .13s;width:100%;text-align:left}.person-row:hover{background:var(--line-soft)}.person-row-text{flex:1;min-width:0}.person-row-name{font-weight:800;font-size:15px;display:flex;align-items:center;gap:5px}.person-row-sub{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-row-right{flex-shrink:0}.request-block{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:10px 14px 14px;margin-bottom:12px}.stage-chip{font-size:11.5px;font-weight:800;letter-spacing:.02em;padding:4px 10px;border-radius:999px;background:var(--club-ghost);color:var(--club-deep)}.stage-trust,.stage-vouch{background:var(--ember-soft);color:var(--ember-deep)}.stage-pending{background:var(--paper-deep);color:var(--muted)}.thread-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.thread-time{font-size:11.5px;color:var(--muted)}.trait-list{display:flex;flex-direction:column;gap:9px}.trait-row{display:grid;grid-template-columns:138px 1fr 26px;align-items:center;gap:10px}.trait-name{font-size:13px;font-weight:700}.trait-bar-track{height:7px;background:var(--club-ghost);border-radius:999px;overflow:hidden}.trait-bar{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--club),var(--club-deep));animation:bar-in .7s cubic-bezier(.22,.8,.36,1)}@keyframes bar-in{0%{width:0!important}}.trait-count{font-size:12.5px;font-weight:800;color:var(--club-deep);text-align:right}.vouch-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:14px 16px;margin-bottom:12px}.vouch-head{display:flex;gap:10px;align-items:center;margin-bottom:9px}.vouch-from{font-weight:800;font-size:14px}.vouch-meta{color:var(--muted);font-size:12px}.vouch-text{font-family:var(--font-display);font-style:italic;font-size:15.5px;line-height:1.5}.vouch-mine{border:1.4px solid var(--ember-soft)}.vouch-form{padding:6px 22px 30px}.vouch-form-head{display:flex;gap:14px;align-items:center;margin-bottom:18px}.vouch-form-head .page-lede{margin-bottom:0}.journey-head{display:flex;align-items:center;gap:13px;padding:4px 20px 10px;text-align:left;width:100%}.journey-head-name{font-family:var(--font-display);font-size:20px;font-weight:600}.journey-head-sub{color:var(--muted);font-size:13.5px}.journey{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px 18px 8px}.journey-step{display:flex;gap:14px}.journey-rail{display:flex;flex-direction:column;align-items:center}.journey-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--club-ghost);color:var(--club-deep);flex-shrink:0;border:1.6px solid var(--club-soft)}.journey-dot-done{background:var(--club);border-color:var(--club);color:#fff}.journey-line{width:2px;flex:1;min-height:22px;background:var(--club-soft);margin:3px 0}.journey-body{padding-bottom:20px;min-width:0}.journey-name{font-weight:800;font-size:14.5px}.journey-detail{color:var(--muted);font-size:13px;line-height:1.45;margin-top:1px}.journey-active .journey-name{color:var(--club-deep)}.journey-locked{opacity:.5}.chat-page{height:100%}.chat-peer{display:flex;align-items:center;gap:9px;font-weight:800;font-size:15.5px}.chat-scroll{flex:1;overflow-y:auto;padding:8px 16px 12px;display:flex;flex-direction:column;gap:8px}.chat-system{align-self:center;background:var(--paper-deep);color:var(--muted);font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px;margin:8px 0;text-align:center}.bubble-row{display:flex}.bubble-row-mine{justify-content:flex-end}.bubble{max-width:78%;background:var(--card);border-radius:18px 18px 18px 5px;box-shadow:0 2px 8px #1e274212;padding:10px 14px 7px;font-size:14.5px;line-height:1.45;animation:bubble-in .25s cubic-bezier(.22,.8,.36,1)}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.bubble-mine{background:linear-gradient(160deg,var(--club),var(--club-deep));color:#fff;border-radius:18px 18px 5px}.bubble-time{display:block;font-size:11px;opacity:.65;text-align:right;margin-top:3px}.chat-composer{display:flex;gap:9px;padding:10px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);background:var(--paper)}.chat-input{border-radius:999px}.send-btn{width:48px;height:48px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--club),var(--club-deep));color:#fff;box-shadow:0 5px 14px #2145c952;transition:transform .12s}.send-btn:active{transform:scale(.92)}.send-btn:disabled{opacity:.4}.notif-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 10px;border-radius:16px;transition:background .13s}.notif-row:hover{background:var(--line-soft)}.notif-new{background:var(--club-ghost)}.notif-body{flex:1;min-width:0}.notif-text{font-size:14px;font-weight:600;line-height:1.4}.notif-time{color:var(--muted);font-size:12px;margin-top:1px}.notif-dot{width:9px;height:9px;border-radius:50%;background:var(--ember);flex-shrink:0}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a3073;z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:fade-in .2s}@keyframes fade-in{0%{opacity:0}}.sheet{width:100%;max-width:434px;background:var(--paper);border-radius:26px 26px 0 0;padding:12px 22px calc(24px + env(safe-area-inset-bottom));animation:sheet-up .32s cubic-bezier(.22,.8,.36,1);display:flex;flex-direction:column;gap:12px;max-height:82dvh;overflow-y:auto}@keyframes sheet-up{0%{transform:translateY(60%)}}.sheet-handle{width:42px;height:4.5px;border-radius:999px;background:var(--line);margin:0 auto 4px}.sheet-title{font-family:var(--font-display);font-size:21px;font-weight:600}.sheet-lede{color:var(--muted);font-size:14px;line-height:1.5}.toast{position:fixed;bottom:92px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;font-size:13.5px;font-weight:700;padding:11px 20px;border-radius:999px;box-shadow:var(--shadow-float);z-index:80;animation:toast-in .3s cubic-bezier(.22,.8,.36,1);max-width:86%;text-align:center}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 36px;gap:10px}.empty-mark{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--club-deep);background:var(--club-soft);width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.empty-state h3{font-family:var(--font-display);font-size:22px;font-weight:600}.empty-state p{color:var(--muted);font-size:14.5px;line-height:1.55}.empty-actions{display:flex;flex-direction:column;gap:10px;margin-top:12px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}