
:root{--ink:#193f37;--muted:#65746c;--paper:#fffdf6;--gold:#f2c55c;--line:#e6e3d5;--green:#075746}*{box-sizing:border-box}body{margin:0;background:#f7f5ed;color:var(--ink);font:16px/1.6 system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;border:1px solid transparent;border-radius:9px;padding:11px 18px;background:var(--green);color:white;font-weight:650}button:hover{filter:brightness(.92)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #b98300;outline-offset:3px}.quiet{background:transparent;color:var(--ink);border-color:var(--line)}.danger{color:#a43338;background:#fff0ef;border-color:#e7c4c1}.previewbar{background:#243c35;color:#fff8df;display:flex;align-items:center;gap:20px;padding:8px 4%;font-size:12px;flex-wrap:wrap}.previewbar strong{letter-spacing:.12em}.previewbar button{margin-left:auto;background:transparent;color:inherit;padding:3px 10px;border-color:#718278;font-size:12px}header{max-width:1320px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:var(--ink);font:36px Georgia,serif}.brand>span{color:#c18b19}.brand small{display:block;font:10px system-ui;letter-spacing:.28em;margin-left:48px}.account{font-size:13px}.pill{display:inline-block;border-radius:30px;padding:4px 12px;background:#e4eee6;font-size:12px;font-weight:700;margin:4px}nav{display:flex;max-width:1256px;margin:0 auto;border-bottom:1px solid var(--line);gap:6px;padding:0 12px}nav button{color:var(--muted);background:transparent;border-radius:0;border-bottom:3px solid transparent}nav button.active{color:var(--ink);border-bottom-color:#c59730}main{max-width:1256px;padding:28px 22px 50px;margin:auto}h1{font:42px/1.15 Georgia,serif;margin:8px 0 12px}h2{font:28px/1.25 Georgia,serif;margin:0 0 16px}h3{font-size:18px;margin:0 0 12px}p{margin:8px 0 16px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:800;color:#827345}.muted,small{color:var(--muted)}.introline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:20px}.editor{max-height:850px;overflow:auto}.section{padding:22px 0;border-top:1px solid var(--line)}.section:first-child{border:0;padding-top:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:13px;font-weight:650;margin:12px 0 5px}input:not([type=checkbox]),textarea,select{display:block;width:100%;padding:11px;border:1px solid #ccd4cb;border-radius:8px;background:white;color:var(--ink);min-width:0}textarea{resize:vertical;min-height:92px}input[type=checkbox]{accent-color:var(--green)}.check{font-weight:450;display:flex;align-items:center;gap:8px}.hint{font-size:12px;color:var(--muted)}.profilecard{text-align:center;background:linear-gradient(160deg,#fff4d1 0%,#fffdf8 32%);padding:34px;border:1px solid #e9c866;border-radius:20px;overflow-wrap:anywhere}.profilecard h2{font-size:44px;margin:12px 0}.profilecard h3{border-bottom:1px solid #e1bf61;padding-bottom:12px;margin-top:28px}.ribbon{background:#ffe5a0;border-radius:12px;padding:14px;margin:24px 0}.ribbon span{display:block;font-size:14px}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.chip{background:#fff4d1;border:1px solid #e3c777;padding:8px 12px;border-radius:30px;font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.note{background:#fff0c2;padding:14px 18px;border-radius:10px;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.person{display:flex;flex-direction:column;position:relative}.person .art{background:#eee4ce;border-radius:12px;min-height:110px;display:grid;place-items:center;font:48px Georgia;color:#6f886b;margin-bottom:18px}.person:nth-child(2) .art{background:#e8e7ef;color:#887b97}.person:nth-child(3) .art{background:#e2e9e4}.person p{flex:1}.person h2{margin:0 0 8px}.person .actions{margin-bottom:0}.toolbar{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.toolbar label{margin:0}.toolbar select{min-width:170px}.connection{display:flex;align-items:center;gap:16px;justify-content:space-between}.connection>div{flex:1}.connection h3{margin-bottom:3px}.message{padding:14px 18px;border-radius:12px;background:#edf1e8;margin:12px 0;max-width:90%}.message.mine{background:#fff0c2;margin-left:auto}.feed{max-height:340px;overflow:auto}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metrics strong{display:block;font:36px Georgia}.badge{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:750}.optional{padding:16px 0;border-bottom:1px solid var(--line)}.optional p{white-space:pre-wrap}.statusbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.empty{text-align:center;padding:60px 20px}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;max-width:580px;width:calc(100% - 32px);max-height:90vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#102f2980}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:10px;max-width:90%;padding:14px 22px;display:none;z-index:10}footer{text-align:center;padding:24px;border-top:1px solid var(--line);font-size:13px}footer small{display:block;max-width:720px;margin:auto;font-size:11px}a{color:var(--green)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:850px){.columns{grid-template-columns:1fr}.editor{max-height:none}.cards{grid-template-columns:1fr 1fr}.account{display:none}h1{font-size:34px}}@media(max-width:550px){header{padding:20px}.previewbar{gap:6px}nav{overflow:auto;white-space:nowrap}nav button{padding:10px;font-size:13px}main{padding:20px 14px}.cards,.metrics{grid-template-columns:1fr}.introline{display:block}.panel,.profilecard{padding:20px}.connection{align-items:start;flex-direction:column}.grid2{gap:10px}.profilecard h2{font-size:36px}}


/* Profile-only black and white treatment. */
.profilecard{background:#080808;color:#000;border-color:#080808;padding:24px}
.profilecard .profile-heading,.profilecard .profile-introduction,.profilecard .ribbon,.profilecard h3,.profilecard .optional,.profilecard .profile-signoff,.profile-disclaimer{background:#fff;color:#000;border:0;border-radius:12px;padding:18px}
.profilecard .eyebrow,.profilecard small{color:#000}
.profilecard .profile-heading h2{color:#000}
.profilecard .profile-introduction{margin:16px 0;text-align:center}
.profilecard .ribbon{margin:16px 0}
.profilecard h3{margin:24px 0 12px;padding:12px 18px}
.profilecard .chip,.person .chip{background:#fff;color:#000;border-color:#fff}
.profilecard .optional{margin:10px 0}
.profilecard .profile-signoff{margin-bottom:14px}
.profile-disclaimer{font-size:11px;line-height:1.65;text-align:left;margin-top:16px}
.person{background:#080808;border-color:#080808;color:#000}
.person .art{background:#fff!important;color:#000!important}
.person>h2,.person>small,.person>p,.person>.eyebrow{background:#fff;color:#000;margin:0;padding:10px 14px}
.person>.eyebrow{border-radius:12px 12px 0 0}
.person>p{border-radius:0 0 12px 12px;margin-bottom:16px}
.person .actions button{background:#fff;color:#000;border-color:#fff}
.discover-filters{gap:12px}.discover-filters label{flex:1;min-width:155px}.discover-filters .keyword{flex:2;min-width:220px}.person .actions{margin-top:20px;gap:10px}.person .actions .view-profile{background:transparent;border-color:transparent;color:#fff;width:100%;border-radius:0;text-align:left;padding:12px 0;border-bottom:1px solid #666}.person .actions .heart-profile{background:#fff;border-color:#fff;color:#111;flex:1;border-radius:999px}.person .actions .pass-profile{background:transparent;border-color:#aaa;color:#fff;flex:1;border-radius:999px}.discover-disclaimer{background:transparent;color:#58635e;max-width:100%;margin-top:28px;border-top:1px solid var(--line);border-radius:0;padding:22px 0;font-size:12px}

.person .actions .view-profile::after{content:"→";float:right;font-size:20px}.person .actions button:hover{filter:none;box-shadow:0 0 0 2px #aaa}.person .actions .view-profile:hover{box-shadow:none;border-bottom-color:#fff}

/* Sunflower wordmark: botanical gold, warm ink, and cover-inspired ornaments. */
.brand{display:inline-flex;align-items:center;gap:10px;color:#482b16;font-family:Georgia,'Times New Roman',serif;font-size:46px;font-weight:700;letter-spacing:-2px;line-height:1.05;text-shadow:0 1px 0 #fff3d5}
.brand .brand-flower{width:65px;height:74px;flex:none;filter:drop-shadow(0 2px 2px #6c47131a)}
.brand>.brand-wordmark{color:#482b16}
.brand small{display:flex;align-items:center;gap:10px;margin:10px 0 0;color:#775021;font:10px/1.2 system-ui,sans-serif;letter-spacing:.26em;font-weight:600}
.brand small i{height:1px;flex:1;min-width:18px;background:#b88b36;position:relative}
.brand small i::after{content:"";position:absolute;top:-2px;width:5px;height:5px;border:1px solid #a6772d;background:#f7f5ed;transform:rotate(45deg)}
.brand small i:first-child::after{left:0}.brand small i:last-child::after{right:0}
@media(max-width:550px){.brand{font-size:37px;gap:7px;letter-spacing:-1.5px}.brand .brand-flower{width:53px;height:62px}.brand small{font-size:8px;gap:8px}}

.person .actions .view-profile::after{float:none;display:inline-block;margin-left:8px;font-size:inherit}
.full-profile-actions{background:#080808;padding:16px;border-radius:12px}
.full-profile-actions button{flex:1;border-radius:999px}
.full-profile-actions .heart-profile{background:#fff;border-color:#fff;color:#111}
.full-profile-actions .pass-profile{background:transparent;border-color:#aaa;color:#fff}

.person .actions .view-profile{color:#f2c55c}.person .actions .view-profile:hover{color:#ffdc85;border-bottom-color:#f2c55c}

.profile-votes{display:flex;justify-content:center;gap:34px;margin:0 0 24px}
.profile-votes:last-child{margin:24px 0 0}
.profile-votes button{background:transparent;border:0;color:white;font-family:Arial,sans-serif;font-size:44px;line-height:1;width:60px;height:60px;padding:6px;border-radius:50%;font-weight:400}
.profile-votes.is-liked .heart-icon{color:#ef4055}
.profile-votes.is-liked .pass-icon{color:#080808;background:white}
.profile-modal-footer{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.profile-modal-footer button{font-size:14px;padding:10px 14px}
.profile-modal #modalbody>.profile-disclaimer{background:transparent;color:#59605a;border-radius:0;border-top:1px solid #ddd5c5;margin:20px 0 0;padding:18px 0 0;font-size:12px;text-align:left}
.profile-message{margin-top:18px}
[hidden]{display:none!important}

.connection-safety-actions{gap:12px;margin-top:22px}

.connection-profile-link{display:block;background:transparent;color:var(--green);padding:8px 0;margin:8px 0;text-decoration:underline;text-underline-offset:4px;border-radius:0}

.connection-profile-link{font-weight:400}.connection-direction{font-size:13px;font-weight:600;margin:4px 0 10px;color:var(--ink)}.message-author{display:block;font-size:12px;font-weight:700;margin-bottom:6px;color:var(--ink)}

nav>a{padding:10px 14px;text-decoration:none;font-weight:600}

.page-error{background:var(--green);color:white;border-radius:10px;padding:14px 22px;margin:12px 0 0;overflow-wrap:anywhere;}
.page-error a{display:inline-block;color:white;text-decoration:underline;text-underline-offset:3px;font-weight:700;margin-top:8px;}

nav .back-to-site{order:1;margin-left:auto;white-space:nowrap;}

.admin-member{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--line)}.admin-member .hint{margin-bottom:0;}
/* Cream, sunflower gold and deep green; existing content order is preserved. */
.profilecard,.person{background:#fffdf8;color:#173b36;border:1px solid #eee5d5;box-shadow:0 8px 24px #72542a09}
.profilecard .profile-introduction,.profilecard h3,.profilecard .optional,.profilecard .profile-signoff,.profilecard .profile-disclaimer{background:#fff8e8;color:#173b36;border:1px solid #f4e6c4}
.profilecard .eyebrow,.profilecard small{color:#4b6058}
.profilecard .chip,.person .chip{color:#173b36;background:#fff0cc;border-color:#f1dfb4}
.profilecard .chip:nth-child(3n+2),.person .chip:nth-child(3n+2){background:#eaf1e5;border-color:#dce7d5}
.profilecard .chip:nth-child(3n),.person .chip:nth-child(3n){background:#eeebf5;border-color:#e3deed}
.person>p{background:transparent;color:#173b36;padding:16px 0}
.person .actions .view-profile{background:#ffd458;color:#173b36;border:1px solid #f1c750;border-radius:20px;text-align:center;padding:12px}
.person .actions .view-profile:hover{background:#ffdf7b;color:#173b36;border-color:#d6a733}
.profile-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;text-align:left;align-items:stretch;margin-bottom:18px}
.profile-photo{display:block;width:100%;height:auto;min-height:0;aspect-ratio:1/1;align-self:start;object-fit:cover;border-radius:12px;background:#fff9ed}
.placeholder-photo{object-fit:contain}
.profile-top-details{min-width:0;align-self:center}
.profilecard .profile-top h2,.person .profile-top h2{font:700 clamp(24px,2.6vw,36px)/1.15 Georgia,serif;color:#173b36;margin:0 0 10px;overflow-wrap:anywhere}
.profile-top p{margin:0 0 6px;line-height:1.5;font-size:14px;color:#354d48}
.profile-looking{position:relative;padding-left:46px!important;background:#ffe39a;color:#173b36;border-radius:12px;padding:12px;margin-top:12px}
.profile-looking>span,.profile-looking>strong{display:block}
.profile-looking .eyebrow{font-size:9px;color:#173b36;margin-bottom:4px}
.profile-looking>strong{font-size:16px}.profile-looking>span:last-child{font-size:13px;margin-top:3px}
.profile-votes button{color:#173b36}.profile-votes.is-liked .heart-icon{color:#d52f4b}
@media(max-width:550px){.profile-top{gap:12px}.profile-photo{min-height:0}.profile-looking{padding:10px}.profilecard .profile-top h2,.person .profile-top h2{font-size:26px}}

.profile-people-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#111;width:24px;height:24px}

.profilecard h3.profile-into{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:10px 0 0;margin:24px 0 8px;text-align:left;font-family:inherit;font-size:12px;font-weight:750;letter-spacing:.08em;line-height:1.4}.profile-interest-chips{justify-content:flex-start}


.person .profile-about-preview{position:relative;background:#fff4d6;border:1px solid #f4e6c4;border-radius:16px;padding:16px 16px 16px 40px;margin-top:20px;min-height:210px}.profile-about-preview h3{font:750 10px/1.5 system-ui,sans-serif;letter-spacing:.1em;margin:0 0 8px}.person .profile-about-preview p{font:600 18px/1.4 Georgia,serif;margin:0;overflow-wrap:anywhere;flex:none}.profile-quote-mark{position:absolute;left:12px;top:10px;font:700 36px/1 Georgia,serif;color:#f3ba32}.person h3.profile-into{border-top:1px solid var(--line);padding-top:10px;margin:16px 0 8px;font:750 12px/1.4 system-ui,sans-serif;letter-spacing:.08em}.person .actions{margin-top:auto;padding-top:18px}

.own-profile-label{align-self:flex-start;margin-bottom:10px}
.membership-help{display:block;margin-top:10px}.membership-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:14px}.page-error .membership-actions a{color:inherit;text-decoration:underline;font-weight:650}.page-error .membership-actions button{background:#fff8e8;color:#173b36;border:1px solid #e6e3d5}
.looking-multiselect{position:relative;min-width:170px;max-width:280px}.filter-label{display:block;font-size:13px;font-weight:650;margin-bottom:5px}.looking-multiselect summary{cursor:pointer;padding:11px;background:white;border:1px solid #ccd4cb;border-radius:8px}.looking-multiselect fieldset{position:absolute;z-index:5;top:100%;left:0;min-width:260px;max-width:calc(100vw - 40px);margin:4px 0 0;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 20px #0002}.discover-filters .looking-multiselect label{margin:8px 0}.looking-multiselect small{display:block}

#profile-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}#profile-cards .person{margin-bottom:0}@media(max-width:850px){#profile-cards{grid-template-columns:minmax(0,1fr)}}

.copy-profile-link{display:block;width:fit-content;margin:12px auto 20px;text-decoration:underline;font-weight:400}
.account{text-align:right}.logout-link{display:block;margin-top:4px;text-decoration:underline;font-weight:400}@media(max-width:850px){header{flex-wrap:wrap;gap:14px}.account{display:block;margin-left:auto}}
.profile-top h2.profile-display-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.how-it-works{max-width:850px;margin:0 auto}.how-basics{margin:0}.how-basics dt{font-weight:750;margin:20px 0 5px}.how-basics dd{margin:0;color:#354d48}.how-basics dt:first-child{margin-top:0}
