@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--primary:#643b72;--primary-hover:#784789;--accent:#f27685;--accent-soft:#fce7ec;--ink:#2d2433;--muted:#786e80;--line:#ebe4ee;--bg:#faf8fc;--white:#fff;--orange:#efad6c;--rose:#f27685;--radius:20px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #776783;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{font-size:36px;font-weight:800;letter-spacing:-1.5px;line-height:1.25}h2{font-size:22px;letter-spacing:-.7px;line-height:1.4}h3{font-size:17px;line-height:1.4}svg{width:22px;height:22px;vertical-align:middle;flex-shrink:0}small{font-size:12px;color:var(--muted)}.app-shell{max-width:1780px;margin:auto;min-height:100vh}.sidebar{width:232px;position:fixed;top:0;bottom:0;background:#fff;border-right:1px solid var(--line);padding:34px 23px 20px;display:flex;flex-direction:column;z-index:25}.brand{font-size:50px;font-weight:800;letter-spacing:-3.8px;line-height:1}.brand span{font-size:39px;color:#776783;margin-left:3px;letter-spacing:-2px}.brand-note{font-size:12px;color:var(--muted);margin:13px 0 33px}.sidebar nav{display:grid;gap:5px}.nav-item{padding:12px 15px;display:flex;align-items:center;gap:12px;border-radius:11px;text-align:left;font-size:14px;font-weight:550;color:#776783;white-space:nowrap}.nav-item:hover{background:var(--bg)}.nav-item.active{background:var(--primary);color:var(--accent)}.nav-item svg{width:21px}.nav-count{margin-left:auto;background:var(--accent);color:var(--primary);padding:0 6px;border-radius:6px;font-size:12px;line-height:19px}.sidebar-create{margin-top:27px;border:1px solid #d8c6e2;border-radius:11px;display:flex;justify-content:space-between;align-items:center;padding:11px 15px;font-size:14px}.sidebar-create>span{font-size:24px;line-height:24px;color:#63436f}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-note{background:var(--bg);padding:17px;border-radius:13px;margin-bottom:18px;display:flex;align-items:center;gap:10px}.sidebar-note>span{font-size:40px;color:#776783}.sidebar-note p{font-size:12px;line-height:1.8;color:#63436f}.own-profile{display:flex;align-items:center;width:100%;gap:11px;text-align:left;padding:12px 0;border-top:1px solid var(--line)}.own-profile b{font-size:14px}.own-profile small{display:block;font-size:12px}.profile-arrow{margin-left:auto}.subtle-button{font-size:12px;color:var(--muted);padding:10px 0}.workspace{margin-left:232px}.topbar{height:79px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:15px}.breadcrumb{font-size:14px;color:#776783;display:flex;gap:12px;align-items:center}.breadcrumb b{font-weight:500;color:var(--ink)}.breadcrumb span{color:#8e7a99}.top-actions{display:flex;align-items:center;gap:18px}.location-button{background:var(--bg);border:1px solid var(--line);border-radius:22px;padding:7px 11px;display:flex;align-items:center;gap:6px;font-size:12px}.location-button svg{width:15px}.location-button b{font-weight:500}.location-button .chevron{color:#776783;font-size:13px}.icon-button{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:#f0e8f5}.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center 35%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.avatar.own{font-weight:700;background:#e7dcee;color:#63436f}.avatar.small{width:34px;height:34px;font-size:13px}.avatar.large{width:68px;height:68px}.demo-banner{display:flex;align-items:center;gap:10px;padding:9px 38px;font-size:12px;color:#776783;background:#f0e8f5;border-bottom:1px solid #e7dcee}.demo-badge{font-size:12px;font-weight:700;letter-spacing:1px;white-space:nowrap}.demo-banner>button{margin-left:auto;font-size:12px;white-space:nowrap}.demo-banner>button span{margin-left:3px}.mobile-brand,.bottom-nav{display:none}main{padding:31px 38px 65px;outline:none}.page{max-width:1200px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.9px;color:#776783;margin-bottom:8px;display:flex;align-items:center;gap:7px}.eyebrow svg{width:13px;height:13px}.subtitle{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.8}.heading-decoration{font-size:64px;color:#8e7a99;line-height:1;margin:0 8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 17px;font-size:14px;font-weight:600;line-height:1.4;border:1px solid transparent}.button svg{width:18px;height:18px}.button.primary{background:var(--primary);color:white;border-color:var(--primary)}.button.primary:hover{background:var(--primary-hover)}.button.accent{background:var(--accent);color:var(--primary);border-color:var(--accent)}.button.secondary{background:#fff;border-color:#d8c6e2}.button.quiet{background:var(--bg);border-color:var(--line);color:#63436f}.button.full{width:100%}.button.small-button{font-size:12px;padding:8px 11px}.text-link{font-size:12px;color:#63436f;font-weight:600;display:inline-flex;gap:5px;align-items:center;padding:0}.text-link svg{width:15px;height:15px}.nearby-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:23px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filter-chip{border:1px solid #e7dcee;border-radius:24px;padding:9px 13px;background:#fff;display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.filter-chip svg{width:15px;height:15px}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:white}.view-switch{display:flex;padding:3px;border-radius:9px;background:#e7dcee;flex-shrink:0}.view-switch button{width:33px;height:31px;border-radius:6px;color:#776783}.view-switch button svg{width:18px;height:18px}.view-switch .active{background:white;color:var(--primary);box-shadow:0 1px 5px #33223f12}.two-columns{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:28px}.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;color:#776783;gap:10px}.section-label b{font-weight:600;color:#63436f}.section-label button{font-size:12px;color:#776783}.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.person-card{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:transform .2s,box-shadow .2s}.person-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #33223f0b}.person-visual{height:290px;width:100%;display:block;padding:0;position:relative;overflow:hidden;text-align:left}.person-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 36%;transition:transform .35s}.person-card:hover .person-visual>img{transform:scale(1.025)}.image-gradient{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#33223fcc)}.distance-tag{position:absolute;top:14px;left:14px;padding:6px 9px;border-radius:7px;background:#ffffffec;color:#33223f;font-size:12px;display:flex;align-items:center;gap:5px;backdrop-filter:blur(8px)}.distance-tag svg{width:12px;height:12px}.visual-name{position:absolute;bottom:16px;left:18px;right:15px;color:#fff}.visual-name h2{font-size:25px;display:flex;gap:6px;align-items:center;letter-spacing:-.8px}.visual-name p{font-size:12px;color:#f0e8f5;margin-top:4px}.verified{display:inline-flex;color:#776783;vertical-align:middle}.verified svg{width:15px;height:15px;fill:#f0e8f5;stroke-width:1.6}.visual-name .verified svg{fill:#e7dcee;color:#63436f;width:17px;height:17px}.person-body{padding:15px 17px 17px}.common-label{font-size:12px;color:#776783;display:flex;align-items:center;gap:5px}.common-label svg{width:13px;height:13px}.person-body>p{font-size:13px;color:#776783;line-height:1.65;margin-top:8px;min-height:43px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.tag{font-size:12px;background:#f0e8f5;color:#63436f;padding:5px 8px;border-radius:6px;white-space:nowrap}.tag.common{background:#e7dcee;color:#63436f}.person-actions{display:flex;gap:7px;margin-top:14px}.person-actions .button{font-size:12px;padding:10px;flex:1}.person-actions>.icon-button{width:38px;height:38px;border:1px solid #e7dcee;border-radius:9px;flex-shrink:0}.person-actions>.icon-button svg{width:17px}.rail{display:flex;flex-direction:column;gap:21px}.rail-welcome{padding:23px;background:var(--primary);color:white;border-radius:17px;position:relative;overflow:hidden}.rail-welcome .eyebrow{color:#b69dbf;font-size:12px;letter-spacing:1.3px}.rail-welcome h2{font-size:24px;letter-spacing:-.9px;line-height:1.4;margin-top:12px}.rail-welcome p{font-size:12px;color:#d8c6e2;line-height:1.8;margin-top:10px}.rail-welcome .button{margin-top:20px;width:100%;font-size:12px;justify-content:space-between}.avatar-stack{display:flex;margin-top:17px}.avatar-stack .avatar{width:37px;height:37px;border:2px solid var(--primary);margin-left:-9px}.avatar-stack .avatar:first-child{margin-left:0}.avatar-stack>span{display:flex;align-items:center;margin-left:8px;font-size:12px;color:#d8c6e2}.rail-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.rail-title h3{font-size:15px}.mini-plan{padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff}.mini-plan+.mini-plan{margin-top:10px}.mini-plan-top{display:flex;gap:8px;align-items:center;font-size:12px;color:#776783}.mini-plan-top svg{width:14px;height:14px}.mini-plan h3{font-size:14px;line-height:1.6;margin-top:8px}.mini-plan-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.mini-plan-bottom .avatar{width:26px;height:26px}.mini-plan-bottom span{font-size:12px;color:#776783}.safety-note{background:#f0e8f5;border:1px solid #e7dcee;border-radius:13px;padding:17px}.safety-note>div{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.safety-note svg{width:18px}.safety-note p{font-size:12px;color:#776783;line-height:1.85;margin-top:8px}.safety-note .text-link{font-size:12px;margin-top:9px}.rail-foot{font-size:12px;color:#8e7a99;line-height:1.9}.empty-state{background:white;border:1px solid var(--line);border-radius:18px;padding:55px 24px;text-align:center}.empty-state>svg{width:40px;height:40px;color:#776783;margin-bottom:20px}.empty-state h2{font-size:23px}.empty-state p{font-size:14px;line-height:1.8;color:var(--muted);max-width:420px;margin:13px auto 22px}.empty-state .button{margin:4px}.notice{padding:14px 17px;border:1px solid #e7dcee;background:#f0e8f5;border-radius:11px;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.7;margin-bottom:20px}.notice>svg{width:18px;flex-shrink:0}.notice>button{margin-left:auto;white-space:nowrap}.notice.warning{background:#fbf1e4;border-color:#ebdbc3;color:#80613f}.distance-panel{border:1px solid var(--line);border-radius:19px;overflow:hidden;background:#f0e8f5}.distance-stage{position:relative;aspect-ratio:1.22;overflow:hidden;background:radial-gradient(circle at 50% 50%,#e7dcee 0,#f0e8f5 65%)}.orbit{position:absolute;border:1px solid #d8c6e2;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit.one{width:30%;aspect-ratio:1}.orbit.two{width:60%;aspect-ratio:1}.orbit.three{width:90%;aspect-ratio:1}.orbit small{position:absolute;right:7%;top:9%;background:#f0e8f5;color:#776783;padding:2px 5px;font-size:12px;transform:rotate(0)}.radar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:45px;height:45px;background:var(--primary);color:var(--accent);border:5px solid #e7dcee;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.radar-person{position:absolute;transform:translate(-50%,-50%);padding:0;display:flex;align-items:center;flex-direction:column;gap:3px;z-index:2}.radar-person .avatar{border:3px solid white;width:51px;height:51px;box-shadow:0 3px 15px #63436f22}.radar-person span{font-size:12px;background:#fff;padding:2px 6px;border-radius:4px}.distance-legend{padding:15px 20px;background:white;border-top:1px solid var(--line);font-size:12px;line-height:1.8;color:#776783}.distance-legend b{display:block;color:#63436f}.feed-layout{display:grid;grid-template-columns:minmax(0,670px) 272px;gap:30px;max-width:980px;margin:auto}.stories{display:flex;gap:18px;padding:0 0 24px;overflow:auto;scrollbar-width:none}.story-button{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;flex-shrink:0;padding:0}.story-circle{padding:3px;border:1.5px solid #776783;border-radius:50%;position:relative}.story-circle .avatar{width:55px;height:55px;border:2px solid var(--bg)}.story-button.seen .story-circle{border-color:#d8c6e2}.story-circle.own-story{border:1.5px dashed #b69dbf}.story-plus{position:absolute;bottom:0;right:-1px;background:var(--primary);border:2px solid var(--bg);border-radius:50%;width:22px;height:22px;color:white;font-size:15px;display:flex;align-items:center;justify-content:center}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:21px}.tab{padding:0 0 13px;font-size:13px;color:#776783;position:relative}.tab.active{font-weight:650;color:var(--primary)}.tab.active:after{content:'';position:absolute;bottom:-1px;height:3px;background:var(--primary);left:0;right:0;border-radius:3px}.composer{border:1px solid var(--line);border-radius:14px;padding:15px 18px;background:white;display:flex;align-items:center;gap:12px;margin-bottom:20px}.composer>.avatar{width:38px;height:38px}.composer>button:first-of-type{text-align:left;font-size:13px;color:#776783;flex:1}.composer .icon-button{border-radius:9px;background:var(--accent);width:34px;height:34px}.composer .icon-button svg{width:18px}.post{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden;margin-bottom:23px}.post-head{padding:17px 19px;display:flex;align-items:center;gap:11px}.avatar-button{padding:0;display:flex}.person-name{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:650;padding:0}.post-meta{font-size:12px;color:#776783;margin-top:3px}.post-head>.icon-button{margin-left:auto;color:#776783}.post-img-wrap{height:360px;position:relative;overflow:hidden}.post-img-wrap>img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.post-image-label{position:absolute;bottom:17px;left:18px;padding:7px 11px;background:#ffffffed;border-radius:7px;font-size:12px}.post-image-label svg{width:13px;height:13px}.post-body{padding:17px 19px 19px}.post-caption{font-size:14px;line-height:1.8;margin-bottom:15px;white-space:pre-wrap}.post-caption b{margin-right:6px;font-weight:650}.post-actions{display:flex;align-items:center;gap:17px}.post-actions>button{display:flex;gap:5px;align-items:center;font-size:12px;color:#776783;padding:0}.post-actions>button svg{width:20px}.post-actions>.like.liked{color:#c84463}.like.liked svg{fill:#c84463}.post-actions>.save{margin-left:auto}.post-actions>.save.active{color:var(--primary)}.save.active svg{fill:#d8c6e2}.meet-post-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:16px;padding-top:13px;gap:10px}.meet-post-row>span{font-size:12px;color:#776783}.meet-post-row>.button{font-size:12px;padding:8px 11px}.question-post{padding:30px;background:#e7dcee}.question-post h2{font-size:27px;line-height:1.5;max-width:390px;margin-top:13px}.poll-options{display:flex;gap:10px;margin-top:23px;flex-wrap:wrap}.poll-options button{background:#fff;border-radius:24px;padding:10px 14px;border:1px solid #d8c6e2;font-size:12px}.poll-options button.selected{background:var(--primary);color:var(--accent);border-color:var(--primary)}.swipe-layout{display:grid;grid-template-columns:minmax(280px,470px) minmax(240px,330px);gap:46px;justify-content:center;align-items:start;margin-top:25px}.swipe-card{border-radius:22px;background:white;border:1px solid var(--line);overflow:hidden;box-shadow:0 15px 50px #33223f0a;touch-action:pan-y;transition:transform .2s}.swipe-visual{height:480px;position:relative}.swipe-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 38%}.swipe-visual .visual-name{bottom:26px;left:26px}.swipe-visual .visual-name h2{font-size:34px}.swipe-visual .visual-name p{font-size:14px}.swipe-visual .distance-tag{top:20px;left:20px}.swipe-info{position:absolute;bottom:27px;right:23px;color:white;border:1px solid #ffffff70;width:32px;height:32px;border-radius:50%;font-family:serif;font-size:20px}.swipe-bio{padding:21px 24px;font-size:14px;color:#776783;line-height:1.8}.swipe-controls{display:flex;align-items:center;justify-content:center;gap:21px;margin:23px 0 12px}.swipe-controls button{width:53px;height:53px;background:white;border:1px solid #e7dcee;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #33223f10}.swipe-controls button:first-child,.swipe-controls button:last-child{width:41px;height:41px;color:#776783}.swipe-controls button.pass{color:#776783}.swipe-controls button.pass svg{width:28px;height:28px}.swipe-controls button.like{background:var(--primary);color:var(--accent);width:64px;height:64px;border:0}.swipe-controls button.like svg{width:29px;height:29px}.swipe-helper{text-align:center;font-size:12px;color:#776783}.swipe-details{padding-top:6px}.detail-label{font-size:12px;font-weight:650;letter-spacing:1.4px;color:#776783;margin-bottom:11px}.prompt-box{padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:18px}.prompt-box h3{font-size:18px;line-height:1.65}.swipe-details>p{font-size:14px;color:#776783;line-height:1.9;margin:15px 0}.values{display:grid;gap:10px;margin-top:20px}.values>div{display:flex;align-items:center;gap:9px;font-size:13px;padding:11px 0;border-bottom:1px solid var(--line)}.values>div svg{width:17px;color:#776783}.matches-list{display:flex;flex-direction:column;gap:12px}.connection-row{display:flex;align-items:center;gap:16px;background:white;border:1px solid var(--line);border-radius:15px;padding:18px 20px}.connection-row .avatar{width:61px;height:61px}.connection-row h3{font-size:16px}.connection-row p{font-size:12px;color:#776783;margin:4px 0 7px}.status-pill{display:inline-block;font-size:12px;padding:4px 7px;border-radius:5px;background:#f0e8f5;color:#63436f}.connection-row>.button{margin-left:auto;font-size:12px}.chat-layout{display:grid;grid-template-columns:280px 1fr;background:white;border:1px solid var(--line);border-radius:19px;overflow:hidden;min-height:600px}.chat-list{padding:21px 15px;border-right:1px solid var(--line)}.chat-list-label{font-size:12px;letter-spacing:1.3px;color:#776783;padding:0 8px 16px}.chat-person{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:13px 10px;border-radius:11px;margin-bottom:5px}.chat-person.active{background:#f0e8f5}.chat-person>div{min-width:0}.chat-person b{font-size:13px}.chat-person p{font-size:12px;color:#776783;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.chat-window{display:flex;flex-direction:column;min-width:0}.chat-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px}.chat-head b{font-size:14px}.chat-head small{display:block;margin-top:2px;font-size:12px}.chat-head>.icon-button{margin-left:auto}.chat-log{padding:25px;flex:1;display:flex;flex-direction:column;gap:13px;min-height:300px;max-height:480px;overflow:auto}.chat-note{text-align:center;font-size:12px;color:#776783;margin:5px 0 14px;line-height:1.8}.chat-date{text-align:center;font-size:12px;color:#8e7a99;margin:3px 0 7px}.bubble{padding:12px 16px;border-radius:14px;background:#f0e8f5;max-width:85%;font-size:14px;line-height:1.8;align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:4px}.bubble small{display:block;font-size:12px;margin-top:5px;color:#8e7a99;text-align:right}.chat-starters{padding:10px 18px;display:flex;gap:6px;overflow:auto}.chat-starters button{font-size:12px;background:#f0e8f5;border:1px solid var(--line);padding:8px 11px;border-radius:18px;white-space:nowrap;color:#63436f}.chat-form{display:flex;align-items:center;gap:11px;padding:15px 18px;border-top:1px solid var(--line)}.chat-form input{flex:1;min-width:0;padding:12px;border:1px solid #e7dcee;border-radius:11px;background:#faf8fc;font-size:13px}.chat-form button{width:43px;height:43px;padding:0}.plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.plan-card{background:white;border:1px solid var(--line);border-radius:17px;padding:22px}.plan-banner{height:82px;background:#f0e8f5;border-radius:11px;display:flex;align-items:center;justify-content:space-between;padding:20px;margin-bottom:20px}.plan-banner.music{background:#edeaf5;color:#736284}.plan-banner.walk{background:#e7dcee;color:#63436f}.plan-banner svg{width:30px;height:30px}.plan-banner span{font-size:12px;letter-spacing:.5px}.plan-card h2{font-size:22px}.plan-card p{font-size:13px;color:#776783;line-height:1.9;margin:9px 0 16px}.plan-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#776783}.plan-meta svg{width:14px;height:14px}.plan-host{display:flex;align-items:center;gap:8px;margin-top:21px;padding-top:17px;border-top:1px solid var(--line)}.plan-host .avatar{width:31px;height:31px}.plan-host>span{font-size:12px}.plan-host>.button{margin-left:auto;font-size:12px;padding:9px 12px}.profile-cover{height:150px;background:var(--primary);border-radius:20px 20px 0 0;position:relative;overflow:hidden}.profile-cover>span{position:absolute;right:37px;top:-4px;color:var(--accent);font-size:149px;line-height:1.2}.profile-cover>p{position:absolute;left:30px;top:30px;color:#b69dbf;font-size:12px;letter-spacing:2px}.profile-intro{background:white;border:1px solid var(--line);border-top:0;padding:0 30px 27px;border-radius:0 0 20px 20px;margin-bottom:25px}.profile-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.profile-top>.avatar{width:89px;height:89px;border:5px solid white;transform:translateY(-32px);margin-bottom:-20px;font-size:30px}.profile-top>.button{font-size:12px}.profile-intro h1{font-size:30px;margin-top:6px}.profile-intro>p{font-size:14px;color:#776783;line-height:1.9;margin-top:11px;max-width:650px}.profile-stats{display:flex;gap:25px;margin-top:19px;font-size:12px;color:#776783}.profile-stats b{color:var(--primary);margin-right:4px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.profile-section{padding:24px;border:1px solid var(--line);background:#fff;border-radius:15px}.profile-section h3{margin-bottom:15px}.profile-section p{font-size:13px;color:#776783;line-height:1.9}.setting-inline{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);gap:15px}.setting-inline:last-child{border-bottom:0}.setting-inline b{font-size:13px;font-weight:550;display:block}.setting-inline small{display:block;font-size:12px;margin-top:4px;line-height:1.7}.switch{position:relative;width:39px;height:23px;flex-shrink:0}.switch input{opacity:0;position:absolute;inset:0;cursor:pointer;width:100%;height:100%;z-index:1;margin:0}.switch span{position:absolute;inset:0;background:#e7dcee;border-radius:13px;transition:.2s}.switch span:after{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;background:white;border-radius:50%;transition:.2s}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translateX(16px)}.switch input:focus-visible+span{outline:3px solid #8e7a99;outline-offset:3px}.verification-steps{display:grid;gap:13px;margin:20px 0}.verification-step{display:flex;gap:11px;align-items:flex-start;font-size:13px}.verification-step>span{width:27px;height:27px;background:#e7dcee;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.verification-step p{font-size:12px;color:#776783;margin-top:3px;line-height:1.8}.saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.saved-grid button{padding:0;height:200px;border-radius:12px;overflow:hidden}.saved-grid img{width:100%;height:100%;object-fit:cover}.saved-grid button:has(.own-saved-text){background:#e7dcee;padding:20px;text-align:left;font-size:14px}.shared-post-text{font-size:16px;line-height:1.9;padding:5px 20px 24px;white-space:pre-wrap;overflow-wrap:anywhere}.hidden{display:none!important}dialog{border:0;border-radius:23px;width:min(500px,calc(100% - 28px));max-height:90dvh;padding:31px;color:var(--ink);box-shadow:0 25px 120px #33223f66;overflow:auto}dialog.wide-dialog{width:min(680px,calc(100% - 28px))}dialog::backdrop{background:#33223f96;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:13px;top:12px;font-size:27px;z-index:5;background:#f0e8f5e8}.modal-eyebrow{font-size:12px;letter-spacing:1.5px;color:#776783;font-weight:700;margin-top:3px}.modal-title{font-size:27px;letter-spacing:-1px;line-height:1.4;margin:10px 18px 12px 0}.modal-copy{font-size:14px;color:#776783;line-height:1.9;margin-bottom:20px}.modal-fine{font-size:12px!important;line-height:1.9;color:#776783;margin-top:15px}.modal-body .button.full{margin-top:15px}.field{display:block;margin:20px 0 8px;font-size:13px;font-weight:550}.form-input,textarea,select{padding:12px 13px;width:100%;border:1px solid #e7dcee;border-radius:10px;background:#faf8fc;font-size:14px;color:var(--ink)}textarea{resize:vertical;min-height:115px;line-height:1.7}.range-label{display:flex;justify-content:space-between;margin:22px 0 12px;font-size:13px}.range-label strong{color:#63436f;font-weight:600}.range-input{accent-color:var(--primary);width:100%;cursor:pointer}.age-inputs{display:grid;grid-template-columns:1fr 1fr;gap:13px}.age-inputs label{font-size:12px;color:#776783}.age-inputs input{margin-top:6px}.form-actions{display:flex;gap:10px;margin-top:25px}.form-actions>.button{flex:1}.modal-profile-photo{height:340px;width:100%;object-fit:cover;object-position:center 36%;border-radius:14px;margin-top:13px}.modal-profile-head{display:flex;align-items:center;gap:10px;justify-content:space-between}.modal-profile-head .modal-title{margin-right:0}.modal-profile-location{font-size:12px;color:#776783;margin-bottom:17px}.modal-prompt{padding:19px;border:1px solid #e7dcee;background:#f0e8f5;border-radius:12px;margin:18px 0}.modal-prompt p{font-size:16px;line-height:1.7}.modal-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-photos img{width:100%;height:180px;object-fit:cover;border-radius:9px}.options-list{display:grid;gap:8px;margin-top:22px}.options-list>button{font-size:14px;padding:13px;border:1px solid var(--line);border-radius:10px;text-align:left;display:flex;align-items:center;gap:10px}.options-list>button svg{width:18px}.match-flower{font-size:69px;text-align:center;color:#776783;line-height:1;margin:12px 0 20px}.match-avatars{display:flex;align-items:center;justify-content:center;margin:23px 0;gap:0}.match-avatars>.avatar{width:86px;height:86px;border:5px solid white;box-shadow:0 0 0 1px #d8c6e2;font-size:30px}.match-avatars>.avatar+img{margin-left:-14px}.match-avatars>span:last-child{margin-left:-14px}.center{text-align:center}.story-view{position:relative;border-radius:15px;overflow:hidden;height:min(650px,73dvh);margin-top:13px;background:var(--primary)}.story-view>img{width:100%;height:100%;object-fit:cover;object-position:center}.story-progress{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:4px}.story-progress>span{height:3px;border-radius:3px;background:#ffffff70;flex:1}.story-progress>span.active{background:white}.story-caption{position:absolute;bottom:65px;left:25px;right:25px;color:white;font-family:Manrope,sans-serif;font-size:26px;line-height:1.5;letter-spacing:-.6px;text-shadow:0 2px 20px #33223faa}.story-footer{position:absolute;bottom:15px;left:20px;right:20px;display:flex;justify-content:space-between;color:#fff}.story-footer button{font-size:13px}.upload-row{display:flex;align-items:center;gap:10px;margin-top:14px}.upload-label{font-size:12px;display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:9px 12px;cursor:pointer}.upload-label svg{width:16px}.upload-preview{width:100%;height:190px;object-fit:cover;border-radius:11px;margin-top:15px}.comment{padding:14px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.comment b{font-size:12px;display:block;color:#63436f;margin-bottom:4px}.location-options{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 22px}.location-options>button{padding:10px 15px;background:#f0e8f5;border:1px solid #d8c6e2;border-radius:9px;font-size:13px}.geo-status{font-size:12px;line-height:1.8;margin-top:12px;color:#776783}.modal-divider{border:0;border-top:1px solid var(--line);margin:23px 0}.check-row{display:flex;align-items:center;gap:9px;font-size:13px;margin-top:17px}.check-row input{accent-color:var(--primary);width:16px;height:16px}.report-sent{padding:18px;border-radius:12px;background:#f0e8f5;font-size:14px;line-height:1.9}.own-plan-badge{font-size:12px;color:#776783;margin-left:auto}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#33223f;color:#fff;padding:13px 20px;border-radius:12px;box-shadow:0 8px 25px #33223f33;font-size:13px;z-index:100;max-width:calc(100vw - 30px);width:max-content;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.two-columns{grid-template-columns:minmax(0,1fr) 292px;gap:32px}.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.person-visual{height:300px}.person-body{padding:15px}.person-actions .button{font-size:12px}}
@media(max-width:1180px){.sidebar{width:207px;padding:30px 17px 18px}.workspace{margin-left:207px}main{padding:27px 25px 60px}.topbar{padding:0 25px}.demo-banner{padding:9px 25px}.two-columns,.feed-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.rail-welcome{padding:20px}.rail-welcome h2{font-size:23px}.people-grid{gap:15px}.person-visual{height:245px}.person-body{padding:13px}.person-actions .button{font-size:12px;padding:9px 5px}.person-body>p{font-size:12px}.tag{font-size:12px}.swipe-layout{gap:25px;grid-template-columns:minmax(280px,1fr) 270px}.swipe-visual{height:450px}.chat-layout{grid-template-columns:220px 1fr}.chat-person p{max-width:125px}}
@media(max-width:1000px){.rail{display:none}.two-columns,.feed-layout{grid-template-columns:1fr;max-width:720px;margin:auto}.person-visual{height:320px}.person-body{padding:17px}.person-body>p{font-size:14px}.person-actions .button{font-size:13px;padding:11px}.tag{font-size:12px}.swipe-layout{grid-template-columns:minmax(0,470px)}.swipe-details{display:none}.nearby-toolbar{max-width:720px;margin-left:auto;margin-right:auto}.page-heading{max-width:720px;margin-left:auto;margin-right:auto}.chat-layout{grid-template-columns:180px 1fr}.chat-list{padding:18px 8px}.chat-person p{max-width:90px}.plans-grid{gap:14px}.plan-card{padding:18px}.plan-host{flex-wrap:wrap}.plan-host>.button{margin-left:0;width:100%;margin-top:8px}}
@media(max-width:760px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:69px;padding:0 19px}.breadcrumb{display:none}.mobile-brand{display:block;font-size:38px;letter-spacing:-2.9px}.mobile-brand span{font-size:30px}.top-actions{gap:8px}.top-actions>.avatar{display:none}.top-actions>.icon-button{width:33px}.location-button{font-size:12px;padding:6px 9px;max-width:190px}.location-button svg{width:13px}.demo-banner{padding:8px 18px;gap:8px;font-size:12px}.demo-badge{font-size:8px;letter-spacing:.6px}.demo-banner>span:nth-child(2){font-size:12px;line-height:1.6}.demo-banner>button{font-size:12px;padding:0}.demo-banner>button span{display:none}main{padding:26px 17px 103px}h1{font-size:30px;letter-spacing:-1.2px}.page-heading{gap:10px;margin-bottom:22px}.heading-decoration{font-size:51px;margin:0}.eyebrow{font-size:12px;letter-spacing:1.5px}.subtitle{font-size:12px;line-height:1.85;margin-top:8px}.page-heading>.button{font-size:12px;padding:9px;white-space:nowrap}.nearby-toolbar{padding:14px 0;margin-bottom:19px;gap:9px}.filter-chips{gap:6px}.filter-chip{font-size:12px;padding:8px 10px;gap:4px}.filter-chip svg{width:13px;height:13px}.view-switch button{width:29px;height:29px}.view-switch button svg{width:16px}.people-grid{gap:12px}.person-visual{height:250px}.person-body{padding:13px}.visual-name{left:13px;bottom:13px}.visual-name h2{font-size:23px}.visual-name p{font-size:12px}.distance-tag{font-size:12px;padding:5px 7px;top:11px;left:11px}.distance-tag svg{width:11px;height:11px}.person-body>p{font-size:12px;line-height:1.7;min-height:42px}.person-body .tags{gap:4px;margin:10px 0}.tag{font-size:12px;padding:4px 6px}.common-label{font-size:12px}.common-label svg{width:11px;height:11px}.person-actions{gap:5px;margin-top:11px}.person-actions .button{font-size:12px;padding:9px 5px;gap:4px}.person-actions .button svg{width:14px;height:14px}.person-actions>.icon-button{width:32px;height:34px;border-radius:8px}.person-actions>.icon-button svg{width:15px}.section-label{font-size:12px;margin-bottom:13px}.section-label button{font-size:12px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;border-top:1px solid #e7dcee;background:#fffffffa;backdrop-filter:blur(15px);padding:9px 8px max(12px,env(safe-area-inset-bottom));z-index:30;justify-content:space-around;align-items:center}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:50px;color:#776783;font-size:12px}.bottom-nav button.active{color:var(--primary);font-weight:700}.bottom-nav button svg{width:21px;height:21px}.bottom-nav button.meet-button>span:first-child{background:var(--primary);color:var(--accent);padding:9px;border-radius:15px;margin-top:-19px;box-shadow:0 2px 0 4px #fff}.bottom-nav button.meet-button svg{width:23px;height:23px}.bottom-nav button.meet-button.active>span:first-child{background:var(--accent);color:var(--primary)}.notice{font-size:12px;padding:12px;align-items:flex-start;gap:8px}.notice>button{font-size:12px}.distance-stage{aspect-ratio:1.05}.radar-person .avatar{width:46px;height:46px}.distance-legend{font-size:12px;padding:14px}.stories{gap:17px;padding-bottom:21px}.story-circle .avatar{width:52px;height:52px}.story-button{font-size:12px}.tabs{gap:23px;margin-bottom:18px}.tab{font-size:12px}.composer{padding:13px 15px}.composer>button:first-of-type{font-size:12px}.post-head{padding:15px}.post-img-wrap{height:340px}.post-body{padding:15px}.post-caption{font-size:13px}.post-actions{gap:18px}.post-actions>button{font-size:12px}.meet-post-row>span{font-size:12px}.meet-post-row>.button{font-size:12px}.question-post{padding:24px}.question-post h2{font-size:25px}.poll-options button{font-size:12px;padding:9px 11px}.swipe-layout{margin-top:18px}.swipe-visual{height:clamp(330px,49dvh,500px)}.swipe-bio{padding:17px 20px;font-size:13px}.swipe-bio .tags{margin-bottom:0}.swipe-controls{margin:18px 0 10px;gap:19px}.swipe-controls button.like{width:61px;height:61px}.swipe-visual .visual-name h2{font-size:31px}.swipe-visual .visual-name p{font-size:12px}.swipe-helper{font-size:12px}.connection-row{padding:15px;gap:12px;flex-wrap:wrap}.connection-row .avatar{width:52px;height:52px}.connection-row h3{font-size:15px}.connection-row p{font-size:12px}.connection-row>.button{font-size:12px;padding:9px 11px}.chat-layout{display:flex;flex-direction:column;min-height:570px}.chat-list{display:flex;gap:7px;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px}.chat-list-label{display:none}.chat-person{min-width:143px;width:auto;margin:0;padding:8px}.chat-person>.avatar{width:38px;height:38px}.chat-person p{max-width:100px;font-size:12px}.chat-person b{font-size:12px}.chat-head{padding:14px 16px}.chat-head .avatar{width:36px;height:36px}.chat-head b{font-size:13px}.chat-head small{font-size:12px}.chat-log{padding:18px;min-height:260px;max-height:390px}.bubble{font-size:13px;max-width:88%}.chat-note{font-size:12px}.chat-starters{padding:10px 13px}.chat-form{padding:12px;gap:8px}.chat-form input{font-size:13px}.plans-grid{grid-template-columns:1fr}.plan-card{padding:21px}.plan-host>.button{width:auto;margin-left:auto;margin-top:0}.profile-cover{height:125px}.profile-cover>p{font-size:12px;left:21px;top:25px}.profile-cover>span{font-size:122px;right:23px}.profile-intro{padding:0 21px 24px}.profile-top>.avatar{width:79px;height:79px;font-size:26px}.profile-intro h1{font-size:28px}.profile-intro>p{font-size:13px}.profile-grid{grid-template-columns:1fr;gap:15px}.profile-section{padding:21px}.profile-stats{gap:20px;font-size:12px}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-grid button{height:190px}dialog{padding:25px;max-height:88dvh;border-radius:20px}.modal-title{font-size:25px}.modal-copy{font-size:13px}.modal-profile-photo{height:310px}.modal-prompt p{font-size:15px}.story-view{height:min(650px,70dvh)}.story-caption{font-size:23px}.button{font-size:13px}#toast{bottom:97px;font-size:12px}.empty-state{padding:40px 20px}.empty-state h2{font-size:21px}.empty-state p{font-size:13px}}
@media(max-width:390px){main{padding-left:13px;padding-right:13px}.person-visual{height:219px}.person-body{padding:11px}.person-body>p{font-size:12px}.person-actions .button{font-size:12px}.person-actions>.icon-button{display:none}.filter-chip{padding:8px;font-size:12px}.filter-chip svg{width:12px}.visual-name h2{font-size:21px}.demo-banner{padding-left:14px;padding-right:14px;gap:6px}.demo-banner>button{display:none}.post-img-wrap{height:290px}.heading-decoration{font-size:42px}.location-button{max-width:170px;font-size:12px}.location-button .chevron{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Readable text and stable touch layouts across viewport sizes. */
.distance-stage{aspect-ratio:1}.orbit.one{width:36%}.orbit.two{width:62%}.orbit.three{width:84%}.person-body>p,.post-caption,.swipe-bio,.modal-copy{font-size:16px}.person-actions .button{font-size:14px}.tag,.common-label{font-size:12px}.person-actions>.icon-button{flex-shrink:0}.post-actions>button{min-height:36px}.story-button{min-width:60px}.filter-chip{min-height:38px}.chat-starters button svg{width:13px;height:13px}.chat-note>svg{width:14px;height:14px}.profile-stats{flex-wrap:wrap}.swipe-card{user-select:none}.modal-copy,.post-caption,.person-body>p{overflow-wrap:anywhere}
@media(max-width:760px){.person-actions>.icon-button{display:none}.person-actions .button{font-size:13px}.person-body>p{font-size:14px;min-height:68px}.person-body .tags .tag:last-child{display:none}.person-visual{height:260px}.nearby-toolbar{align-items:flex-start}.view-switch{margin-top:2px}.filter-chip{font-size:12px;padding:8px 10px}.filter-chips{flex:1}.demo-banner{font-size:12px}.demo-badge{font-size:10px}.demo-banner>span:nth-child(2){font-size:11px}.demo-banner>button{font-size:11px}.location-button{font-size:12px}.location-button>span:not(.chevron){display:none}.bottom-nav button{font-size:12px}.bottom-nav{gap:2px}.plan-host>.button{font-size:13px}.meet-post-row{flex-wrap:wrap}.meet-post-row>.button{font-size:13px}.post-actions>button{font-size:13px}.connection-row>.button{font-size:13px}.chat-form input{font-size:16px}.profile-intro>p{font-size:16px}.story-circle .avatar{width:52px;height:52px}.range-label,.field{font-size:14px}.form-input,textarea,select{font-size:16px}.person-body .tags{gap:4px}.tag{font-size:11px}}

/* Yana: pearl surfaces, plum typography and coral moments of connection. */
:root{--primary:#643b72;--primary-hover:#784789;--accent:#f27685;--accent-soft:#fce7ec;--ink:#2d2433;--muted:#786e80;--line:#ebe4ee;--bg:#faf8fc;--rose:#f27685}
body{background:var(--bg)}
.brand{display:inline-flex;align-items:center;gap:9px;font-size:51px;letter-spacing:-3.5px;color:var(--primary);font-weight:800}
.brand .brand-mark,.brand-mark{position:relative;display:inline-block;flex-shrink:0;width:30px;height:30px;margin:0;vertical-align:middle;line-height:1;letter-spacing:0}
.brand-mark i{position:absolute;display:block;width:13px;height:28px;border-radius:10px;background:var(--accent);left:5px;top:0;transform:rotate(-32deg)}
.brand-mark i+i{left:16px;top:4px;transform:rotate(32deg);height:24px;background:var(--primary);opacity:.72}
.brand-note{color:#82718d;font-size:12px;margin-top:15px}
.sidebar{background:#fff;border-right-color:#eee7f1}
.sidebar nav{gap:6px}.nav-item{border-radius:13px}.nav-item.active{background:var(--primary);color:#fff;box-shadow:0 5px 16px #643b7218}.nav-count{color:var(--ink)}
.sidebar-note{background:#f7eff8;border:1px solid #f0e5f3;padding:17px 13px;gap:13px}.sidebar-note>.brand-mark{width:29px;height:30px;font-size:initial}.sidebar-note p{color:#776181}
.sidebar-create{border-color:#e4d5eb;background:#fcfafd;color:var(--primary)}.sidebar-create>span{color:#c24e6d}
.avatar.own{background:#f4e3ee;color:var(--primary)}
.demo-banner{background:#f2edf6;color:#776483;border-color:#eae2ef}.demo-badge{color:var(--primary)}
.heading-decoration{display:flex;align-items:center;justify-content:center;width:58px;height:58px;background:#fae8ef;border:1px solid #f3dce7;border-radius:19px;transform:rotate(7deg)}
.heading-decoration .brand-mark{transform:rotate(-7deg);width:34px;height:34px}.heading-decoration .brand-mark i{height:32px;width:15px}.heading-decoration .brand-mark i+i{height:27px;left:18px}
.button{border-radius:12px}.button.primary{box-shadow:0 3px 10px #643b7210}.button.accent{background:var(--accent);border-color:var(--accent);color:var(--ink)}.button.accent:hover{background:#f58e9a;border-color:#f58e9a}
.filter-chip.active{color:#fff}.view-switch{background:#eee6f3}.view-switch .active{color:var(--primary)}
.person-card{border-radius:21px;box-shadow:0 4px 18px #39233e04}.person-card:hover{box-shadow:0 12px 35px #643b7212}.person-body{padding-bottom:19px}.image-gradient{background:linear-gradient(transparent,#26182dcc)}
.verified{color:var(--primary)}.verified svg{fill:#f1e8f6}.visual-name .verified svg{fill:#f6effa;color:#643b72}
.common-label{color:#86578e}.tag{background:#f3edf7;color:#795f87}.tag.common{background:#f8e5ee;color:#8e3b60}.status-pill{background:#f4e7f0;color:#84465f}
.rail-welcome{background:linear-gradient(145deg,#643b72,#472952);border:1px solid #71457d;border-radius:21px;padding-top:25px}.rail-welcome .eyebrow{color:#ffc1cb}.rail-welcome h2{color:#fff7fb}.rail-welcome p,.avatar-stack>span{color:#e0cbe8}.avatar-stack .avatar{border-color:#593267}
.rail-welcome .button{border-radius:12px}.safety-note{background:#f3edf7;border-color:#e8dfee}.safety-note>div{color:var(--primary)}
.story-circle{border:2px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(145deg,#87549a,#f27685) border-box}.story-button.seen .story-circle{background:none;border-color:#dbd0e2}.story-circle.own-story{background:none;border:1.5px dashed #d7c6e1}.story-plus{background:var(--primary)}
.post{border-radius:20px}.post-actions>.like.liked{color:#c84463}.like.liked svg{fill:#c84463}.post-actions>.save.active{color:var(--primary)}.save.active svg{fill:#dfcce8}.question-post{background:#f1e6f4}.question-post .eyebrow{color:#82518d}.poll-options button.selected{background:var(--primary);color:#fff}
.swipe-card{border-radius:25px;box-shadow:0 14px 40px #643b7212}.swipe-controls button.like{background:var(--accent);color:var(--ink);box-shadow:0 8px 23px #f2768533}.swipe-controls button.like:hover{transform:scale(1.06)}
.swipe-controls button.like svg{fill:#2d243312}.swipe-helper{color:#87758f}.prompt-box{border-color:#e9def0}
.distance-panel{background:#f3edf7}.distance-stage{background:radial-gradient(circle at 50% 50%,#f9e8f0 0,#faf8fc 68%)}.orbit{border-color:#ddcce6}.orbit small{color:#846a91;background:#faf8fc}.radar-center{background:var(--primary);color:#fff;border-color:#e8d9ef}.radar-person .avatar{box-shadow:0 3px 15px #643b7220}
.chat-person.active{background:#f4eaf7}.bubble{background:#f2eaf6}.bubble.mine{background:var(--primary);color:white}.bubble.mine small{color:#eddbf3}.chat-starters button{background:#faf1f6;border-color:#efdce8;color:#93516f}.chat-form input{background:#fcf9fd}
.plan-banner{background:#fbe7ee;color:#a14969}.plan-banner.music{background:#eee5f6;color:#75518d}.plan-banner.walk{background:#f2edf8;color:#765e8c}
.profile-cover{height:155px;background:linear-gradient(115deg,#643b72,#4f2b5d);border-radius:23px 23px 0 0}.profile-cover>p{color:#f4c9d8}.profile-cover>.cover-mark{display:flex;align-items:center;justify-content:center;right:38px;top:19px;width:118px;height:118px;font-size:initial}.cover-mark .brand-mark{width:80px;height:90px;transform:rotate(9deg)}.cover-mark .brand-mark i{width:34px;height:82px;left:13px;border-radius:30px;background:#f27685}.cover-mark .brand-mark i+i{height:70px;top:14px;left:43px;background:#ffe0e9;opacity:.82}
.profile-intro{border-radius:0 0 23px 23px}.switch input:checked+span{background:var(--primary)}
.match-flower{display:flex;justify-content:center;align-items:center;margin:10px auto 25px;background:#fbe5ee;width:94px;height:94px;border-radius:31px;transform:rotate(-5deg)}.match-flower .brand-mark{transform:scale(1.6) rotate(5deg)}
.match-avatars>.avatar{box-shadow:0 0 0 2px #f2d2df}.modal-prompt{background:#f8f1fa;border-color:#e8d8ef}.modal-eyebrow{color:#955a84}.modal-title{color:#462651}.dialog-close{background:#f6eff9ed;color:var(--primary)}dialog{border:1px solid #ffffff80;border-radius:25px}dialog::backdrop{background:#2d183970}
#toast{background:#4d2c5c;box-shadow:0 8px 25px #643b7227}
@media(max-width:760px){.mobile-brand{font-size:39px;letter-spacing:-2.6px;gap:7px}.mobile-brand .brand-mark{transform:scale(.78);transform-origin:left center;width:23px}.heading-decoration{width:49px;height:49px;border-radius:16px;flex-shrink:0}.heading-decoration .brand-mark{transform:scale(.85) rotate(-7deg)}.person-card{border-radius:17px}.person-body{padding:13px}.bottom-nav button{color:#877292}.bottom-nav button.active{color:var(--primary)}.bottom-nav button.meet-button>span:first-child{background:var(--accent);color:var(--ink);border-radius:16px;box-shadow:0 2px 0 4px #fff,0 5px 18px #f2768520}.bottom-nav button.meet-button.active>span:first-child{background:var(--primary);color:#fff}.profile-cover{height:133px}.profile-cover>.cover-mark{right:22px;top:14px;width:90px;height:102px;transform:scale(.8)}.rail-welcome{padding:21px}.person-actions .button{border-radius:10px}.demo-banner>span:nth-child(2){color:#796d82}}
@media(prefers-reduced-motion:no-preference){.match-flower{animation:yana-arrive .4s ease-out}.person-actions .button:active,.swipe-controls button:active{transform:scale(.97)}@keyframes yana-arrive{from{opacity:0;transform:scale(.86) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(-5deg)}}}
/* Profiles, phone status, credit balance, and nationwide discovery. */
.verified svg,.visual-name .verified svg{fill:#1689f5;color:#fff;stroke:#fff;filter:drop-shadow(0 1px 1px #005ec226)}.verified{color:#1689f5}.phone-success{padding:20px;border:1px solid #c8e2ff;background:#eff7ff;border-radius:14px;display:flex;gap:12px;align-items:center}.phone-success .verified svg{width:28px;height:28px}
.credit-chip{display:flex;align-items:center;gap:6px;background:#fbecf1;border:1px solid #f4d7e4;color:#6d3c6c;border-radius:20px;padding:7px 12px;font-size:12px;white-space:nowrap}.credit-chip svg{width:17px;height:17px;color:#cf5679}.credit-chip b{font-size:15px}.top-profile{overflow:hidden;padding:0}.top-profile img{width:100%;height:100%;object-fit:cover}
.profile-avatar-upload{position:relative;padding:0;width:89px;height:89px;transform:translateY(-32px);margin-bottom:-20px;border:5px solid white;border-radius:50%;background:#f4e3ee;flex-shrink:0}.profile-avatar-upload>.avatar{width:100%;height:100%;font-size:30px;object-fit:cover}.profile-avatar-upload>span:last-child:not(.avatar){position:absolute;bottom:-2px;right:-5px;width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary);color:white;border:2px solid white;font-size:19px}.profile-cover.has-cover{background-size:cover;background-position:center;height:230px}.profile-cover.has-cover>p,.profile-cover.has-cover>.cover-mark{display:none}.cover-upload{position:absolute;right:16px;bottom:15px;border:1px solid #ffffff90;background:#ffffffed;padding:8px 12px;display:flex;gap:7px;align-items:center;border-radius:9px;font-size:12px;z-index:5;color:var(--primary)}.cover-upload svg{width:16px}.profile-media-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}
.national-line{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#856d90;margin:0 0 14px;gap:15px}.national-line svg{width:15px;height:15px}.national-line>span:last-child{font-size:11px;white-space:nowrap}.stories{max-width:100%;padding-top:3px}.wallet-mini{background:linear-gradient(130deg,#fff5f8,#f5ecfa)}.wallet-number{font-family:Manrope,sans-serif;font-size:44px;font-weight:800;color:var(--primary);letter-spacing:-2px}.wallet-number small{font-size:16px;font-weight:500;letter-spacing:0}.wallet-mini>.button{margin-top:15px}.wallet-balance{background:linear-gradient(135deg,#643b72,#8a4e82);color:white;padding:25px;border-radius:18px;display:flex;flex-direction:column}.wallet-balance>span{font-size:13px;color:#efd9f1}.wallet-balance strong{font-family:Manrope,sans-serif;font-size:52px;line-height:1.5;letter-spacing:-2px}.wallet-balance strong small{font-size:18px;letter-spacing:0;font-weight:500;color:#f6d1e4}.credit-rule{display:flex;gap:12px;background:#f9eff5;border:1px solid #eddfed;border-radius:12px;padding:15px;margin:20px 0;font-size:14px;line-height:1.7}.credit-rule>svg{width:21px;margin-top:2px;color:#bc5981}.credit-rule p{font-size:13px;color:#826e88;margin-top:5px}.credit-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.credit-package{border:1px solid #e5d9ec;padding:17px 8px;border-radius:13px;background:#fcf9fd;display:flex;flex-direction:column;gap:4px;align-items:center}.credit-package:hover{border-color:#b991c7;background:#f7eefb}.credit-package b{font-size:26px;color:var(--primary)}.credit-package span{font-size:13px}.credit-package small{font-size:11px;margin-top:7px;color:#9a869f}.credit-history{border-top:1px solid var(--line)}.credit-history>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:14px 0;font-size:14px}.credit-history small{display:block;font-size:11px;margin-top:3px}.credit-history b{color:#9b486a}.credit-history b.positive{color:#684878}.match-credit-summary{background:#f7edf5;border-radius:11px;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px;margin:20px 0;font-size:13px}.match-credit-summary b{color:#ad486e;font-size:18px}.incoming-requests{margin-bottom:25px}.incoming-requests h2{margin:15px 0}.swipe-layout>section{overflow:hidden;padding:5px 8px 12px;margin:-5px -8px}.swipe-card{position:relative;will-change:transform,opacity;animation:swipe-arrive .34s ease-out}.swipe-out-right{animation:swipe-right .34s ease-in forwards!important;pointer-events:none}.swipe-out-left{animation:swipe-left .34s ease-in forwards!important;pointer-events:none}.swipe-stamp{position:absolute;top:75px;z-index:5;padding:11px 15px;border:3px solid currentColor;border-radius:10px;font-size:23px;font-weight:800;letter-spacing:2px;background:#ffffffdd}.swipe-stamp.right{left:25px;transform:rotate(-13deg);color:#c54f78}.swipe-stamp.left{right:25px;transform:rotate(13deg);color:#785388}@keyframes swipe-right{to{transform:translateX(115%) rotate(18deg);opacity:0}}@keyframes swipe-left{to{transform:translateX(-115%) rotate(-18deg);opacity:0}}@keyframes swipe-arrive{from{transform:translateY(15px) scale(.97);opacity:.2}to{transform:none;opacity:1}}
@media(max-width:760px){.top-actions{gap:7px}.top-actions .location-button{width:31px;height:31px;justify-content:center;padding:0}.top-actions .location-button b,.top-actions .location-button span{display:none}.credit-chip{padding:6px 9px;gap:4px}.credit-chip>span{display:none}.credit-chip b{font-size:14px}.profile-avatar-upload{width:79px;height:79px}.profile-cover.has-cover{height:180px}.cover-upload{font-size:11px;right:12px;bottom:12px}.cover-upload svg{width:14px}.credit-packages{gap:8px}.credit-package{padding:13px 5px}.credit-package small{font-size:10px}.wallet-balance strong{font-size:46px}.national-line{font-size:11px}.national-line>span:last-child{font-size:10px}.swipe-stamp{font-size:17px;top:60px}.profile-media-actions .button{font-size:12px}.match-credit-summary{font-size:12px}}
@media(prefers-reduced-motion:reduce){.swipe-card,.swipe-out-right,.swipe-out-left{animation:none!important;transition:none!important}}

.public-profile-cover{width:100%;height:145px;object-fit:cover;border-radius:16px;margin-bottom:14px}.person-visual,.swipe-visual{background:#efe5ef}

.account-entry{max-width:660px;min-height:65vh;margin:0 auto;padding:72px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.account-entry>.brand-mark{margin-bottom:32px;transform:scale(1.5)}.account-entry h1{font-size:clamp(28px,5vw,46px);letter-spacing:-.045em;line-height:1.12;margin:16px 0}.account-entry>p{max-width:420px;line-height:1.7;color:var(--muted,#746b7a);margin:0 0 25px}.account-entry>a{text-decoration:none}.account-entry>small{line-height:1.8;color:#847887;margin-top:24px}

.notification-button{position:relative;flex-shrink:0}.notification-button>span{position:absolute;right:-3px;top:-3px;min-width:19px;height:19px;border-radius:12px;padding:0 4px;background:#c24b78;color:white;font-size:11px;line-height:19px;font-weight:700;border:2px solid white}.pending-matches{margin:20px 0 28px}.pending-matches h2{font-size:20px;margin-bottom:14px}.pending-match-card{display:flex;gap:14px;align-items:center;padding:18px;background:#fff7fa;border:1px solid #efd6e1;border-radius:14px;margin-bottom:12px}.pending-match-card>div{flex:1}.pending-match-card p{font-size:14px;color:#806c84;line-height:1.6;margin-top:5px}.pending-match-card .button{flex-shrink:0}.pending-credit-notice{background:#fff3f8;border:1px solid #ecd2e0;border-radius:14px;padding:20px;display:flex;gap:13px;margin:20px 0;line-height:1.75}.pending-credit-notice>svg{color:#b6527d;margin-top:4px;flex-shrink:0}.notification-list{display:grid;gap:10px}.notification-item{width:100%;padding:16px;text-align:left;display:flex;gap:13px;border:1px solid var(--line);border-radius:13px}.notification-item.unread{background:#fff3f8;border-color:#e7c6d7}.notification-item>span{color:#b5517a}.notification-item b{font-size:15px}.notification-item p{font-size:14px;line-height:1.65;color:#796a80;margin:5px 0}.notification-item small{font-size:12px}.form-error{font-size:14px;color:#a73351;margin:10px 0;line-height:1.5}.post{content-visibility:auto;contain-intrinsic-size:auto 660px}.distance-tag{backdrop-filter:none}.post-img-wrap{background:#f0e8f4}.comment p{overflow-wrap:anywhere}.top-actions{gap:12px}@media(max-width:650px){.top-actions{gap:6px}.top-actions>.avatar{display:none}.top-actions .location-button{max-width:110px}.pending-match-card{flex-wrap:wrap;padding:15px}.pending-match-card>.button{width:100%}.pending-match-card>div{min-width:170px}.notification-item{padding:13px}}
/* Account, trust and moderation surfaces share Yana's existing palette. */
.onboarding-layout{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(320px,1.15fr);gap:48px;max-width:1050px;margin:32px auto;padding:24px}.onboarding-intro{padding:40px 10px}.onboarding-intro h1{font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.08;margin:20px 0}.onboarding-intro>p{font-size:1.125rem;line-height:1.7}.onboarding-points{margin:34px 0}.onboarding-points p{display:flex;gap:12px;align-items:center}.onboarding-points svg{width:23px;flex-shrink:0}.onboarding-intro small,.surface-form small{font-size:.875rem;line-height:1.6;color:#706779}.surface-form,.admin-section{background:#fff;border:1px solid #e7e0eb;border-radius:24px;padding:28px}.surface-form .field{margin-top:18px}.surface-form button.full{margin-top:18px}.step-label{font-size:.875rem;font-weight:700;letter-spacing:.07em;color:#795288}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .field{min-width:0}.form-grid .form-error{grid-column:1/-1}.account-tools{padding:24px 0}.account-tools h2{font-size:1.2rem;margin-bottom:16px}.account-tools-grid{display:flex;flex-wrap:wrap;gap:10px}.account-tools-grid .button{min-height:44px}.legal-copy h3{font-size:1.125rem;margin:26px 0 10px}.legal-copy p{font-size:1rem;line-height:1.75;margin:12px 0}.verification-status{display:flex;gap:16px;padding:22px;border:1px solid #e7e0eb;border-radius:18px;margin:20px 0}.verification-status>svg{width:30px;height:30px;flex-shrink:0;color:#643b72}.verification-status p{line-height:1.6;margin:8px 0 0}.photo-check{display:inline-flex;align-items:center;color:#6b4782;vertical-align:middle}.photo-check svg{width:20px;height:20px}.manage-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid #eee8f0;overflow-wrap:anywhere}.manage-row>div{min-width:0}.manage-row small{display:block;font-size:.875rem;color:#766b80;margin-top:6px}.manage-row p{margin:8px 0;line-height:1.55}.manage-row .button{flex-shrink:0}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.admin-stats section{padding:24px;border-radius:20px;background:#fff;border:1px solid #e7e0eb}.admin-stats span{display:block;font-size:.875rem;color:#766b80}.admin-stats strong{display:block;font-size:2.6rem;margin-top:12px;color:#643b72}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-section{margin-bottom:22px}.admin-section h2{font-size:1.25rem;margin:0 0 18px}.admin-section blockquote{margin:20px 0;padding:18px;border-left:4px solid #b595c3;background:#f7f3fa;white-space:pre-wrap}.admin-page .tabs{overflow-x:auto;max-width:100%}.admin-page .tab{white-space:nowrap}.service-pill{font-size:.875rem;border-radius:40px;padding:7px 12px;background:#f3edf6;color:#78637e;white-space:nowrap}.service-pill.ready{background:#eaf3ee;color:#2d6748}.review-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px}.review-photos figure{margin:0}.review-photos img,.review-image{width:100%;max-height:400px;object-fit:contain;background:#f7f3fa;border-radius:16px}.review-photos figcaption{font-size:.875rem;padding:10px 0}.review-image{max-width:340px;margin:12px 0}.inline-form{display:flex;gap:12px;align-items:end;margin:20px 0}.inline-form .field{flex:1;margin:0}.post-utility{display:flex;justify-content:flex-end;padding-top:12px}.post-utility button,.comment-action{font-size:.875rem}.comment-action{float:right;margin-left:12px}.danger-text{color:#a22b49!important}.button.danger{background:#a22b49;color:white}.discovery-more{max-width:950px;margin:24px auto;text-align:center;padding:0 24px}.payment-frame{width:100%;height:620px;border:0;background:white;border-radius:12px}.options-list>a{display:block;padding:16px;color:inherit;text-decoration:none}.admin-page .form-error{color:#a22b49}.form-error:empty{display:none}.admin-page p,.surface-form p{font-size:1rem;line-height:1.6}.plan-detail-meta{padding:15px 0}.onboarding-layout input[type=date],.onboarding-layout input[type=text]{width:100%}input[type=file]{max-width:100%;font-size:1rem;padding:15px 0}
@media(max-width:900px){.onboarding-layout{grid-template-columns:1fr;gap:16px;margin:0;padding:20px}.onboarding-intro{padding:10px}.onboarding-intro h1{font-size:2.8rem}.onboarding-points{margin:20px 0}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-columns{grid-template-columns:1fr}.surface-form,.admin-section{padding:20px}.manage-row{flex-wrap:wrap}.admin-page .tabs{margin-right:0}}
@media(max-width:460px){.form-grid{grid-template-columns:1fr}.account-tools-grid .button{width:100%}.admin-stats section{padding:18px}.review-photos{gap:10px}.inline-form{flex-wrap:wrap}.inline-form .field{flex-basis:100%}.onboarding-intro h1{font-size:2.5rem}}

.referral-card{margin:24px 0;padding:24px;border:1px solid var(--border,#e8e0ec);border-radius:22px;background:linear-gradient(135deg,#f6edf8,#fff5f2)}.referral-card h2{margin:8px 0;font-size:24px}.referral-card p{font-size:16px;line-height:1.6}.referral-link{width:100%;min-width:0;padding:12px;border:1px solid #d8c5df;border-radius:12px;font-size:14px;background:#fff;color:#432b4c}.referral-code-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;font-size:14px;flex-wrap:wrap}.referral-code-row strong{letter-spacing:.035em}.referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.referral-stats span{font-size:14px}.referral-stats b{display:block;font-size:24px;color:#643b72;margin-bottom:5px}@media(max-width:480px){.referral-card{padding:18px}.referral-stats{gap:7px}.referral-stats span{font-size:14px}}

/* Keep long story strips inside the feed column instead of widening the page. */
.feed-page,.feed-layout,.feed-layout>section{min-width:0;width:100%}
.feed-page .feed-layout{grid-template-columns:minmax(0,600px) 272px;max-width:902px}
.feed-page .stories{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.feed-page .tabs{min-width:0;max-width:100%;overflow-x:auto;gap:20px;scrollbar-width:none}
.feed-page .tab{flex-shrink:0;min-height:44px}
.feed-page .post-head>div{min-width:0}.feed-page .person-name,.feed-page .post-caption{overflow-wrap:anywhere}
.feed-page .composer>button:first-of-type{min-width:0}.feed-page .post-actions{flex-wrap:wrap}
.member-counter{margin:0 0 18px;padding:14px 16px;border:1px solid #e7dcee;border-radius:16px;background:linear-gradient(115deg,#f2e9f7,#fff3f2)}
.member-count-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:16px}.member-count-line strong{font-family:Manrope,sans-serif;font-size:28px;line-height:1.2;color:var(--primary);font-variant-numeric:tabular-nums}.member-counter p{font-size:14px;line-height:1.55;margin:6px 0 3px}.member-counter small{font-size:12px}
@media(max-width:1180px){.feed-page .feed-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}}
@media(max-width:1000px){.feed-page .feed-layout{grid-template-columns:minmax(0,1fr);max-width:600px}}
@media(max-width:760px){
 .feed-page .page-heading{margin-bottom:12px}.feed-page h1{font-size:26px;line-height:1.3;letter-spacing:-.7px}.feed-page .subtitle{font-size:14px;line-height:1.5;margin-top:5px}.feed-page .eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:5px}
 .member-counter{padding:12px 14px;margin-bottom:14px}.member-count-line strong{font-size:26px}
 .feed-page .national-line{flex-wrap:wrap;gap:4px 12px;margin-bottom:10px;font-size:12px}.feed-page .national-line>span:last-child{font-size:12px}
 .feed-page .stories{gap:12px;padding-bottom:14px}.feed-page .story-circle .avatar{width:44px;height:44px}.feed-page .story-button{min-width:58px;max-width:72px;font-size:14px;overflow-wrap:anywhere;gap:5px}
 .feed-page .tabs{margin-bottom:12px;gap:18px}.feed-page .tab{font-size:14px}
 .feed-page .composer{padding:10px 12px;gap:8px;margin-bottom:14px}.feed-page .composer>button:first-of-type{font-size:14px;min-height:40px}.feed-page .composer>.avatar{width:34px;height:34px}
 .feed-page .post{border-radius:16px;margin-bottom:16px;contain-intrinsic-size:auto 430px}.feed-page .post-head{padding:12px;gap:9px}.feed-page .post-head .avatar{width:36px;height:36px}.feed-page .person-name{font-size:14px}
 .feed-page .post-img-wrap{height:auto;aspect-ratio:4/3;max-height:320px;max-height:min(320px,50svh)}
 .feed-page .post-body{padding:12px}.feed-page .post-caption{font-size:16px;line-height:1.55}.feed-page .post-actions{gap:12px}.feed-page .post-actions>button{font-size:14px;min-height:44px}
}

.review-list{display:grid;gap:14px}.review-entry{border:1px solid var(--line);border-radius:14px;padding:16px;overflow-wrap:anywhere}.review-entry h3{margin:8px 0}.review-entry p{font-size:16px;line-height:1.6}.review-thumb{display:block;max-width:100%;width:160px;max-height:180px;object-fit:contain;border-radius:12px;margin-bottom:12px}.admin-stats>div{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.admin-stats>div strong,.admin-stats>div span{display:block}.admin-stats>div strong{font-size:28px;color:var(--primary)}.admin-stats>div span{font-size:14px}.chat-starters{flex-wrap:wrap}.chat-starters button{min-height:40px;max-width:100%;white-space:normal;text-align:left;font-size:14px}
.sound-volume{display:flex;align-items:center;gap:16px;margin:12px 0 20px}.sound-volume input{min-width:0;flex:1;accent-color:var(--plum,#51384b)}.sound-volume output{font-size:1rem;min-width:48px;text-align:right}.grant-summary{background:var(--surface,#f8f5f6);border:1px solid var(--line,#e6dee3);border-radius:18px;padding:12px 20px;margin:20px 0}.grant-summary p{display:flex;gap:16px;justify-content:space-between;align-items:baseline;margin:12px 0}.grant-summary b{text-align:right;overflow-wrap:anywhere}.grant-summary span{color:var(--muted,#766b73)}.grant-summary .grant-total{border-top:1px solid var(--line,#e6dee3);padding-top:16px;font-size:1.125rem}.grant-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.grant-heading h2{margin:8px 0}.admin-section .manage-row>div{min-width:0;overflow-wrap:anywhere}@media(max-width:480px){.grant-summary{padding:10px 14px}.grant-summary p{gap:12px}.grant-heading .service-pill{white-space:normal}}
.activity-label{display:inline-block;font-size:14px;color:var(--primary);padding:4px 9px;border-radius:8px;background:#f3edf7;margin-bottom:10px}.typing-indicator{min-height:24px;padding:0 18px;font-size:14px;color:var(--muted)}.message-status{font-size:12px}.message-status.is-read{color:#295b93;font-weight:650}.bubble.message-failed{border:1px solid #bc465d}.message-retry{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.message-retry .text-link{font-size:14px}.chat-form input{min-width:0}#connection-privacy-form .check-row,#connection-preferences-form .check-row{font-size:14px;align-items:flex-start}#connection-privacy-form .check-row input,#connection-preferences-form .check-row input{flex-shrink:0;margin-top:3px}.chat-log .bubble{white-space:pre-wrap;overflow-wrap:anywhere}.chat-log .bubble small{white-space:normal}

/* Private feedback and factual behavior badges. */
.behavior-badges{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.behavior-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #d8ccdf;border-radius:30px;padding:7px 10px;background:#f5f0f7;color:#573567;font-size:14px;line-height:1.4;text-align:left;max-width:100%;cursor:pointer}.behavior-badge svg{width:16px;height:16px;flex-shrink:0}.private-feedback-card{margin:22px 0;padding:24px;border:1px solid var(--line,#e6dfe9);border-radius:22px;background:var(--surface,#fff)}.private-feedback-card h2{margin:8px 0 12px}.private-feedback-card p,.trust-explainer p{font-size:16px;line-height:1.65}.private-feedback-card .account-tools-grid{margin-top:18px}.trust-profile-signals{margin:20px 0;border-top:1px solid #e6dfe9;padding-top:18px}.private-question{border:0;padding:0;margin:22px 0}.private-question legend{font-size:16px;font-weight:650;margin-bottom:12px}.private-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.private-choice-grid label{display:flex;gap:8px;align-items:center;border:1px solid #ded4e4;border-radius:12px;padding:13px 10px;cursor:pointer;font-size:14px}.private-choice-grid label:has(input:checked){background:#f3eaf7;border-color:#714480}.private-choice-grid input{accent-color:#643b72;width:18px;height:18px;flex-shrink:0}.private-conversation{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #e6dfe9}.private-conversation>div:first-child{flex:1 1 180px;min-width:0}.private-conversation h3{font-size:17px;overflow-wrap:anywhere;margin:0 0 6px}.private-conversation p{font-size:14px;line-height:1.5;margin:0;color:#6c6174}.private-answer-list dt{font-size:16px;margin-top:18px}.private-answer-list dd{margin:6px 0;color:#643b72;font-weight:600}.message-report{display:block;margin:8px 0 0;padding:4px 0;border:0;background:transparent;color:#6f557a;text-decoration:underline;font-size:14px;cursor:pointer}.trust-explainer h3{margin-top:22px}.behavior-badge:focus-visible,.private-choice-grid label:focus-within,.message-report:focus-visible{outline:3px solid #b587c9;outline-offset:3px}@media(max-width:420px){.private-feedback-card{padding:18px}.private-conversation .button{width:100%}.private-choice-grid{grid-template-columns:1fr 1fr}}

/* Member-only star journey; public profiles receive badge names only. */
.star-rating-field{border:0;padding:0;margin:20px 0 24px}.star-rating-field legend{font-size:16px;font-weight:650;margin-bottom:16px}.star-rating-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.star-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:76px;border:1px solid #dfd4e6;border-radius:16px;cursor:pointer;background:#faf7fc;color:#a491af}.star-choice input{position:absolute;width:1px;height:1px;opacity:0}.star-choice span{font-size:32px;line-height:1.1}.star-choice b{font-size:14px}.star-choice:has(input:checked),.star-choice.filled{background:#fff1cc;border-color:#cca957;color:#8a5908}.star-choice:focus-within{outline:3px solid #9363a7;outline-offset:3px}.star-rating-scale{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:14px;color:#685b70}.star-choice-status{font-size:14px;color:#643b72;margin:12px 0 0}.extra-feedback{border:1px solid #e5dce9;border-radius:14px;padding:15px;margin:18px 0}.extra-feedback summary{cursor:pointer;font-size:16px;font-weight:600}.own-star-rating{display:flex;gap:14px;align-items:center;background:#fff5db;padding:18px;border-radius:16px}.own-star-rating span{color:#986300;letter-spacing:4px;font-size:26px}.own-star-rating b{font-size:18px}.journey-heading{padding:12px 0 20px}.journey-private{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#684474}.journey-private svg{width:16px;height:16px}.journey-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#faf6fc;border:1px solid #e7dcec;border-radius:20px;padding:20px 10px;gap:8px}.journey-summary>div{text-align:center;min-width:0}.journey-summary strong{display:block;font-size:clamp(24px,5vw,36px);letter-spacing:-1px;color:#5c316e;overflow-wrap:anywhere}.journey-summary span{display:block;margin-top:7px;font-size:14px;line-height:1.5;color:#74617f}.journey-next{border-radius:20px;background:#603470;color:#fff;padding:24px;margin:24px 0}.journey-next .eyebrow{color:#ead7f2}.journey-next h3{font-size:22px;margin:10px 0}.journey-next p{font-size:16px;line-height:1.65}.journey-next .account-tools-grid{margin-top:18px}.journey-next .button.primary{background:#fff;color:#5f3170}.journey-next .button.secondary{background:transparent;color:#fff;border-color:#ad8dba}.journey-rules{font-size:14px;line-height:1.75;color:#6f6176;margin:20px 0}.journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.journey-card{border:1px solid #e4dce8;background:#fcfafc;border-radius:18px;padding:20px;min-width:0}.journey-card.earned{background:#fffaf0;border-color:#cfb274}.journey-card.next{border:2px solid #865898;padding:19px;background:#f9f2fc}.journey-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.journey-level{font-size:20px;letter-spacing:-1px;font-weight:700;color:#8b7195}.journey-state{font-size:14px;color:#72617d;text-align:right}.journey-card.earned .journey-state{color:#805f1a}.journey-card h3{font-size:19px;margin:16px 0 8px;overflow-wrap:anywhere}.journey-card p{font-size:14px;line-height:1.6;color:#796982;min-height:44px}.journey-requirements{display:flex;flex-direction:column;gap:7px;font-size:14px;margin:18px 0;color:#65536f}.journey-card progress{width:100%;height:8px;accent-color:#79508b;display:block;margin:15px 0 10px}.journey-card small{font-size:14px;color:#75617f}.journey-public-badge{background:#fff7e4;border-color:#dac28a;color:#7b5816}@media(max-width:560px){.journey-grid{grid-template-columns:1fr}.journey-next{padding:20px}.journey-summary{padding:18px 8px}.journey-summary span{font-size:14px}.star-rating-options{gap:6px}.star-choice{min-height:70px}}

/* Feed reactions: one private invitation per author, with room for mobile labels. */
.post-actions,.feed-page .post-actions{display:grid;grid-template-columns:auto minmax(0,1fr) 44px;align-items:center;gap:8px}
.post-actions>button,.feed-page .post-actions>button{min-height:44px;min-width:0}
.post-actions>.post-meet{justify-content:center;gap:7px;padding:8px 10px;border-radius:12px;background:var(--accent-soft);color:var(--primary);font-weight:650;line-height:1.35;text-align:center}
.post-actions>.post-meet:hover{background:#f9d9e2}
.post-actions>.post-meet span{overflow-wrap:anywhere}
.post-actions>.save{grid-column:3;margin-left:0;justify-content:center}
.meet-post-row{padding-top:10px}
@media(max-width:380px){.post-actions>.post-meet,.feed-page .post-actions>.post-meet{font-size:12px;padding:7px 6px;gap:4px}.post-actions>.post-meet svg{width:16px;height:16px}}

/* Exact-handle search and private discoverability settings. */
.user-search{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:16px;margin:14px 0 20px}
.user-search label{display:block;font-size:16px;font-weight:700;margin-bottom:8px}
.user-search-input{display:flex;gap:8px;min-width:0}.user-search-input input{min-width:0;font-size:16px}.user-search-input .button{min-height:44px;flex-shrink:0}
.user-search form>p{font-size:14px;color:var(--muted);margin-top:8px}.search-demo{margin-top:12px;min-height:44px;font-size:14px}
#user-search-results:not(:empty){margin-top:14px;font-size:14px;overflow-wrap:anywhere}
.user-search-person{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:14px}.user-search-person>div{min-width:0;flex:1}.user-search-person span,.user-search-person small{display:block;overflow-wrap:anywhere}.user-search-person .verified{display:inline-flex}.user-search-person .button{min-height:44px}
.search-settings-card{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--white);border:1px solid var(--line);padding:20px;border-radius:18px;margin:20px 0}.search-settings-card>div{min-width:0}.profile-username{color:var(--muted);font-size:14px;overflow-wrap:anywhere;margin:6px 0 12px}
@media(max-width:420px){.user-search-person{flex-wrap:wrap}.user-search-person>.button{width:100%}.search-settings-card>.button{width:100%}}

button[aria-busy="true"]{cursor:progress;position:relative}button[aria-busy="true"]:after{content:"";display:inline-block;flex-shrink:0;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-wait .7s linear infinite;margin-left:6px}
@keyframes button-wait{to{transform:rotate(360deg)}}
.loading-note{display:flex;align-items:center;gap:10px;min-height:60px;color:var(--muted);font-size:16px}
.stay-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.stay-actions .button{min-height:44px;font-size:14px}.stay-toolbar{display:flex;justify-content:flex-end;margin-bottom:18px}.stay-row{display:flex;align-items:center;gap:14px;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px;margin:12px 0}.stay-person{flex:1;min-width:0}.stay-person p{font-size:14px;color:var(--muted)}.stay-row .stay-actions{margin:0}.stay-empty{padding:24px 0;color:var(--muted);font-size:16px;max-width:560px}.stay-chat-link{padding:10px 16px;border-bottom:1px solid var(--line)}#stay-list>h2{margin-top:20px;font-size:20px}
@media(max-width:600px){.stay-row{flex-wrap:wrap;padding:14px}.stay-row .stay-actions{width:100%}.stay-actions>.button{flex:1}.stay-chat-link>.button{width:100%}.tabs{overflow-x:auto;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){button[aria-busy="true"]:after{animation:none}}

/* Approved concept 01: shared native/web identity. */
.brand{gap:10px;letter-spacing:normal;line-height:1}.brand-symbol{width:36px;height:36px;object-fit:contain;border-radius:11px;flex:none}.brand-wordmark{width:116px;height:34px;object-fit:contain}.brand-note{letter-spacing:.14em}.brand-mark{background:url('/brand/yana-icon-192.png') center/cover no-repeat;border-radius:26%;overflow:hidden}.brand-mark i{display:none!important}.brand .brand-mark{margin:0}.mobile-brand{display:none}.cover-mark .brand-mark{height:80px}.account-entry>.brand-mark{width:52px;height:52px}.heading-decoration .brand-mark{transform:none}.match-flower .brand-mark{width:46px;height:46px;transform:none}
@media(max-width:760px){.mobile-brand{display:inline-flex;gap:7px}.mobile-brand .brand-symbol{width:29px;height:29px;border-radius:9px}.mobile-brand .brand-wordmark{width:83px;height:27px}.mobile-brand .brand-mark{transform:none}.topbar{gap:8px}.cover-mark .brand-mark{height:80px}}