:root{--ink:#223d35;--navy:#183d32;--muted:#596e64;--purple:#27725b;--purple-2:#185d47;--teal:#27725b;--orange:#c58d3b;--red:#af524d;--card:#fff;--line:#e2e8e1;--soft-purple:#eef5ef;--soft-teal:#e8f3ec;--soft-orange:#fbf0dd;--radius:20px;--shadow:0 22px 70px #173c321c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f7f9f5;color:var(--ink);font:15px/1.6 "Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:disabled{cursor:default;opacity:.58}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8fbea2;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy);line-height:1.2}h1{letter-spacing:-1.3px}h2{letter-spacing:-.6px}h3{letter-spacing:-.3px}[hidden]{display:none!important}.icon{height:20px;width:20px;flex-shrink:0;vertical-align:middle}.skip{position:fixed;top:12px;left:16px;transform:translateY(calc(-100% - 16px));max-inline-size:calc(100vw - 32px);z-index:500;background:var(--navy);color:white;padding:12px 20px;border-radius:12px}.skip:focus{transform:none}.topbar{position:sticky;top:0;z-index:100;background:#fffefbf5;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.topbar-inner{max-width:1360px;margin:auto;padding:15px 34px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;letter-spacing:-.7px;font-weight:600;white-space:nowrap}.brand b{font-weight:800}.brandmark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--navy);color:#f2f7bf;font-size:15px;letter-spacing:-2px;padding-right:2px}.top-actions{margin-inline-start:auto;display:flex;gap:10px;align-items:center}.btn,.iconbtn{border:1px solid transparent;min-height:44px;border-radius:11px;padding:10px 17px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;line-height:1.25;transition:background .15s,box-shadow .15s,transform .15s}.btn:hover:not(:disabled),.iconbtn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:var(--navy);color:white;border-color:var(--navy);box-shadow:0 4px 10px #193d3212}.btn.primary:hover:not(:disabled){background:#285a47}.btn.secondary{background:#fff;border-color:#d8e2da;color:var(--navy)}.btn.secondary:hover:not(:disabled){background:#f1f5ee}.btn.teal{background:var(--soft-teal);color:#246249;border-color:#d9e9de}.btn.ghost,.iconbtn{background:transparent;color:var(--navy)}.btn.ghost:hover:not(:disabled),.iconbtn:hover{background:var(--soft-purple)}.btn.danger{background:#f8e7e4;color:#943b36;border-color:#eed1ca}.btn.small{padding:8px 12px;font-size:13px;min-height:36px}.btn.large{min-height:52px;padding:14px 22px}.full-width,.btn.wide{width:100%}.shell{max-width:1360px;margin:auto;padding:32px 34px}.grid{display:grid;gap:20px}.eyebrow{font-size:10px;line-height:1.6;font-weight:750;letter-spacing:1.9px;text-transform:uppercase;color:#678571;display:flex;align-items:center;gap:8px;margin-bottom:8px}.live-dot{width:6px;height:6px;background:#609677;border-radius:50%;display:inline-block}.muted{color:var(--muted)}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.toolbar.spread{justify-content:space-between}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 3px 12px #264d3503}.card h2,.card h3{margin:0 0 10px}.card p:last-child{margin-bottom:0}.section{margin:30px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head h2{font-size:24px;margin:0}.section-head .muted{font-size:13px;margin-top:8px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.pagehead h1{font-size:34px;margin:0}.pagehead p{margin:9px 0 0;font-size:14px}.notice{padding:14px 16px;border-radius:12px;background:#eef4ec;border:1px solid #dce7d7;color:#43664c;margin-top:14px;font-size:13px}.notice.warning{background:#fdf5e6;border-color:#efdfbd;color:#7f642e}.notice.danger{background:#fbecea;border-color:#eecac5;color:#853f37}.privacy-note{color:var(--muted);font-size:12px;line-height:1.7;border-radius:12px;background:#f2f5ef;padding:14px 16px}.feature-icon{height:44px;width:44px;display:grid;place-items:center;border-radius:13px;background:#edf3e7;color:#427355}.feature-icon .icon{height:23px;width:23px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
/* A typographic landing page built entirely from first-party HTML and CSS. */
.landing{max-width:1220px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;min-height:575px;padding:20px 0 55px}.hero h1{font-size:clamp(46px,5.2vw,70px);font-weight:650;line-height:1.06;margin:22px 0;letter-spacing:-3px}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#749075}.hero-copy>p{font-size:16px;line-height:1.85;color:var(--muted);max-width:430px;margin-bottom:28px}.hero-fine{font-size:11px;margin-top:20px;color:#6e7a65}.hero-panel{height:460px;position:relative;display:grid;place-items:center;isolation:isolate;border-radius:50%;background:radial-gradient(ellipse,#ecf0d7 0,transparent 70%)}.orbit{position:absolute;border:1px solid #dce5ce;border-radius:50%;z-index:-1}.orbit-one{inset:45px 7px;transform:rotate(20deg)}.orbit-two{inset:2px 62px;transform:rotate(-30deg)}.sample-card{background:#fffefb;border:1px solid #e2e7d8;box-shadow:0 24px 55px #526b4515;border-radius:23px;width:290px;padding:23px 26px;transform:rotate(-3deg)}.sample-label{font-size:10px;color:#677859;border-bottom:1px solid #ebeee5;padding-bottom:13px;text-align:center}.sample-avatars{display:flex;align-items:center;justify-content:center;gap:9px;margin:23px 0 18px}.sample-avatar{height:68px;width:68px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-family:Georgia,serif}.sample-avatar.one{background:#edddc7;color:#796141}.sample-avatar.two{background:#e1e6cc;color:#66743b}.sample-avatar.three{background:#dbe9e3;color:#355e50}.sample-card h3{text-align:center;font-size:25px;font-weight:600;line-height:1.2;margin-bottom:20px}.sample-reason{font-size:11px;display:flex;gap:8px;align-items:center;margin:10px 0;color:#65795f}.sample-reason .icon{width:16px;height:16px}.sample-bottom{font-size:10px;border-top:1px solid #ebeee5;margin-top:18px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:5px;color:#6e7d63}.sample-bottom .icon{width:16px}.hobby-note{position:absolute;z-index:2;padding:11px 16px;background:#fffefb;border:1px solid #e3e8dc;box-shadow:0 9px 20px #4b66390a;border-radius:12px;display:flex;gap:9px;align-items:center;font-size:20px;white-space:nowrap}.hobby-note span{font-size:11px;color:#596c56;font-weight:600}.note-hiking{top:34px;left:0;transform:rotate(-8deg)}.note-photo{top:146px;right:-28px;transform:rotate(7deg)}.note-coffee{bottom:26px;left:24px;transform:rotate(-5deg)}.landing-steps{border-top:1px solid var(--line);padding-top:36px}.landing-steps .section-head{margin-bottom:26px}.landing-steps h2{font-size:29px}.feature-card{padding:25px;border:1px solid #e0e7dc;border-radius:18px;background:#fffefb}.feature-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.feature-top>span{font-family:Georgia,serif;font-size:29px;color:#c3ceb9}.feature-card h3{font-size:18px;margin:0 0 11px}.feature-card p{color:var(--muted);font-size:13px;line-height:1.85;margin:0}.landing-invite{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#e9efdf;border:1px solid #dce6cf;border-radius:22px;padding:34px;margin:42px 0 8px}.landing-invite h2{font-family:Georgia,serif;font-weight:400;font-size:28px;letter-spacing:-.3px;margin-bottom:9px}.landing-invite p{font-size:13px;color:#75816a;margin:0}
/* Signed-in community. */
.app-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:34px}.main{min-width:0}.sidebar{position:sticky;top:111px;padding:8px 0}.sidebar-label{font-size:9px;letter-spacing:1.6px;color:#68775f;font-weight:750;margin:0 14px 15px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:13px;width:100%;border:0;border-radius:11px;background:transparent;color:#738175;padding:13px 14px;text-align:start;font-size:13px;font-weight:650}.sidebar nav button.active{background:var(--navy);color:#fff}.sidebar nav button:hover:not(.active){background:#eaf0e3}.sidebar .count-badge{margin-inline-start:auto}.sidebar-note{border:1px solid #dfe7d4;border-radius:17px;background:#edf2e7;padding:17px;margin:37px 0 24px}.sidebar-note .feature-icon{background:#e0e9d6;margin-bottom:13px;height:36px;width:36px}.sidebar-note b{font-size:13px}.sidebar-note p{font-size:11px;color:#7b8970;line-height:1.7;margin:7px 0 9px}.sidebar-note .btn{padding:4px 0;min-height:25px;font-size:10px;gap:5px}.sidebar-note .icon{width:15px;height:15px}.sidebar-profile{display:flex;align-items:center;gap:10px;text-align:start;border:0;border-top:1px solid var(--line);padding:21px 8px 0;width:100%;background:none;color:var(--ink)}.sidebar-profile .avatar{height:36px;width:36px;font-size:11px}.sidebar-profile>span{min-width:0;display:grid}.sidebar-profile b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.sidebar-profile small{color:var(--muted);font-size:10px}.greeting-mark{font-size:28px;font-weight:400;color:#bdab5d;display:inline-block;vertical-align:middle}.welcome-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#eaf0dd;border:1px solid #dce7ce;border-radius:21px;padding:28px 32px;overflow:hidden}.welcome-banner h2{font-size:26px;line-height:1.3;font-weight:600;letter-spacing:-.6px;margin:10px 0 20px}.welcome-banner .eyebrow{color:#647e4b;font-size:9px}.welcome-banner .btn{font-size:12px;min-height:37px;background:#fffef7;border-color:#dce4ce;padding:9px 14px}.banner-art{display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(-7deg);margin:0 20px}.banner-art span{display:grid;place-items:center;width:73px;height:73px;border:1px solid #d4e0c0;border-radius:21px;font-size:35px;background:#f7f8eaaa;box-shadow:0 7px 20px #6377470a}.banner-art span:nth-child(2){transform:translateY(-12px)}.banner-art span:nth-child(3){transform:translateY(12px)}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:19px}.stat{padding:17px 18px;text-align:start;box-shadow:none}.stat>span{font-size:10px;display:flex;align-items:center;gap:7px;color:#7a8879}.stat .icon{width:14px;height:14px;color:#86997b}.stat strong{display:block;font-size:27px;margin-top:8px;color:var(--navy);line-height:1.2;font-weight:650}.stat small{font-size:16px;margin-left:2px}.stat:hover{border-color:#becfb5;background:#fcfdf9}.person-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.person-card{padding:21px;display:flex;flex-direction:column;min-width:0}.person-top{display:flex;gap:12px;align-items:center;min-width:0}.person-identity{flex:1;min-width:0}.person-identity h3{font-size:16px;margin:0 0 3px;overflow-wrap:anywhere}.person-identity .muted{font-size:10px;line-height:1.5;overflow-wrap:anywhere}.avatar{height:45px;width:45px;border-radius:14px;display:grid;place-items:center;background:#e8eddf;color:#6a785a;font-size:15px;font-weight:700;flex-shrink:0;overflow:hidden}.avatar.round{border-radius:50%}.avatar img{width:100%;height:100%;object-fit:cover}.match-label{display:grid;justify-items:center;align-content:center;min-width:54px;border:1px solid #d6e6d7;border-radius:12px;background:#eff7ec;color:#4f8659;padding:7px;font-size:10px;line-height:1.2;flex-shrink:0}.match-label b{font-size:17px;font-weight:650}.match-label span{font-size:9px;margin-top:3px}.person-bio{font-size:12px;color:var(--muted);line-height:1.7;margin:17px 0 4px;overflow-wrap:anywhere}.meta,.badges,.reason-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0}.pill,.badge,.reason-chip{display:inline-flex;align-items:center;gap:5px;font-size:10px;line-height:1.4;border-radius:6px;padding:5px 8px;background:#f0f3e9;color:#728363;font-weight:550}.pill.teal{background:#e7f0eb;color:#58806a}.pill.orange{background:#faf0dd;color:#a38c59}.badge{background:#ecf1e5;color:#758853}.badge.popular{background:#f7eae4;color:#a77b67}.badge.private{background:#edf0ea;color:#778174}.reason-chip{background:#f5f7f2;color:#6c7b63}.match-reasons{display:grid;gap:7px;font-size:10px;line-height:1.5;color:#7b8875;min-height:47px;margin:9px 0 17px}.match-reasons>div{display:flex;gap:6px;align-items:start}.match-reasons .icon{width:13px;height:13px;color:#86a476;margin-top:1px}.person-actions{display:flex;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid #eef1e9;padding-top:15px;margin-top:auto;flex-wrap:wrap}.person-actions .btn{font-size:11px;min-height:33px;padding:8px 12px}.person-actions .btn.teal{background:#1e493a;color:white;border-color:#1e493a}.person-actions .icon{width:14px;height:14px}.score-ring{width:74px;height:74px;display:grid;place-items:center;background:conic-gradient(#578b65 calc(var(--score)*1%),#e6ecdf 0);position:relative;border-radius:50%;color:#4e7754;font-size:18px;font-weight:700;flex-shrink:0}.score-ring:before{content:"";position:absolute;inset:6px;background:#fff;border-radius:50%}.score-ring span{position:relative}.home-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:24px}.home-columns>.section{margin-top:5px}.home-columns .section-head h2{font-size:21px}.home-columns .eyebrow{font-size:9px;letter-spacing:1.4px}.home-columns .section-head .btn{font-size:11px;padding:6px;white-space:nowrap}.home-columns .section-head .icon{width:14px}.upcoming-card{text-align:start;display:block;width:100%;border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;margin-bottom:12px;color:var(--ink)}.upcoming-card:hover{border-color:#bfcdb5}.upcoming-card h3{font-size:15px;margin:13px 0 9px}.upcoming-card p{font-size:11px;color:var(--muted);margin-bottom:17px}.upcoming-link{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#617958}.upcoming-link .icon{height:15px;width:15px}.upcoming-panel>.btn{font-size:12px}.home-columns .empty{padding:25px 18px}.home-columns .empty h3{font-size:16px}.home-columns .empty p{font-size:12px}
/* Search, stories and activities. */
.filters{grid-template-columns:2fr 1fr 1fr;gap:14px}.filter-card{padding:21px}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:650;color:#5b705f}input,select,textarea{width:100%;min-width:0;border:1px solid #dce4d8;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);font-size:14px;line-height:1.5}input::placeholder,textarea::placeholder{color:#74806c;opacity:1}textarea{resize:vertical;min-height:115px}.search-field{position:relative}.search-field .icon{position:absolute;inset-inline-start:13px;top:13px;color:#718265;width:18px;height:18px}.search-field input{padding-inline-start:39px}.check{display:flex;align-items:flex-start;gap:9px;margin:11px 0;font-size:12px;color:#697a63}.check input{width:18px;height:18px;min-height:18px;flex-shrink:0;margin-top:1px;accent-color:var(--navy)}.results-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:-8px 0 15px;color:var(--muted);font-size:12px}.results-bar .btn{font-size:11px}.feed{display:grid;gap:18px;max-width:760px}.post{padding:0;overflow:hidden}.post-head{display:flex;align-items:center;gap:11px;padding:18px}.post-head .avatar{width:37px;height:37px;font-size:12px}.post-owner{min-width:0;flex:1}.post-owner>b{font-size:13px}.post-owner .muted{font-size:10px;margin-top:2px}.post-head .btn{font-size:10px;padding:7px}.post-media{aspect-ratio:16/10;background:#eef1e9;display:grid;place-items:center;overflow:hidden}.post-media img,.post-media video{width:100%;height:100%;object-fit:cover}.post-body{padding:2px 18px 18px}.post-media+.post-body{padding-top:17px}.post-caption{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.post-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:17px;padding-top:13px;border-top:1px solid #edf0e8}.post-actions .btn{font-size:10px;min-height:31px;padding:6px 9px}.like-btn.liked{background:#f6e8e3;color:#a66757;border-color:#ead0c6}.like-count{font-size:10px;color:#85907f}.post-actions .pill{margin-inline-start:auto}.view-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:11px;flex-wrap:wrap}.view-tabs button{background:transparent;color:var(--muted);border:0;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:600}.view-tabs button.active{background:#e7efdf;color:#4b6d43}.activity-list{display:grid;gap:17px}.activity{display:grid;grid-template-columns:1fr auto;gap:20px;padding:24px}.activity h3{font-size:21px;margin:15px 0;overflow-wrap:anywhere}.activity .meta{font-size:12px;color:var(--muted);gap:12px}.activity .meta:first-child{gap:7px;margin:0}.activity footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.activity-score{height:62px;width:62px;display:grid;place-items:center;border-radius:50%;border:5px solid #e0ead6;background:#f7faf2;color:#6a8f53;font-weight:700;font-size:16px}.reason-list{padding-inline-start:20px;margin:12px 0;color:var(--muted);font-size:13px}.reason-list li{padding-inline-start:3px;margin:8px 0}.profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:27px}.profile-hero h2{font-size:27px;margin:0}.profile-hero p{color:var(--muted);font-size:13px;margin:12px 0;overflow-wrap:anywhere}.profile-hero .muted{font-size:12px}.profile-hero>.toolbar{max-width:150px}.profile-hero>.toolbar .btn{width:100%;font-size:11px}.profile-avatar{height:86px;width:86px;font-size:26px;border-radius:25px;background:#e9edda;color:#829166}.profile-grid{grid-template-columns:1fr 1fr}.profile-grid .card h3{font-size:17px}.profile-grid .card p{font-size:13px;color:var(--muted)}.profile-grid .card p b{color:#5f7157;font-weight:600}.request-list,.connection-list{display:grid;gap:11px}.request-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-radius:15px;background:white}.request-item b,.connection-row b{font-size:13px}.request-item .muted{font-size:12px}.request-actions{display:flex;gap:7px;flex-wrap:wrap}.connection-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;overflow-wrap:anywhere}.connection-row:last-child{border-bottom:0}.connection-row>div:nth-child(2){flex:1;min-width:0}.connection-row .btn{font-size:11px}.count-badge{background:#d2df94;color:#304e28;min-width:20px;height:20px;border-radius:50px;font-size:10px;display:inline-grid;place-items:center;padding:0 6px}.status-note{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center}.status-note:before{content:"";width:6px;height:6px;border-radius:50%;background:#b8c3af}.status-note.accepted:before{background:#7ca268}.status-note.pending:before{background:#caab61}.compare-line{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.compare-line .muted{font-size:12px}.compare-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eff3e7;font-size:20px}.match-summary{padding:15px;border:1px solid var(--line);border-radius:13px;background:#f7f9f0;margin-top:13px}.person-title{display:flex;align-items:center;gap:8px}.empty{grid-column:1/-1;border:1px dashed #d4dfcc;border-radius:18px;text-align:center;padding:36px 25px;background:#fcfdf9;color:var(--muted)}.empty-icon{width:47px;height:47px;display:grid;place-items:center;background:#eef3e6;border-radius:15px;margin:0 auto 16px;color:#8da179}.empty h3{font-size:18px;margin-bottom:9px}.empty p{font-size:13px;line-height:1.8;max-width:390px;margin:0 auto 19px}.empty .btn{font-size:12px}
/* Dialogs, status and small screen navigation. */
.modalback{position:fixed;inset:0;z-index:200;background:#11291f70;backdrop-filter:blur(5px);padding:22px;display:grid;place-items:center;overscroll-behavior:contain}.modal{background:#fffefb;border:1px solid #e4e9dc;width:min(580px,100%);max-height:calc(100dvh - 44px);overflow:auto;overscroll-behavior:contain;border-radius:22px;padding:28px;box-shadow:var(--shadow)}.modal.wide{width:min(810px,100%)}.modal h2{font-size:27px;margin-bottom:20px;padding-inline-end:30px}.modal h3{font-size:18px}.modal-close{float:inline-end;position:sticky;top:0;z-index:1;display:grid;place-items:center;width:35px;height:35px;border:1px solid #e5eadd;border-radius:50%;background:#f3f6ed;color:#6e7d61;font-size:23px;line-height:1;margin-inline-start:8px}.modal .notice{margin-bottom:18px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:19px;border-top:1px solid var(--line)}.preview-box{border:1px dashed #d3deca;border-radius:13px;min-height:140px;display:grid;place-items:center;background:#f7f9f1;margin-top:14px;overflow:hidden}.preview-box>.muted{font-size:12px;padding:20px;text-align:center}.preview-box img,.preview-box video{max-height:330px;width:100%;object-fit:contain}.preview-box:empty{min-height:0}.photo-size{font-size:11px;padding:10px;color:var(--muted)}#toastRoot{position:fixed;bottom:22px;inset-inline-end:22px;z-index:300;display:grid;gap:8px;max-width:min(430px,calc(100vw - 44px));pointer-events:none}.toast{background:#244736;color:#fff;padding:13px 19px;border-radius:12px;box-shadow:var(--shadow);font-size:13px;animation:toast-in .2s ease-out}.server-status{font-size:10px;text-align:center;padding:7px 20px;color:#69755f;background:#f2f6eb;border-bottom:1px solid #e7eddf}.server-status.online:before{content:"";display:inline-block;width:5px;height:5px;background:#8faa73;border-radius:50%;margin-inline-end:6px;vertical-align:middle}.server-status.offline{background:#fbf0dc;color:#927347;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px 20px;font-size:12px}.server-status.offline .btn{font-size:11px;padding:6px 10px;min-height:30px}.busy button:not(.modal-close){cursor:wait}.busy .form-actions{opacity:.65}.mobile-nav{display:none}.footer{border-top:1px solid var(--line);padding:23px 30px 30px;text-align:center;font-size:10px;color:#66765c;line-height:1.9;margin-top:18px}.footer-brand{display:block;font-weight:700;color:#526c45;font-size:14px;margin-bottom:5px}.auth-divider{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin:19px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.social-button{width:100%;background:#fff;border-color:#d8e2d4;color:var(--ink);margin:6px 0}.social-button svg{width:18px;height:18px}.account-method{margin-top:16px;padding-top:17px;border-top:1px solid var(--line)}.account-method p{margin-bottom:10px;font-size:12px;color:var(--muted)}.loading{padding:80px 20px;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid #e1e9d7;border-top-color:#5b8051;border-radius:50%;margin:0 auto 17px;animation:spin 1s linear infinite}.loading p{font-size:13px;color:var(--muted)}.rtl .hero h1,.rtl h1,.rtl h2,.rtl h3{letter-spacing:0}.rtl .eyebrow{letter-spacing:0}.rtl .icon.directional{transform:scaleX(-1)}.rtl .sample-card{transform:rotate(3deg)}.rtl .modal-close{float:left}.rtl .btn>.icon:last-child:not(:first-child){transform:scaleX(-1)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.shell{padding-top:40px}.hero{min-height:620px}}
@media(max-width:1130px){.topbar-inner,.shell{padding-left:24px;padding-right:24px}.app-layout{grid-template-columns:175px minmax(0,1fr);gap:23px}.hero{gap:30px}.hero-panel{transform:scale(.95)}.hero h1{font-size:59px}.note-photo{right:-10px}.home-columns{grid-template-columns:1fr}.upcoming-panel{display:none}.stat{padding:16px 12px}.stat>span{font-size:9px;gap:5px}.sidebar-note{padding:13px}.person-card{padding:18px}.person-identity h3{font-size:15px}.profile-hero{grid-template-columns:auto 1fr}.profile-hero>.toolbar{grid-column:1/-1;max-width:none}.profile-hero>.toolbar .btn{width:auto}}
@media(max-width:850px){.app-layout{grid-template-columns:1fr}.sidebar{display:none}.shell{padding:25px 23px}.hero{gap:20px}.hero h1{font-size:49px;letter-spacing:-2px}.hero-panel{transform:scale(.86);margin-inline:-22px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-copy>p{font-size:14px}.hero-copy .toolbar{gap:12px}.hero-copy .toolbar>.btn.ghost{padding:5px 0;min-height:30px;font-size:12px}.hero-copy .toolbar>.btn.primary{font-size:13px}.feature-card{padding:19px}.feature-card h3{font-size:16px}.landing-invite{padding:27px}.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:90;border-top:1px solid #dce5d4;background:#fffefbfa;backdrop-filter:blur(18px);padding:7px 6px calc(7px + env(safe-area-inset-bottom))}.mobile-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:0;border-radius:11px;color:#637658;font-size:10px;padding:9px 2px;min-height:52px}.mobile-nav button .icon{width:20px;height:20px}.mobile-nav button.active{color:#325d3c;background:#eef4e7}.mobile-nav .count-badge{position:absolute;top:1px;inset-inline-end:15%;min-width:16px;height:16px;font-size:8px}.footer{padding-bottom:104px}.landing+.mobile-nav{display:none}#toastRoot{bottom:95px}.stats{gap:14px}.stat>span{font-size:10px}.main>.section:last-child{margin-bottom:35px}.hero-fine{font-size:10px}}
@media(max-width:650px){.topbar-inner{padding:12px 17px;gap:10px}.brand{font-size:19px;gap:8px}.brandmark{height:32px;width:32px;font-size:13px;border-radius:10px}.top-actions{gap:5px}.top-actions .btn,.iconbtn{font-size:11px;padding:8px 10px;min-height:36px}.top-actions .desktop-label{display:none}.shell{padding:26px 17px}.hero{grid-template-columns:1fr;padding:11px 0 0;gap:0;min-height:0}.hero h1{font-size:57px;line-height:1.08;margin:20px 0;letter-spacing:-2px}.hero-copy>p{font-size:15px;max-width:450px}.hero-copy .toolbar{gap:17px;align-items:start;flex-direction:column}.hero-copy .toolbar>.btn.primary{font-size:14px;min-height:49px}.hero-fine{margin-top:18px}.hero-panel{height:415px;max-width:420px;width:100%;margin:3px auto 0;transform:scale(.9)}.sample-card{width:280px}.note-photo{right:-6px;font-size:18px;padding:10px}.note-photo span{font-size:10px}.note-hiking{top:20px;left:4px}.note-coffee{bottom:10px}.landing-steps{margin-top:3px;padding-top:30px}.cards{grid-template-columns:1fr;gap:13px}.feature-card{padding:23px}.feature-top{margin-bottom:17px}.feature-card h3{font-size:18px}.feature-card p{font-size:13px}.landing-steps h2{font-size:26px}.landing-invite{flex-direction:column;align-items:start;padding:25px;margin-top:29px;gap:20px}.landing-invite h2{font-size:26px}.landing-invite .btn{width:100%}.pagehead{align-items:flex-start;gap:17px}.pagehead h1{font-size:28px;letter-spacing:-.8px}.pagehead p{font-size:12px}.pagehead>.btn{font-size:11px;padding:10px 12px;white-space:nowrap}.pagehead>.btn .icon{width:15px;height:15px}.eyebrow{font-size:9px;letter-spacing:1.4px}.greeting-mark{font-size:24px}.welcome-banner{padding:22px}.welcome-banner h2{font-size:22px}.welcome-banner .btn{font-size:11px}.banner-art{margin:0 -7px 0 0;gap:8px}.banner-art span{height:45px;width:45px;font-size:24px;border-radius:13px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}.stat{padding:16px}.stat>span{font-size:10px}.stat strong{font-size:25px}.section-head{gap:10px;margin-bottom:17px}.section-head h2{font-size:21px}.section-head>.btn{font-size:11px;padding:7px 5px;min-height:33px}.section-head>.btn .icon{width:16px}.section{margin:26px 0}.person-grid{grid-template-columns:1fr;gap:14px}.person-card{padding:20px}.person-identity h3{font-size:17px}.person-identity .muted{font-size:11px}.person-bio{font-size:13px}.match-reasons{font-size:11px;min-height:0}.person-actions .btn{font-size:12px;min-height:37px}.pill,.badge{font-size:11px}.filters{grid-template-columns:1fr 1fr;gap:13px}.filters .field:first-child{grid-column:1/-1}.filter-card{padding:19px}.filter-card input,.filter-card select{font-size:13px}.formgrid,.profile-grid{grid-template-columns:1fr}.profile-hero{padding:22px;gap:15px}.profile-avatar{width:67px;height:67px;font-size:22px;border-radius:20px}.profile-hero h2{font-size:23px}.profile-hero>.toolbar{gap:8px}.profile-hero>.toolbar .btn{font-size:11px}.activity{grid-template-columns:1fr auto;padding:20px;gap:10px}.activity h3{font-size:19px}.activity .meta{font-size:11px;gap:9px}.activity-score{height:49px;width:49px;font-size:13px;border-width:4px}.activity footer .btn{font-size:11px}.request-item{grid-template-columns:auto 1fr;gap:12px;padding:16px}.request-actions{grid-column:1/-1}.request-actions .btn{flex:1}.connection-row{flex-wrap:wrap}.connection-row .btn{padding:7px 9px}.modalback{padding:12px}.modal{padding:22px;max-height:calc(100dvh - 24px);border-radius:19px}.modal h2{font-size:24px}.modal .profile-hero{padding:17px}.modal .profile-hero>.score-ring{width:58px;height:58px;font-size:15px}.modal input,.modal select,.modal textarea{font-size:16px}.modal .check{font-size:12px}.form-actions .btn{flex:1;font-size:12px;min-width:100px}.post-head{padding:16px}.post-body{padding-left:16px;padding-right:16px}.post-caption{font-size:13px}.post-actions{gap:7px}.post-actions .pill{margin-inline-start:0}.server-status{padding:6px 13px;font-size:9px}.empty{padding:29px 20px}.empty p{font-size:12px}.home-columns{gap:0}.home-columns>.section{margin-bottom:0}.footer{font-size:9px;margin-top:10px}.rtl .hero h1{font-size:46px;line-height:1.25}}
@media(max-width:370px){.brand{font-size:16px}.brandmark{height:28px;width:28px}.topbar-inner{padding-left:11px;padding-right:11px}.top-actions .btn,.top-actions .iconbtn{padding:8px;font-size:10px}.hero h1{font-size:50px}.hero-panel{transform:scale(.82);margin-top:-14px;margin-bottom:-24px}.welcome-banner{padding:19px}.banner-art{display:none}.pagehead{flex-wrap:wrap}.pagehead>.btn{min-height:37px}.mobile-nav button{font-size:9px}.person-actions{gap:5px}.person-actions .btn{padding:8px 10px}.profile-hero{grid-template-columns:1fr}.profile-hero>.toolbar{grid-column:auto}.activity-score{display:none}.activity{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.profile-hero h1{font-size:27px;margin:0;letter-spacing:-.6px}.media-placeholder{font-size:13px;color:var(--muted);padding:25px;text-align:center}
@media(pointer:coarse){.btn.small{min-height:44px}.modal-close{height:44px;width:44px}.mobile-nav button{min-height:55px}}

/* Release workflows: readable controls, private account tools and long content. */
.moderation-photo{display:block;max-width:100%;max-height:360px;object-fit:contain;border-radius:12px;margin:12px 0}
.document-language{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.document-language a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--navy);font-size:14px;text-decoration:none}.document-shell{max-width:960px}.document-breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;margin:0 0 24px;line-height:1.8}.document-breadcrumb a,.document-article a,.document-contact a,.footer-links>a{color:#225d43;text-underline-offset:4px}.document-article{background:#fffefb;border:1px solid var(--line);border-radius:22px;padding:38px 44px;margin-bottom:28px;scroll-margin-top:105px}.document-article h1{font-size:42px;line-height:1.2;margin:12px 0 21px}.document-article h2{font-size:23px;margin:30px 0 12px;line-height:1.4}.document-article p{font-size:16px;line-height:1.9;color:#4d6156;margin:12px 0}.document-article .document-intro{font-size:20px;line-height:1.7;color:var(--ink)}.document-article .document-updated{font-size:12px;color:var(--muted);padding-bottom:21px;border-bottom:1px solid var(--line)}.document-article .eyebrow{color:#48624c;font-size:12px;letter-spacing:1.4px}.document-article[dir=rtl] h1,.document-article[dir=rtl] h2,.document-article[dir=rtl] .eyebrow{letter-spacing:0}.document-contact{background:#edf3e6;border:1px solid #d7e1cc;border-radius:18px;padding:27px 32px;margin:24px 0;scroll-margin-top:105px}.document-contact h2{font-size:22px;line-height:1.6}.document-contact p{font-size:14px;line-height:1.9;margin:14px 0}.document-contact>a{display:inline-flex;align-items:center;min-height:44px;margin:8px 0;overflow-wrap:anywhere}.public-document .footer{padding-bottom:30px}.footer-links>a{display:inline-flex;align-items:center;min-height:44px;padding:7px 11px;font-size:12px}.landing-public-contact{padding-top:0;text-align:center}.operator-contact{margin:14px 0}.operator-contact .btn{overflow-wrap:anywhere}.public-document .topbar-inner{gap:12px;flex-wrap:wrap}.public-document .topbar{position:sticky;top:0}.public-document #content{scroll-margin-top:100px}
@media(max-width:650px){.document-article{padding:25px 21px;border-radius:17px}.document-article h1{font-size:31px}.document-article h2{font-size:21px;margin-top:27px}.document-article p{font-size:15px;line-height:1.95}.document-article .document-intro{font-size:18px}.document-contact{padding:22px}.document-contact h2{font-size:20px}.document-breadcrumb{font-size:12px;gap:8px}.document-language{gap:5px}.document-language a{padding:8px 10px;font-size:12px}.public-document .shell{padding-top:24px}.public-document .brand{font-size:18px}.public-document .footer-links{gap:3px}}
:root{--muted:#596b61}body{overflow-wrap:break-word}.main,.card,.activity>div,.request-item>div{min-width:0}.btn{white-space:normal;text-align:center}.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a36e1e;outline-offset:3px}.pill,.badge,.reason-chip{color:#476044}.pill.teal{color:#326247}.pill.orange{color:#7c5a21}.badge.popular{color:#845040}.badge.private{color:#4e624c}.like-count,.match-reasons,.person-identity .muted,.post-owner .muted,.photo-size{color:#596b55}.match-label{color:#35663e}.person-actions .btn,.post-actions .btn,.post-head .btn{min-height:40px}.field{margin-bottom:3px}.field+.field{margin-top:11px}.formgrid .field+.field,.filters .field+.field{margin-top:0}.spaced{margin-top:17px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.pagination{display:grid;justify-items:center;gap:12px;margin:22px 0}.pagination:empty{display:none}.pagination>p{font-size:13px;max-width:620px;text-align:center}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.detail-grid>div{border:1px solid var(--line);border-radius:13px;padding:17px;min-width:0}.detail-grid p{font-size:14px;line-height:1.7;margin:8px 0 0}.settings-actions{display:grid;gap:0;margin-top:20px}.settings-actions section{padding:22px 0;border-top:1px solid var(--line)}.settings-actions p,.policy-copy p{font-size:14px;line-height:1.8;color:var(--muted)}.settings-actions h3,.policy-copy h3{font-size:18px;margin:8px 0 12px}.recovery-codes{background:#f0f5eb;border:1px solid #d5dfcb;padding:20px;border-radius:13px;white-space:pre-wrap;word-break:break-all;font-size:15px;line-height:1.9;user-select:all}.modal details{border:1px solid var(--line);border-radius:14px;margin:16px 0;padding:16px}.modal summary{font-size:16px;font-weight:650;cursor:pointer;min-height:34px;line-height:1.7}.moderation-item{border-top:1px solid var(--line);padding:19px 0}.moderation-item h3{margin:11px 0;font-size:17px}.moderation-item p,.audit-row p{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.record-id{display:block;font-size:11px;overflow-wrap:anywhere;color:var(--muted);margin:11px 0}.audit-row{padding:15px 0;border-top:1px solid var(--line)}.audit-row>b{overflow-wrap:anywhere;font-size:13px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:12px 0}.footer-links .btn{font-size:12px;min-height:40px}.recovery-reminder{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f4f5e9;border:1px solid #d9e1c9;padding:18px 21px;border-radius:15px;margin:18px 0}.recovery-reminder p{font-size:13px;line-height:1.7;margin:0}.recovery-reminder .btn{flex-shrink:0}.modal .notice[hidden]{display:none}.rtl .record-id,.rtl input[type=email],.rtl input[type=password],.rtl input[type=time]{direction:ltr;text-align:start}
@media(max-width:650px){.detail-grid{grid-template-columns:1fr}.form-actions{position:sticky;bottom:-22px;background:#fffefbf5;backdrop-filter:blur(10px);padding:16px 0 max(8px,env(safe-area-inset-bottom));z-index:2}.modal{scroll-padding-bottom:125px}.modal .form-actions:has(>.btn:nth-child(4)){position:static}.recovery-reminder{align-items:start;flex-direction:column}.recovery-codes{font-size:13px;padding:15px}.post-actions .btn,.person-actions .btn,.top-actions .btn,.iconbtn{min-height:44px}.pagehead{flex-wrap:wrap}.activity footer{gap:8px}.modal details{padding:12px}.profile-hero h1{font-size:24px}.field label{font-size:13px}.modal-close{width:44px;height:44px}.footer-links{gap:5px}.footer-links .btn{min-height:44px}.request-item{overflow-wrap:anywhere}}
/* Full photos keep their own proportions. Only profile-grid thumbnails crop. */
.post-media { aspect-ratio: auto; }
.post-media img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
}
.post-media video {
  display: block;
  width: 100%;
  height: auto;
  max-height: min(70vh, 640px);
  max-height: min(70svh, 640px);
  object-fit: contain;
  object-position: center;
}
/* Keep earlier posts available while the browser skips painting offscreen cards. */
#postResults { overflow-anchor: none; } /* The feed restores its own position across fresh-data placeholders. */
#postResults .post { content-visibility: auto; contain-intrinsic-size: auto 370px; }
/* Activity cards already use measured feed slots; intrinsic fallback heights shift the reading anchor on refresh. */
#postResults .activity-feed-card { content-visibility: visible; }
.feed-slot { min-width: 0; }
.feed-placeholder { height: 100%; display: grid; place-items: center; border: 1px solid var(--line); border-radius: var(--radius); background: #f0f4ed; color: var(--muted); padding: 24px; text-align: center; }
.feed-placeholder p { max-width: 30ch; margin: 0; }
.feed-sync-notice { position: fixed; z-index: 90; inset-inline: 16px; bottom: 18px; margin-inline: auto; width: fit-content; max-width: calc(100% - 32px); display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: var(--card); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 4px 24px #193d3226; font-size: 13px; }
.feed-sync-notice[hidden] { display: none; }
@media(max-width:850px) { .feed-sync-notice { bottom: calc(88px + env(safe-area-inset-bottom)); flex-wrap: wrap; } }
#postResults.feed-revalidating { visibility: hidden; }
.feed-sentinel { height: 1px; pointer-events: none; }
.more-menu { display:grid; gap:12px; }
.more-menu .btn { justify-content:flex-start; white-space:normal; text-align:start; min-height:52px; }
.media-placeholder { display:grid; justify-items:center; gap:12px; padding:24px; text-align:center; }
.feed-pagination { min-height: 110px; padding-block: 24px; text-align: center; }
.feed-pagination p { margin-block: 0 14px; }

.landing-public-contact h2{font-size:clamp(22px,4vw,30px);line-height:1.3}.landing-public-contact p{max-width:65ch;margin:12px auto 20px;line-height:1.8;color:var(--muted)}
.post-edit-fields{border:0;padding:0;margin:0;min-width:0}.post-edit-fields textarea{min-height:150px}.post-edit-fields .form-actions .btn{min-height:44px}

/* Private account details and password controls stay readable on narrow screens. */
.account-private-email{display:grid;gap:5px;min-width:0;margin-block:16px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#f1f5ed;font-size:13px}
.account-private-email>span{font-weight:650}.account-private-email>bdi{display:block;max-width:100%;overflow-wrap:anywhere;user-select:all}.account-private-email>small{color:var(--muted);font-size:12px}
.profile-hero>div:has(.account-private-email){min-width:0}
.account-password-entry{padding-block:4px 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.account-password-entry h3{font-size:18px}.account-password-entry p,.account-password-help{font-size:14px;line-height:1.8;color:var(--muted)}
.account-password-fields{border:0;padding:0;margin:0;min-width:0}.account-password-fields input{width:100%;min-width:0}.account-password-fields .form-actions .btn{min-height:44px}.account-password-fields:disabled{opacity:.72}
#accountPasswordMessage{overflow-wrap:anywhere}
.signup-modal .signup-credentials{margin-block:18px}.signup-modal .signup-interests{margin-block:20px}.modal .signup-optional{border:0;border-top:1px solid var(--line);border-radius:0;padding:0;margin:8px 0}.signup-optional>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:9px;font-weight:600;list-style:none}.signup-optional>summary::before{content:'+';font-size:20px}.signup-optional[open]>summary::before{content:'−'}.signup-optional>fieldset,.signup-optional>.field{margin-block:8px 12px}.signup-modal .check{margin-block:12px}.signup-modal .form-actions{margin-top:18px}
.signup-modal .signup-picker{min-width:0;border:0;padding:0;margin:16px 0}.signup-modal .signup-picker legend{font-weight:600;margin-block-end:6px}.signup-modal .signup-picker details{padding:10px;border:1px solid var(--line);border-radius:12px}.signup-modal .signup-picker summary{min-height:44px;cursor:pointer;overflow-wrap:anywhere}.signup-modal .signup-picker summary>span{display:inline-flex;align-items:center;gap:8px;max-width:100%}.signup-modal .signup-picker input[type=search]{width:100%;min-width:0;margin-block:8px}.signup-modal .signup-picker-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-block:8px}.signup-modal .signup-picker-option{min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere;display:flex;align-items:center;gap:8px;text-align:start}.signup-modal .signup-picker-option img{flex-shrink:0}.signup-modal .signup-age-options{grid-template-columns:repeat(6,minmax(0,1fr))}.signup-modal .signup-age-options .signup-picker-option{justify-content:center;padding-inline:4px}.signup-modal .signup-picker-option[aria-pressed=true]{background:var(--primary);color:var(--on-primary,#fff)}.signup-modal .declared-gender-card{min-height:44px}.signup-modal .declared-gender-cards{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:360px){.signup-modal .signup-picker-options:not(.signup-age-options){grid-template-columns:minmax(0,1fr)}.signup-modal .signup-age-options{grid-template-columns:repeat(4,minmax(0,1fr))}}
.account-password-fields>.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}

.social-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;white-space:normal}.social-button svg{flex:0 0 20px;width:20px;height:20px}.social-button span{min-width:0;overflow-wrap:anywhere}.discord-button svg{color:#5865f2}.account-method .linked-provider{display:flex;align-items:center;gap:8px}

/* Compact community navigation and tool launchpad; standalone documents keep their layout. */
.community-app .topbar-inner{padding-block:8px;min-height:60px;gap:12px;flex-wrap:nowrap}.community-app .top-actions{gap:8px;min-width:0}.community-app .top-actions>.btn,.community-app .top-actions>.iconbtn{min-height:44px;font-size:14px}.community-app #langBtn{width:44px;flex:0 0 44px;padding:10px}.community-app .top-profile{gap:8px;padding:5px 10px;min-width:0;text-align:start}.community-app .top-profile>span{min-width:0;overflow-wrap:anywhere}.community-app .top-avatar{width:30px;height:30px;flex:0 0 30px;font-size:11px;border-radius:50%;margin:0}.community-app .top-profile[aria-current="page"]{background:#e8f1e7;border-color:#557b5c}.community-app .sidebar-help{justify-content:flex-start;width:100%;margin-block:16px 4px;font-size:13px}.tools-heading{margin-bottom:16px}.tool-launchpad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--card);text-align:start;font:inherit;color:var(--navy);box-shadow:0 2px 6px #183d3205}.tool-tile:hover:not(:disabled){background:var(--soft-purple);border-color:var(--navy)}.tool-tile:active:not(:disabled){background:var(--soft-teal)}.tool-tile:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.tool-symbol{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;flex-shrink:0;background:var(--soft-purple);color:var(--muted)}.tool-symbol .icon{width:30px;height:30px}.tool-title{font-size:17px;font-weight:750;line-height:1.35;overflow-wrap:anywhere}.tool-hint,.tool-unavailable{font-size:13px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.tool-unavailable{border-top:1px solid var(--line);padding-top:6px}.tool-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block:16px}.tool-shortcut{display:flex;align-items:center;gap:8px;padding:10px 8px;min-width:0;min-height:48px;border:0;border-radius:10px;background:transparent;color:var(--navy);font:inherit;text-align:start;font-size:14px}.tool-shortcut:hover:not(:disabled){background:var(--soft-purple)}.tool-shortcut:active:not(:disabled){background:var(--soft-teal)}.tool-shortcut:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.tool-shortcut>span{flex:1;min-width:0;overflow-wrap:anywhere}.tool-shortcut>.icon:last-child{width:16px}.tool-help{grid-column:1/-1;border-top:1px solid var(--line);border-radius:0}.community-app .tool-guest{max-width:800px}.community-app .shell:has(.tool-launchpad){padding-block:20px}.community-app .mobile-nav button{min-height:48px;font-size:12px}.community-app .mobile-nav .icon{height:24px;width:24px}
@media(min-width:1100px){.tool-launchpad{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.community-app .topbar-inner{padding-inline:16px}.community-app .top-actions>.btn{font-size:14px}.tool-tile{padding:14px}.tools-heading h1{font-size:28px}}
@media(max-width:480px){.community-app .topbar-inner:has(.top-profile) .brand-wordmark{display:none}.community-app .top-profile{max-width:240px}}
@media(max-width:359px){.community-app .brand-wordmark{display:none}.community-app .topbar-inner{padding-inline:12px}.community-app .top-profile{max-width:220px}.tool-tile{padding:12px}.tool-title{font-size:16px}.tool-shortcuts{grid-template-columns:1fr}.tool-help{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.tool-tile{transition:none}}

/* Each translated label stays inside its own target; reserve room for two lines. */
@media(max-width:850px){.community-app .mobile-nav button{min-width:0;min-height:64px;padding:4px 2px;gap:4px;justify-content:flex-start;line-height:1.3}.community-app .mobile-nav .nav-label{display:block;min-width:0;max-width:100%;min-height:2.6em;overflow-wrap:anywhere;hyphens:auto}.community-app:not(.conversation-active):has(.mobile-nav) #app{padding-bottom:calc(var(--app-mobile-nav-height,82px) + 16px)}.community-app #toastRoot{bottom:max(95px,calc(var(--app-mobile-nav-height,82px) + 14px))}}

/* Content-first Home and compact People discovery; other feed/editor surfaces stay unchanged. */
.home-overview,.discover-view{min-width:0}.home-heading{align-items:center;margin-bottom:22px}.home-heading h1,.discover-heading h1{margin:0;font-size:30px;line-height:1.3;overflow-wrap:anywhere}.home-heading>.btn{min-height:44px;font-size:14px}.home-overview>.section{margin-block:24px}.home-overview .section-head{gap:12px;margin-bottom:14px}.home-overview .section-head h2{font-size:21px;line-height:1.35;margin:0}.home-overview .section-head>.btn{min-height:44px;font-size:13px;flex-shrink:0}.home-posts .feed{max-width:760px}.home-recovery{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-block:20px;padding-block:8px;border-block:1px solid var(--line);font-size:14px}.home-recovery .btn{min-height:44px;font-size:14px}.home-plans{max-width:760px}.home-plans .upcoming-card p,.home-plans .upcoming-link{font-size:14px}.home-plans .upcoming-card h3{font-size:18px}
.discover-heading{margin-bottom:14px}.discover-view>.business-discovery-tabs{margin-bottom:18px}.people-search{max-width:760px;margin-bottom:10px}.people-search input,.people-filter-fields input,.people-filter-fields select{font-size:16px}.people-search label,.people-filter-fields label{font-size:14px}.people-filter-controls{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.people-filters{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff}.people-filters>summary{cursor:pointer;min-height:44px;padding:10px 14px;font-size:15px;font-weight:650;line-height:1.5}.people-filters>summary::marker{color:var(--navy)}.people-filter-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:6px 14px 14px}.people-filter-fields .field+.field{margin-top:0}.people-filter-controls>.btn{min-height:44px;font-size:14px}.people-filter-controls>.btn[hidden]{display:none}.people-active-filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.people-active-filters:empty{display:none}.people-active-filters .pill{font-size:13px;max-width:100%;overflow-wrap:anywhere;white-space:normal}.discover-view .people-section{margin-top:18px}.discover-view .results-bar{margin:0 0 12px;font-size:14px}.discover-view .results-bar>span{min-height:22px}.home-overview .person-grid,.discover-view .person-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.compact-person{padding:18px;min-width:0}.compact-person .person-top{align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:0}.compact-person .person-profile-summary{display:flex;align-items:center;gap:8px;flex:1 1 calc(10ch + 72px);min-width:min(100%,calc(10ch + 72px))}.compact-person .person-top>.person-message-action{margin-inline-start:auto}.compact-person .person-identity{min-width:0}.compact-person .person-identity h3{font-size:18px;line-height:1.4;margin:0;overflow-wrap:anywhere}.compact-person .person-identity .muted{font-size:13px;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}.compact-person .avatar{width:48px;height:48px;flex:0 0 48px}.compact-person .person-interests{margin-top:12px}.person-interest-label{display:block;font-size:13px;color:var(--muted);margin-bottom:7px}.compact-person .meta{margin:0;gap:6px}.compact-person .pill{max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.compact-person .person-actions{gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.compact-person .person-actions>.btn{font-size:14px;min-height:44px;padding:9px 12px}.compact-person .person-compare{margin-inline-start:auto}
.person-card .person-avatar-button{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.person-card .person-avatar-button:focus-visible{outline:3px solid var(--theme-primary,var(--purple));outline-offset:3px}.person-card .person-interests .pill{background:var(--theme-subtle,var(--soft-purple));color:var(--theme-secondary,var(--muted));border-color:var(--theme-border,var(--line))}.person-card .person-interests .person-hobby-shared{background:var(--theme-selection-bg,var(--soft-teal));color:var(--theme-selection-fg,var(--purple-2));border-color:currentColor;font-weight:650}.person-hobby-shared .icon{width:14px;height:14px}.people-age-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.people-age-range>.field,.people-age-range>.field+.field{margin:0;min-width:0}.people-age-range input{width:100%;min-width:0;min-height:44px}
@media(max-width:1000px){.home-overview .person-grid,.discover-view .person-grid{grid-template-columns:1fr}}
.person-hobby-shared .sr-only{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:650px){.home-heading{gap:12px;margin-bottom:18px}.home-heading h1,.discover-heading h1{font-size:28px}.home-overview>.section{margin-block:20px}.home-overview .section-head{align-items:center}.home-overview .section-head h2{font-size:20px}.home-overview .section-head>.btn{font-size:14px}.compact-person{padding:16px}.people-filter-fields{grid-template-columns:1fr}.people-filter-controls>.btn{padding-inline:10px}.discover-view .business-discovery-tabs>.btn{font-size:15px}.home-recovery{align-items:flex-start}}
@media(max-width:359px){.compact-person .person-actions>.btn{padding-inline:9px}.home-overview .section-head{flex-wrap:wrap}.home-heading>.btn{font-size:14px}}

/* Post controls: the conversation stays visible; secondary actions expand in flow. */
.post .post-head{align-items:center;gap:12px}.post .post-owner{min-width:0}.post .post-author{display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:0;border:0;background:transparent;color:var(--navy);font:inherit;font-size:16px;font-weight:700;text-align:start;line-height:1.4;overflow-wrap:anywhere}.post .post-author:hover{text-decoration:underline;text-underline-offset:3px}.post .post-owner>b{font-size:16px;line-height:1.4}.post .post-owner .muted{font-size:13px;line-height:1.5;margin-top:0;overflow-wrap:anywhere}.post .post-audience{font-size:13px;line-height:1.5;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.post .post-primary-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px}.post .post-primary-actions>.btn,.post .post-secondary-actions>.btn{min-height:44px;font-size:14px;padding:9px 12px;line-height:1.4}.post .post-primary-actions .like-btn{gap:7px}.post-like-total{padding-inline-start:5px;border-inline-start:1px solid currentColor;font-variant-numeric:tabular-nums}.post .post-options{border:0;border-top:1px solid var(--line);border-radius:0;padding:0;margin:10px 0 0;min-width:0}.post .post-options>summary{cursor:pointer;min-height:44px;font-size:14px;font-weight:600;line-height:1.5;padding:10px 0;color:var(--navy);list-style-position:inside}.post .post-options>summary:focus-visible{outline-offset:2px}.post .post-secondary-actions{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 8px;min-width:0}.post .post-options[open]>.post-secondary-actions{border:0}.post .post-primary-actions .guest-like-count{font-size:14px;line-height:1.5}.post .post-primary-actions .pill{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.post .post-caption{font-size:15px;line-height:1.65}.post .post-primary-actions .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}
@media(max-width:359px){.post .post-primary-actions>.btn,.post .post-secondary-actions>.btn{padding-inline:10px}.post .post-head{gap:9px}}

.member-username{display:block;max-width:100%;font-size:13px;line-height:1.5;font-weight:400;color:var(--muted);overflow-wrap:anywhere;letter-spacing:normal;text-align:start}.profile-hero .member-username{margin-block:-6px 6px}
html[dir=rtl] .member-username{text-align:right}
.post-photo-actions{display:flex;align-items:center;gap:10px;margin-block:12px}.post-photo-picker{position:relative;overflow:hidden;cursor:pointer}.post-photo-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0}.post-photo-picker:focus-within{outline:3px solid #a36e1e;outline-offset:2px}.post-composer .preview-box:empty{display:none}.post-photo-actions [hidden]{display:none!important}.post-photo-help{margin-block:8px 14px;font-size:13px;color:var(--muted)}.post-photo-help>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;font-weight:600}.post-photo-help>summary::before{content:'+';font-size:18px}.post-photo-help[open]>summary::before{content:'−'}.post-photo-help p{font-size:13px;line-height:1.55;margin-block:7px}.post-composer .pc-post-disclosure{margin-block:4px}.post-composer .field textarea{min-height:108px}.post-composer .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}
.post-photo-picker{min-height:44px}
/* Keep secondary post actions beside the author, without a full-width footer row. */
.post{position:relative;overflow:visible}.post:has(.post-options[open]){z-index:5}.post .post-owner{flex:1}.post .post-options{position:relative;flex:0 0 44px;align-self:flex-start;margin:0;margin-inline-start:auto;padding:0;border:0;border-radius:0;background:transparent}.post .post-options>summary{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;list-style:none;color:var(--muted)}.post .post-options>summary::-webkit-details-marker{display:none}.post .post-options>summary::marker{content:''}.post .post-options>summary::before,.post .post-options>summary::after{display:none}.post .post-options>summary:hover,.post .post-options[open]>summary{background:var(--soft-purple);color:var(--navy)}.post .post-options>summary:focus-visible{outline:3px solid #a36e1e;outline-offset:2px}.post .post-options>summary .icon{width:22px;height:22px;fill:currentColor}.post .post-secondary-actions{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:2;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:2px;width:210px;max-width:calc(100vw - 68px);max-height:50dvh;padding:6px;overflow:auto;overscroll-behavior:contain;scroll-padding-block:6px;background:var(--card);border-radius:14px;box-shadow:0 8px 28px #183d3226}.post .post-options[open]>.post-secondary-actions{border:1px solid var(--line)}.post .post-options:not([open])>.post-secondary-actions{display:none}.post .post-options-up>.post-secondary-actions{top:auto;bottom:calc(100% + 6px)}.post .post-secondary-actions>.btn{width:100%;min-width:0;min-height:44px;justify-content:flex-start;text-align:start;border:0;border-radius:8px;background:transparent;box-shadow:none;white-space:normal;overflow-wrap:anywhere}.post .post-secondary-actions>.btn:hover:not(:disabled){transform:none;background:var(--soft-purple)}.post .post-secondary-actions>[data-post-control=delete],.post .post-secondary-actions>[data-post-control=block]{color:#963c36}
#postResults .post:has(.post-options[open]){content-visibility:visible}
.tool-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px;min-width:0}.tool-heading-title{flex:1;min-width:0}.tool-heading .tool-heading-title h1{margin:0;font-size:30px;line-height:1.25;overflow-wrap:anywhere}.btn.tool-back{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--navy)}.tool-back svg{display:block;width:22px;height:22px;flex-shrink:0}.btn.tool-back:hover:not(:disabled){background:var(--soft-purple);transform:none}.btn.tool-back:focus-visible{outline:3px solid #a36e1e;outline-offset:3px}html[dir=rtl] .tool-back:not(.tool-grid) svg{transform:scaleX(-1)}
@media(max-width:650px){.tool-heading{gap:10px;margin-bottom:16px}.tool-heading .tool-heading-title h1{font-size:26px}}
@media(max-width:650px){.people-filter-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.people-filter-controls>.btn{justify-self:end}}
.people-search>label.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}.people-search-input{position:relative;display:flex;align-items:center;min-width:0}.people-search-input>.icon{position:absolute;inset-inline-start:14px;pointer-events:none;color:var(--muted);width:20px;height:20px}.people-search-input>input{width:100%;min-width:0;min-height:46px;padding-inline-start:44px}

/* The shared SVG supplies the mark and its background at every header size. */
.brandmark{padding:0;background:transparent;flex-shrink:0}.brandmark img,.community-app .brandmark svg{width:100%;height:100%;display:block}
html[data-theme="dark"] .community-app .brandmark{--brand-background:#222b35;--brand-first:#f2f4f7;--brand-second:#9cafff}
/* A quiet extension of the linked-loop mark, outside the tools' tap targets. */
.tools-heading{position:relative;isolation:isolate;min-height:44px}
.tools-heading::after{content:'';display:block;width:116px;height:44px;flex:0 0 116px;margin-inline-start:18px;border-radius:12px;background:url('/brand-pattern.svg') center/126px 126px;pointer-events:none}
@media(max-width:370px){.tools-heading::after{width:90px;flex-basis:90px}}

/* Contact remains one tap away without competing with the four main tabs. */
.community-app .auth-settings{border-top:1px solid var(--line);margin-top:16px;padding-top:8px}.community-app .auth-settings>.btn,.community-app .settings-sign-in{min-height:44px;font-size:14px}.community-app .app-settings-actions{display:grid;gap:8px;margin-block:16px}.community-app .app-settings-actions>.btn{justify-content:flex-start;min-height:44px;text-align:start;white-space:normal;overflow-wrap:anywhere}.community-app .own-profile-actions:has(>#profileSettings){grid-template-columns:repeat(2,minmax(0,1fr))}
.community-app .home-stream>.home-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.community-app .home-stream>.home-heading>h1{min-width:0}.community-app .home-stream>.home-heading>.btn{max-width:100%;white-space:normal}.community-app .home-filter-tools{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:16px;min-width:0}.community-app .home-filter-tools>.home-location-filter,.community-app .home-filter-tools>.home-sort{flex:0 1 auto;width:auto;max-width:100%;min-width:0;margin:0;border:1px solid var(--line);border-radius:12px;background:#fff}.community-app .home-filter-tools>details>summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:44px;padding:8px 12px;font-weight:600;font-size:14px;cursor:pointer;color:var(--navy)}.community-app .home-filter-tools>details>summary:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.community-app .home-filter-tools>details>summary::after{content:'⌄';font-size:1em;margin-inline-start:auto}.community-app .home-filter-tools>details[open]>summary::after{content:'⌃'}.community-app .home-filter-tools>.home-location-filter[open]{flex-basis:100%}.community-app .home-sort>div{display:grid;gap:4px;padding:0 12px 12px;min-width:0}.community-app .home-sort label{font-size:13px;color:var(--muted)}.community-app .home-sort select{width:100%;min-width:0;max-width:100%;min-height:44px}.community-app .home-empty{margin:12px 0 20px;padding:12px 0;color:var(--muted);font-size:15px;overflow-wrap:anywhere}
.contact-modal .contact-chat-invite{padding:0;margin:20px 0;background:none;border:0}
.contact-modal .contact-chat-invite>.btn{width:100%;justify-content:flex-start;gap:12px}
.contact-modal .contact-chat-invite>.btn>.icon:last-child{margin-inline-start:auto}
.contact-modal .contact-chat-invite>p{margin:8px 0 0;font-size:14px;color:var(--muted)}
.contact-modal .contact-actions{margin-top:16px}
.contact-modal .contact-actions .btn{display:inline-flex;justify-content:center;align-items:center;gap:8px}
.contact-modal .contact-address{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.contact-modal .contact-account-help{margin-top:18px}
@media(max-width:560px){.community-app .brand-wordmark{display:none}.community-app .top-actions{gap:4px}}
/* Let Close scroll with the heading instead of covering form controls. */
.modal>.modal-close{position:static}
.kit-due-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .35rem;margin-inline-start:.5rem;border-radius:999px;background:#e6edf5;color:#294d68;font-size:.75rem;line-height:1;font-weight:700;vertical-align:middle}
.mobile-nav button:has(.kit-nav-count){position:relative}
.mobile-nav .kit-nav-count{position:absolute;inset-block-start:4px;inset-inline-end:12%;min-width:1.1rem;height:1.1rem;font-size:.65rem;margin:0}
/* Optional post targeting stays compact until the author asks for it. */
.post-targeting{border:1px solid #d4e0db;border-radius:18px;background:#f6f9f7;margin-top:16px;overflow:hidden}
.post-targeting>summary{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:52px;padding:12px 14px;cursor:pointer;font-weight:700;list-style:none}
.post-targeting>summary::-webkit-details-marker{display:none}
.post-targeting>summary::after{content:'⌄';margin-inline-start:4px}
.post-targeting[open]>summary::after{transform:rotate(180deg)}
.post-target-summary{margin-inline-start:auto;font-size:.85em;font-weight:500;color:var(--muted)}
.post-target-fields{padding:4px 14px 14px;min-width:0}.post-target-fields .choice-field{margin-top:16px}.post-target-fields .privacy-note{margin:10px 0 0}.post-legacy-choice{padding:12px 0 0;align-items:start;line-height:1.5}.post-legacy-choice input{flex-shrink:0;min-width:22px;min-height:22px}

/* Keep the compact logo easy to reach as the Home action. */
.topbar .brand{min-inline-size:44px;min-block-size:44px;justify-content:center}

/* A quiet sign-in welcome; email stays in the same dialog to retain its draft. */
.modal.auth-login{display:flex;flex-direction:column;width:min(480px,100%);min-height:min(660px,calc(100dvh - 44px));padding:20px 36px 28px;border:1px solid #e5eae7;border-radius:24px;background:#fff;color:#203b30;scroll-padding-block:68px 24px}
.auth-login [hidden]{display:none!important}.auth-login .auth-nav{display:flex;align-items:center;gap:12px;min-height:44px;flex-shrink:0;position:sticky;top:0;z-index:3;background:#fff;order:0}
.auth-login .modal-close.auth-close{float:none;position:static;margin:0;margin-inline-start:auto;min-width:44px;width:44px;height:44px;min-height:44px;border:0;border-radius:50%;background:#f2f4f3;color:#4e5e55;font-size:26px;box-shadow:none}
.auth-login .btn.auth-back{gap:8px;min-height:44px;padding:8px 0;border:0;background:transparent;color:#335b47;font-size:14px;box-shadow:none}.auth-login .auth-back .icon{width:19px;height:19px;transform:rotate(180deg)}.rtl .auth-login .auth-back .icon{transform:none}
.auth-login .auth-content{width:100%;max-width:360px;min-width:0;align-self:center;flex-shrink:0;margin-block:auto;padding-block:28px 36px;order:1}
.auth-login .auth-logo{display:block;width:64px;height:64px;margin:0 auto 24px;border-radius:18px}
.modal.auth-login h2{margin:0;padding:0;text-align:center;color:#182f24;font-size:clamp(1.65rem,6vw,2rem);line-height:1.2;font-weight:750;letter-spacing:-.7px;overflow-wrap:anywhere}
.auth-login .auth-subtitle{margin:12px 0 32px;text-align:center;color:#6b7770;font-size:15px;line-height:1.6}.auth-login .auth-content>.notice{margin:0 0 20px;text-align:start;font-size:14px;line-height:1.5}
.auth-login .auth-provider-actions{display:grid;gap:12px}.auth-login .social-button,.auth-login .auth-email-continue{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;margin:0;padding:15px 18px;border:1px solid transparent;border-radius:15px;background:#f2f4f3;color:#233e30;box-shadow:none;font-size:15px;font-weight:650;line-height:1.5;white-space:normal}
.auth-login .facebook-button svg{color:#1877f2}.auth-login .social-button svg,.auth-login .auth-email-continue .icon{width:22px;height:22px;flex:0 0 22px}.auth-login .auth-email-continue span{min-width:0;overflow-wrap:anywhere}.auth-login .social-button:hover:not(:disabled),.auth-login .auth-email-continue:hover:not(:disabled){background:#e9eeeb;border-color:#cbd7ce;color:#183d32;transform:none}.auth-login .social-button:active:not(:disabled),.auth-login .auth-email-continue:active:not(:disabled){background:#e0e8e2}
.auth-login .auth-divider{gap:16px;margin:20px 0;color:#7a837e;font-size:13px}.auth-login .auth-divider:before,.auth-login .auth-divider:after{background:#e6ebe8}
.auth-login .auth-email-fields{display:grid;gap:18px}.auth-login .field label{color:#365142;font-size:14px}.auth-login input{min-height:54px;padding:13px 15px;border:1px solid #d6e0d9;border-radius:13px;background:#fff;color:#203b30;font-size:16px;line-height:1.5}.auth-login input::placeholder{color:#859088}.auth-login input:focus{border-color:#315e45;outline:2px solid #315e4526;outline-offset:1px}
.auth-login .auth-email-actions{display:grid;grid-template-columns:1fr;gap:12px;position:static;margin:24px 0 0;padding:0;border:0;background:transparent;backdrop-filter:none}.auth-login .auth-email-actions>.btn{width:100%;min-height:54px;margin:0;padding:13px 18px;border-radius:14px;font-size:15px;line-height:1.5}.auth-login .auth-email-actions>.primary{border-color:#214e39;background:#214e39;color:#fff}.auth-login .auth-email-actions>.primary:hover:not(:disabled){border-color:#173d2b;background:#173d2b;color:#fff}.auth-login .auth-email-actions>.secondary{border-color:#dbe4de;background:#fff;color:#28513a}.auth-login .auth-email-actions>.secondary:hover:not(:disabled){background:#f2f5f3;color:#214e39}
.auth-login .auth-email-links{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 18px;margin-top:14px}.auth-login .auth-email-links>.btn{min-height:44px;padding:8px 0;border:0;background:transparent;color:#526d5b;font-size:13px;box-shadow:none}.auth-login .auth-email-links>.btn:hover:not(:disabled){color:#214e39;text-decoration:underline;text-underline-offset:3px}
.auth-login .auth-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;margin-top:12px;padding:0;flex-shrink:0;order:3;color:#8b958f;font-size:12px;line-height:1.6;text-align:center}.auth-login .auth-footer a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;color:#667d6e;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.auth-login .auth-footer a:hover{color:#214e39}.auth-login #formMessage{align-self:center;order:2;width:100%;max-width:360px;margin:18px 0 0;white-space:normal;overflow-wrap:anywhere}
.auth-login button:focus-visible,.auth-login a:focus-visible{outline:3px solid #315e45;outline-offset:3px}.auth-login button:disabled{opacity:.6}.auth-login:has(#authEmail:not([hidden])) .auth-logo{width:48px;height:48px;border-radius:14px;margin-bottom:20px}.auth-login:has(#authEmail:not([hidden])) .auth-subtitle{margin-bottom:28px}
/* Use the visual viewport so the email fields remain reachable above a keyboard. */
@media(max-width:650px){
  .modalback:has(>.auth-login){top:var(--auth-top,0px);bottom:auto;height:var(--auth-height,100dvh);padding:0;align-items:stretch;background:#fff;backdrop-filter:none}
  .modal.auth-login{width:100%;height:100%;max-height:100%;min-height:0;margin:0;padding:max(14px,env(safe-area-inset-top,0px)) 24px max(18px,env(safe-area-inset-bottom,0px));border:0;border-radius:0;box-shadow:none;overflow:auto;overscroll-behavior:contain;scroll-padding-block:64px 20px}
  .auth-login .auth-content{padding-block:28px}.auth-login .auth-footer{margin-top:4px}.auth-login input,.auth-login button{scroll-margin-block:64px 20px}
}
@media(max-width:360px){.modal.auth-login{padding-inline:20px}.auth-login .social-button,.auth-login .auth-email-continue{padding-inline:14px;font-size:14px}.auth-login .auth-footer{gap:2px 8px}}
/* Honor the saved dark appearance while keeping the welcome's quiet layout. */
html[data-theme="dark"] .modal.auth-login,html[data-theme="dark"] .auth-login .auth-nav{background:var(--theme-card);color:var(--theme-text);border-color:var(--theme-border)}
html[data-theme="dark"] .modal.auth-login h2,html[data-theme="dark"] .auth-login .field label{color:var(--theme-text)}
html[data-theme="dark"] .auth-login .auth-subtitle,html[data-theme="dark"] .auth-login .auth-divider,html[data-theme="dark"] .auth-login .auth-footer{color:var(--theme-secondary)}
html[data-theme="dark"] .auth-login .auth-divider:before,html[data-theme="dark"] .auth-login .auth-divider:after{background:var(--theme-border)}
html[data-theme="dark"] .auth-login .social-button,html[data-theme="dark"] .auth-login .auth-email-continue,html[data-theme="dark"] .auth-login .modal-close.auth-close{background:var(--theme-raised);color:var(--theme-text);border-color:var(--theme-border)}
html[data-theme="dark"] .auth-login .social-button:hover:not(:disabled),html[data-theme="dark"] .auth-login .auth-email-continue:hover:not(:disabled),html[data-theme="dark"] .auth-login .modal-close.auth-close:hover:not(:disabled){background:var(--theme-subtle);color:var(--theme-text);border-color:var(--theme-control-border)}
html[data-theme="dark"] .auth-login .social-button:active:not(:disabled),html[data-theme="dark"] .auth-login .auth-email-continue:active:not(:disabled){background:var(--theme-selection-bg);color:var(--theme-selection-fg)}
html[data-theme="dark"] .auth-login .btn.auth-back,html[data-theme="dark"] .auth-login .auth-email-links>.btn,html[data-theme="dark"] .auth-login .auth-footer a{color:var(--theme-primary)}
html[data-theme="dark"] .auth-login .btn.auth-back:hover:not(:disabled),html[data-theme="dark"] .auth-login .auth-email-links>.btn:hover:not(:disabled),html[data-theme="dark"] .auth-login .auth-footer a:hover{color:var(--theme-primary-hover)}
html[data-theme="dark"] .auth-login input{background:var(--theme-input);color:var(--theme-text);border-color:var(--theme-control-border)}
html[data-theme="dark"] .auth-login input::placeholder{color:var(--theme-placeholder)}
html[data-theme="dark"] .auth-login input:focus{border-color:var(--theme-primary);outline:2px solid var(--theme-primary);outline-offset:2px}
html[data-theme="dark"] .auth-login .auth-email-actions>.primary{background:var(--theme-primary);border-color:var(--theme-primary);color:var(--theme-on-primary)}
html[data-theme="dark"] .auth-login .auth-email-actions>.primary:hover:not(:disabled){background:var(--theme-primary-hover);border-color:var(--theme-primary-hover);color:var(--theme-on-primary)}
html[data-theme="dark"] .auth-login .auth-email-actions>.secondary{background:var(--theme-card);border-color:var(--theme-control-border);color:var(--theme-primary)}
html[data-theme="dark"] .auth-login .auth-email-actions>.secondary:hover:not(:disabled){background:var(--theme-subtle);color:var(--theme-primary-hover)}
html[data-theme="dark"] .auth-login button:focus-visible,html[data-theme="dark"] .auth-login a:focus-visible{outline-color:var(--theme-primary)}
@media(max-width:650px){html[data-theme="dark"] .modalback:has(>.auth-login){background:var(--theme-card)}}
/* Settings uses the same rows for navigation and expandable account controls. */
.modal.app-settings{--settings-canvas:#f4f5f5;--settings-surface:var(--theme-card,#fff);--settings-line:var(--theme-border,#e5e9e7);--settings-text:var(--theme-text,var(--ink));--settings-muted:var(--theme-secondary,var(--muted));width:min(560px,100%);padding:0;border:1px solid var(--settings-line);border-radius:24px;background:var(--settings-canvas);color:var(--settings-text);scroll-padding-block:90px 28px}
html[data-theme="dark"] .modal.app-settings{--settings-canvas:var(--theme-page)}
.app-settings .settings-header{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;padding:16px 24px;background:var(--settings-canvas);border-bottom:1px solid var(--settings-line)}
.modal.app-settings .settings-header h2{min-width:0;margin:0;padding:0;color:var(--settings-text);font-size:24px;line-height:1.3;font-weight:700;letter-spacing:-.4px}
.app-settings .settings-header .modal-close{position:static;float:none;flex:none;margin:0;min-width:44px;width:44px;height:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:var(--settings-text);font-size:28px;line-height:1;box-shadow:none}
.app-settings .settings-header .modal-close:hover{background:var(--settings-surface)}
.community-app .app-settings .app-settings-actions{display:block;margin:0;padding:22px 22px 30px}
.modal.app-settings #profileSettingsPanels{margin:0}
.modal.app-settings .settings-group,.modal.app-settings .own-profile-admin.settings-group{margin:0 0 24px;padding:0;border:0;border-radius:0;background:none}
.modal.app-settings .settings-group>h3{margin:0 4px 9px;padding:0;color:var(--settings-muted);font-size:13px;line-height:1.5;font-weight:650;letter-spacing:.2px}
.app-settings .settings-card{min-width:0;border:1px solid var(--settings-line);border-radius:17px;background:var(--settings-surface);box-shadow:0 2px 6px #183d3203}
.modal.app-settings .settings-row{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;gap:14px;width:100%;min-width:0;min-height:64px;padding:17px 18px;border:0;border-radius:0;margin:0;background:transparent;color:var(--settings-text);font-size:15px;font-weight:550;line-height:1.45;text-align:start;text-decoration:none;white-space:normal;box-shadow:none;cursor:pointer;scroll-margin-block:90px 28px}
.app-settings .settings-row-copy{display:grid;min-width:0;gap:3px;overflow-wrap:anywhere}
.app-settings .settings-row-label{display:block;color:inherit;line-height:1.45}
.app-settings .settings-row-description{display:block;color:var(--settings-muted);font-size:12px;line-height:1.45;font-weight:400}
.app-settings .settings-row-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--theme-icon,var(--ink))}
.app-settings .settings-row-icon .icon{width:23px;height:23px;flex:none}
.app-settings .settings-row-chevron.icon{width:16px;height:16px;color:var(--settings-muted);flex:none;transition:transform .15s ease}
.rtl .app-settings .settings-row-chevron{transform:rotate(180deg)}
.modal.app-settings .settings-card>.settings-row:first-child{border-start-start-radius:16px;border-start-end-radius:16px}
.modal.app-settings .settings-card>.settings-row:last-child{border-end-start-radius:16px;border-end-end-radius:16px}
.modal.app-settings .settings-card>.settings-row:only-child{border-radius:16px}
.modal.app-settings .settings-row:hover:not(:disabled){background:var(--theme-subtle,#f5f7f6);color:var(--settings-text)}
.modal.app-settings .settings-row:active:not(:disabled){background:var(--theme-selection-bg,#eaf0ec)}
.modal.app-settings .settings-row:focus-visible,.app-settings .settings-header .modal-close:focus-visible{outline:2px solid var(--theme-primary,var(--navy));outline-offset:-4px;border-radius:12px}
.modal.app-settings .settings-card>details{border:0;border-radius:0;padding:0;margin:0;background:transparent;min-width:0}
.modal.app-settings .settings-card>details:first-child{border-start-start-radius:16px;border-start-end-radius:16px}
.modal.app-settings .settings-card>details:last-child{border-end-start-radius:16px;border-end-end-radius:16px}
.modal.app-settings .settings-card>details>summary{list-style:none;border-radius:inherit}
.modal.app-settings .settings-card>details>summary::-webkit-details-marker{display:none}
.modal.app-settings .settings-card>details>summary::marker{content:''}
.modal.app-settings .settings-card>details>summary::after{display:none;content:none}
.modal.app-settings .settings-card>details[open]>summary .settings-row-chevron{transform:rotate(90deg)}
.modal.app-settings .settings-card>*+*{border-block-start:1px solid var(--settings-line)}
.modal.app-settings .settings-card>.account-private-email{display:flex;flex-wrap:wrap;gap:3px 8px;min-width:0;padding:11px 18px 13px;margin:0;border:0;border-top:1px solid var(--settings-line);border-radius:0;background:transparent;font-size:12px;line-height:1.5}
.app-settings .settings-card>.account-private-email>bdi{font-size:12px;overflow-wrap:anywhere}
.app-settings .settings-card>.account-private-email>small{flex-basis:100%;font-size:11px;color:var(--settings-muted)}
.modal.app-settings .settings-card .own-profile-panel,.modal.app-settings .settings-detail-content{padding:0 18px 18px;min-width:0;font-size:14px;overflow-wrap:anywhere}
.modal.app-settings .settings-card .own-profile-panel>p:first-child{margin-top:0}
.modal.app-settings .settings-card .own-profile-panel .card{background:none;box-shadow:none}
.modal.app-settings #settingsThemes{margin:0;padding:0;border:0}
.app-settings #settingsThemes .theme-options{padding:4px 0 0;gap:12px}
.app-settings #settingsThemes .theme-options legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.modal.app-settings #settingsHomeGuideBody{margin:0 16px 16px;background:var(--settings-canvas);border:0;border-radius:12px}
.modal.app-settings .own-admin-actions{display:block}
.modal.app-settings .settings-session-action{margin-top:4px}
.modal.app-settings .settings-row.settings-sign-out,.modal.app-settings .settings-sign-out .settings-row-icon,.modal.app-settings .settings-sign-out .settings-row-chevron,.modal.app-settings .settings-row.settings-delete-account,.modal.app-settings .settings-delete-account .settings-row-icon,.modal.app-settings .settings-delete-account .settings-row-chevron{color:var(--theme-danger,#b42318)}
.app-settings>.notice{margin:0 22px 22px}
@media(max-width:650px){
  .modalback:has(>.app-settings){padding:0;align-items:stretch;background:#f4f5f5;backdrop-filter:none}
  .modal.app-settings{width:100%;max-width:none;height:100%;max-height:100%;border:0;border-radius:0;scroll-padding-block:calc(88px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-bottom))}
  .app-settings .settings-header{min-height:76px;padding:calc(14px + env(safe-area-inset-top)) 20px 14px}
  .community-app .app-settings .app-settings-actions{padding:22px 16px calc(28px + env(safe-area-inset-bottom))}
  .modal.app-settings .settings-row{scroll-margin-block:calc(88px + env(safe-area-inset-top)) 24px}
  html[data-theme="dark"] .modalback:has(>.app-settings){background:var(--theme-page)}
}
@media(max-width:360px){.modal.app-settings .settings-row{gap:11px;padding-inline:14px}.community-app .app-settings .app-settings-actions{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.app-settings .settings-row-chevron.icon{transition:none}}


.post-target-fields .choice-presets{grid-template-columns:repeat(auto-fit,minmax(min(100%,8em),1fr))}
.post-target-fields .choice-preset .choice-emoji{flex-basis:1em;width:1em}
.post-target-fields .choice-check{min-width:18px;min-height:18px;width:1em;height:1em}
.post-target-fields .choice-preset .choice-label{overflow-wrap:break-word}

/* Optional profile sharing has a full native-label target without enlarging the checkbox. */
.profile-editor .check:has(>#editShareAge),.profile-editor .check:has(>#editShareNationality){align-items:center}
.profile-editor label[for="editShareAge"],.profile-editor label[for="editShareNationality"]{display:flex;align-items:center;min-height:44px;min-width:44px;flex:1;margin:0;cursor:pointer}
.profile-editor #editShareAge,.profile-editor #editShareNationality{margin-top:0}

/* One native profile control spans each card; message/connection controls stay independent. */
.person-card,.guest-person{position:relative;isolation:isolate}
.person-profile-link{position:static;display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--navy);cursor:pointer}
.person-profile-link>.icon{width:24px;height:24px}
.person-profile-link:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.person-profile-link:focus-visible{outline:none}
.person-profile-link:focus-visible:after{outline:3px solid var(--theme-primary,var(--navy));outline-offset:3px}
.person-card .person-actions>*,.person-card .person-top>.person-message-action{position:relative;z-index:2}
.compact-person .person-message-action,.people-deck .person-message-action{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;background:#1e493a;color:white;border-color:#1e493a}
.person-card .person-message-action>.icon{width:24px;height:24px}
/* The profile control still spans the card; its chevron needs only a small visual column. */
.compact-person .person-profile-link{flex-basis:24px;width:24px;min-width:24px}
.compact-person .person-public-details{font-size:13px;line-height:1.5;margin:8px 0 0;overflow-wrap:anywhere}
.compact-person .person-bio{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;max-height:3em;overflow:hidden;overflow-wrap:anywhere;white-space:normal}
.guest-person-identity>div:not(.avatar){flex:1}
.rtl .person-profile-link>.icon{transform:scaleX(-1)}

/* Primary actions stay at the right; Profile lives in the navigation. */
.top-search-heading{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:12px;margin-bottom:12px}.top-search-modal .top-search-heading h2{margin:0;padding:0;min-width:0;font-size:1.25em;line-height:1.25;word-break:normal;overflow-wrap:normal}.top-search-modal .top-search-close{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;display:grid;place-items:center;font-size:28px;line-height:1}.top-search-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.top-search-actions>.btn{min-height:44px}
.top-search-modal{--search-modal-padding:28px}
.top-search-modal .activity-search-compact .top-search-primary{display:grid;gap:0 14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.top-search-modal .activity-search-compact .paf-search-dates{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.top-search-modal .activity-search-compact .paf-search-dates .paf-preset{min-height:44px;flex:1}
.top-search-modal .activity-search-compact .top-search-more{margin-top:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.top-search-modal .activity-search-compact .top-search-more>summary{min-height:48px;display:flex;align-items:center;gap:8px;cursor:pointer}.top-search-modal .activity-search-compact .top-search-more>summary::after{content:'+';margin-inline-start:auto;font-size:20px}.top-search-modal .activity-search-compact .top-search-more[open]>summary::after{content:'−'}.top-search-modal .activity-search-compact .top-search-more>summary::-webkit-details-marker{display:none}
.top-search-modal .activity-search-compact .top-search-more-count{display:inline-grid;place-items:center;min-width:23px;min-height:23px;border-radius:999px;background:var(--soft-purple);font-size:12px}.top-search-modal .activity-search-compact .top-search-more-count[hidden]{display:none}
.top-search-modal .activity-search-compact .top-search-advanced{padding-bottom:16px}.top-search-modal .activity-search-compact .paf-inline-count{display:none}.top-search-modal .activity-search-compact .top-search-summary{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:480px){.top-search-modal .activity-search-compact .top-search-primary{grid-template-columns:minmax(0,1fr)}}
.top-search-modal:has(#topActivityFiltersPanel,#guestSearchPanel){scroll-padding-block:20px 140px}
.top-search-modal :is(#topSearchFields .top-search-actions,.guest-search-footer){position:sticky;bottom:calc(-1 * var(--search-modal-padding));z-index:3;margin-block:16px 0;padding:12px 0 max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--theme-raised,var(--card))}
.top-search-modal :is(#topSearchFields .top-search-actions,.guest-search-actions)>.btn{flex:1;min-height:44px}
.top-search-modal :is(#topSearchFields,#guestSearchPanel) :is(input,select,[role=status]){scroll-margin-block:20px 140px}
@media(max-width:650px){.top-search-modal{--search-modal-padding:22px}}
.community-app .top-actions{flex-wrap:nowrap}.community-app .top-actions>[hidden]{display:none!important}.header-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--navy);cursor:pointer}.header-icon>svg{width:24px;height:24px}.header-icon:hover{background:var(--soft-purple)}.header-icon:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.header-icon:disabled{opacity:.5;cursor:default}.header-count{position:absolute;inset-block-start:1px;inset-inline-end:0;display:flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--purple);color:#fff;font-size:10px;line-height:1;font-weight:700}.header-count[hidden]{display:none}.top-search-modal{max-width:620px}.top-search-modal h2{margin-bottom:4px}.top-search-modal .field{margin-top:12px}.top-search-modal .paf-panel{margin-top:16px}.top-search-modal .paf-actions{margin-top:16px}.top-search-modal .paf-actions>.btn{min-height:44px}.mobile-nav .nav-label{overflow-wrap:anywhere}.guest-mobile-nav button{min-height:60px}
.hobby-emoji{display:inline-block;margin-inline-end:5px;font-size:1.05em;line-height:1;vertical-align:baseline}
.post .comment-action,.post .post-primary-actions>.btn.comment-action{min-width:48px;min-height:48px;justify-content:center}
.post .comment-action>.icon{width:24px;height:24px}
.people-search-empty{min-width:0;max-width:100%}.people-search-empty-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}.people-search-empty-actions>.btn{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.people-active-filters .people-filter-remove{min-height:44px;min-width:44px;max-width:100%;padding:9px 12px;border:1px solid var(--line);gap:8px;text-align:start;cursor:pointer;font-family:inherit;touch-action:manipulation}.people-filter-remove>span:first-child{min-width:0;overflow-wrap:anywhere}.people-filter-remove .people-filter-x{flex:none;font-size:18px;line-height:1}.people-filter-remove:focus-visible{outline:2px solid var(--navy);outline-offset:3px}

/* Short community summary; the full rules remain one tap away. */
.modal.community-rules{width:min(440px,100%);padding:20px;border-radius:24px;color:var(--theme-text,var(--ink))}
.community-rules .community-rules-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.modal.community-rules h2{min-width:0;padding:0;margin:0;font-size:23px;line-height:1.3;letter-spacing:-.35px}
.community-rules .community-rules-header .modal-close{position:static;float:none;flex:none;margin:0;width:44px;height:44px;min-width:44px;padding:0;border:0;background:var(--theme-subtle,#f1f5ef);color:inherit;box-shadow:none}
.community-rules .community-rules-list{display:grid;gap:14px;list-style:none;margin:0;padding:0}
.community-rules .community-rules-list li{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;margin:0;padding:0;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.community-rules .community-rules-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#edf3e8;color:#315845}
.community-rules .community-rules-icon .icon{width:21px;height:21px}
.community-rules .community-rules-icon--heart,.community-rules .community-rules-icon--profile{background:#f8ece5;color:#86583f}
.community-rules .community-rules-icon--shield{background:#efedf8;color:#685a8a}
.community-rules .community-rules-icon--places,.community-rules .community-rules-icon--clock{background:#faf1d9;color:#7b6227}
.community-rules .community-rules-icon--flag,.community-rules .community-rules-icon--messages{background:#eaf2f5;color:#456d7c}
.community-rules .community-rules-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 8px;margin-top:20px;padding-top:10px;border-top:1px solid var(--theme-border,var(--line))}
.community-rules .community-rules-footer>a,.community-rules .community-rules-footer>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;margin:0;padding:6px 2px;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--theme-primary,var(--ink));font:inherit;font-size:13px;font-weight:650;line-height:1.4;text-decoration:none;cursor:pointer}
.community-rules .community-rules-footer .icon{width:17px;height:17px;flex:none}
.community-rules .community-rules-footer>a:hover,.community-rules .community-rules-footer>button:hover{background:var(--theme-subtle,#f1f5ef)}
.community-rules a:focus-visible,.community-rules button:focus-visible{outline:2px solid var(--theme-primary,var(--ink));outline-offset:3px}
html[data-theme="dark"] .community-rules .community-rules-icon{background:#243d35;color:#b4d6b6}
html[data-theme="dark"] .community-rules .community-rules-icon--heart,html[data-theme="dark"] .community-rules .community-rules-icon--profile{background:#46342f;color:#edbca2}
html[data-theme="dark"] .community-rules .community-rules-icon--shield{background:#363349;color:#d0c6ed}
html[data-theme="dark"] .community-rules .community-rules-icon--places,html[data-theme="dark"] .community-rules .community-rules-icon--clock{background:#443e2b;color:#e9d48d}
html[data-theme="dark"] .community-rules .community-rules-icon--flag,html[data-theme="dark"] .community-rules .community-rules-icon--messages{background:#293e48;color:#b0d5e5}
/* Keep the Apple mark and title monochrome in every app theme. */
html .social-button.apple-button,html .auth-login .social-button.apple-button{background:#000;color:#fff;border-color:#000}
html .social-button.apple-button:hover:not(:disabled),html .auth-login .social-button.apple-button:hover:not(:disabled),html .social-button.apple-button:active:not(:disabled),html .auth-login .social-button.apple-button:active:not(:disabled){background:#000;color:#fff;border-color:#000}
html[data-theme="dark"] .social-button.apple-button,html[data-theme="dark"] .auth-login .social-button.apple-button{border-color:#fff}

/* Post audience choices stay visible instead of opening a native select. */
.post-gender-field{min-width:0;margin:0 0 16px;padding:0;border:0}
.post-gender-field legend{margin:0 0 10px;padding:0;font-weight:700}
.post-gender-options{display:flex;gap:8px}
.post-gender-options .btn{flex:1;min-width:0;min-height:44px;padding:10px 8px;white-space:normal}
.post-gender-options .btn[aria-pressed="true"]{background:var(--selected-bg,#283658);border-color:var(--accent,#9db3ff);box-shadow:inset 0 0 0 1px var(--accent,#9db3ff);color:var(--text,#f2f4f7)}