/* Relationship-first social system. */
.people-v6-page {
  min-height: 100svh;
  padding: 0 20px calc(104px + env(safe-area-inset-bottom));
  color: #171713;
  background: #fbfaf6;
}

.people-v6-main {
  display: grid;
  width: min(100%, 720px);
  margin: 0 auto;
  gap: 0;
}

.people-v6-search {
  display: flex;
  min-height: 56px;
  padding: 0 10px 0 16px;
  align-items: center;
  gap: 11px;
  border: 1px solid #d9d9d2;
  border-radius: 18px;
  background: #fff;
  margin-top: 16px;
}

.people-v6-search > .ph { color: #71736e; font-size: 21px; }
.people-v6-search input { width: 100%; min-width: 0; min-height: 54px; padding: 0; border: 0; color: #171713; background: transparent; font-size: 16px; }
.people-v6-search input::placeholder { color: #92938f; opacity: 1; }
.people-v6-search button { display: grid; width: 36px; height: 36px; place-items: center; border: 0; border-radius: 50%; color: #656761; background: #f1f1ed; }

.people-v6-header { padding: 12px 0 19px; }
.people-v6-header h1 { margin: 3px 0 5px; color: #171713; font: 520 clamp(32px, 9vw, 48px)/1 Georgia, "Times New Roman", serif; letter-spacing: -.055em; }
.people-v6-header p { margin: 0; color: #74766f; font-size: 13px; line-height: 1.45; }

/* You and public profile: quiet identity first, settings on demand. */
.you-v7-identity { display: grid; min-height: 102px; padding: 20px 0; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: 13px; border-bottom: 1px solid #deded7; }
.you-v7-avatar { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; color: #315143; background: #e4ede7; font-size: 16px; font-weight: 820; }
.you-v7-identity-copy { display: grid; min-width: 0; gap: 2px; }
.you-v7-identity-copy strong { overflow: hidden; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.you-v7-identity-copy small { color: #74766f; font-size: 12px; }
.you-v7-identity-copy em { width: fit-content; margin-top: 5px; color: #4e665a; font-size: 10px; font-style: normal; font-weight: 730; }
.you-v7-identity > a { display: flex; min-height: 40px; align-items: center; gap: 5px; color: #2f62e9; font-size: 11px; font-weight: 760; text-decoration: none; white-space: nowrap; }

.you-v7-section { padding: 27px 0; border-bottom: 1px solid #deded7; }
.you-v7-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.you-v7-section-head > span { display: grid; gap: 4px; }
.you-v7-section-head small { color: #74766f; font-size: 10px; font-weight: 780; letter-spacing: .08em; text-transform: uppercase; }
.you-v7-section-head strong { font: 700 23px/1.05 Georgia, "Times New Roman", serif; letter-spacing: -.03em; }
.you-v7-section-head > a { min-height: 36px; padding-top: 5px; color: #2f62e9; font-size: 11px; font-weight: 740; text-decoration: none; }
.you-v7-switch { display: grid; min-width: 68px; padding: 0; grid-template-columns: 34px auto; align-items: center; gap: 7px; border: 0; color: #72746e; background: transparent; }
.you-v7-switch > span { position: relative; width: 34px; height: 21px; border-radius: 999px; background: #d8d9d3; transition: background .18s ease; }
.you-v7-switch > span::after { position: absolute; top: 3px; left: 3px; width: 15px; height: 15px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgb(0 0 0 / 16%); content: ""; transition: transform .18s ease; }
.you-v7-switch em { font-size: 11px; font-style: normal; font-weight: 720; }
.you-v7-switch.is-on { color: #2f62e9; }
.you-v7-switch.is-on > span { background: #2f62e9; }
.you-v7-switch.is-on > span::after { transform: translateX(13px); }

.you-v7-profile-form { display: grid; padding-top: 20px; gap: 14px; }
.you-v7-profile-form > label { display: grid; gap: 6px; color: #62645e; font-size: 10px; font-weight: 770; letter-spacing: .05em; text-transform: uppercase; }
.you-v7-profile-form :is(input, textarea) { width: 100%; min-height: 48px; padding: 12px 13px; border: 1px solid #d9d9d2; border-radius: 13px; color: #171713; background: #fff; font: 400 16px/1.4 system-ui, sans-serif; text-transform: none; }
.you-v7-profile-form textarea { min-height: 88px; resize: vertical; }
.you-v7-profile-form :is(input, textarea):focus { border-color: #2f62e9; outline: 3px solid rgb(47 98 233 / 12%); }
.you-v7-profile-url { display: flex; min-width: 0; align-items: center; gap: 8px; color: #777973; font-size: 11px; }
.you-v7-profile-url span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.you-v7-visibility-options { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.you-v7-visibility-options button { display: grid; min-height: 60px; padding: 10px; grid-template-columns: 27px minmax(0, 1fr) 18px; align-items: center; gap: 8px; border: 1px solid #d9d9d2; border-radius: 14px; color: #696b65; background: #fff; text-align: left; }
.you-v7-visibility-options button.selected { border-color: #b8c9f8; color: #2f62e9; background: #f5f7ff; }
.you-v7-visibility-options button > .ph:first-child { font-size: 20px; }
.you-v7-visibility-options button > span { display: grid; min-width: 0; gap: 2px; }
.you-v7-visibility-options strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.you-v7-visibility-options small { color: #777973; font-size: 9px; letter-spacing: 0; text-transform: none; }
.you-v7-save { min-height: 47px; border: 0; border-radius: 14px; color: #fff; background: #2f62e9; font-size: 13px; font-weight: 770; }

.you-v7-recommendations { display: grid; padding-top: 15px; }
.you-v7-rec { display: grid; min-height: 64px; padding: 9px 0; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 10px; border-bottom: 1px solid #e3e3dd; }
.you-v7-rec > .ph { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; color: #2f62e9; background: #edf2ff; font-size: 18px; }
.you-v7-rec > span { display: grid; min-width: 0; gap: 2px; }
.you-v7-rec strong, .you-v7-rec small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.you-v7-rec strong { font-size: 12px; }
.you-v7-rec small { color: #777973; font-size: 10px; }
.you-v7-rec button { min-height: 36px; padding: 0 10px; border: 1px solid #d8d8d1; border-radius: 11px; color: #2f62e9; background: #fff; font-size: 10px; font-weight: 740; }
.you-v7-empty { display: grid; min-height: 96px; padding: 17px 0; grid-template-columns: 42px minmax(0, 1fr); align-items: center; gap: 12px; }
.you-v7-empty > .ph { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; color: #b85d37; background: #fff0e8; font-size: 19px; }
.you-v7-empty > span { display: grid; gap: 3px; }
.you-v7-empty strong { font-size: 13px; }
.you-v7-empty small { max-width: 310px; color: #777973; font-size: 10px; line-height: 1.4; }
.you-v7-publish-picker { margin-top: 8px; }
.you-v7-publish-picker > summary { display: flex; min-height: 44px; align-items: center; justify-content: space-between; color: #2f62e9; font-size: 11px; font-weight: 740; list-style: none; cursor: pointer; }
.you-v7-publish-picker > summary::-webkit-details-marker { display: none; }
.you-v7-publish-picker[open] > summary .ph { transform: rotate(45deg); }

.you-v7-account-list { padding-top: 8px; }
.you-v7-account-list > details { border-bottom: 1px solid #deded7; }
.you-v7-account-list > details > summary { display: flex; min-height: 70px; align-items: center; justify-content: space-between; list-style: none; cursor: pointer; }
.you-v7-account-list > details > summary::-webkit-details-marker { display: none; }
.you-v7-account-list > details > summary > span { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 11px; }
.you-v7-account-list > details > summary > span > .ph { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 11px; color: #4e665a; background: #e8f0ea; font-size: 17px; }
.you-v7-account-list > details > summary > span > span { display: grid; gap: 2px; }
.you-v7-account-list summary strong { font-size: 13px; }
.you-v7-account-list summary small { color: #777973; font-size: 10px; }
.you-v7-account-list details[open] > summary > .ph { transform: rotate(180deg); }
.you-v7-account-list .account-login-methods, .you-v7-group-actions, .you-v7-more { display: grid; padding: 0 0 18px 45px; gap: 10px; }
.you-v7-account-list .account-login-method { padding: 13px; border: 1px solid #deded7; border-radius: 14px; background: #fff; }
.you-v7-group-actions > a, .you-v7-more button { width: fit-content; min-height: 40px; padding: 0 13px; border: 1px solid #d8d8d1; border-radius: 12px; color: #2f62e9; background: #fff; font-size: 11px; font-weight: 740; text-decoration: none; }
.you-v7-group-actions > a { display: flex; align-items: center; }
.you-v7-more button { color: #a6413a; }

.public-profile-v7 { min-height: 100svh; padding: 0 20px 60px; color: #171713; background: #fbfaf6; }
.public-profile-v7 > header { display: flex; width: min(100%, 680px); min-height: 70px; margin: 0 auto; align-items: center; justify-content: space-between; }
.public-profile-v7 > header > a:first-child { color: #171713; font-size: 20px; font-weight: 820; letter-spacing: -.055em; text-decoration: none; }
.public-profile-v7-you, .public-profile-v7-join { min-height: 38px; padding: 0 13px; align-items: center; border: 1px solid #d9d9d2; border-radius: 12px; color: #2f62e9; background: #fff; font-size: 11px; font-weight: 740; text-decoration: none; }
.public-profile-v7 > header > :is(.public-profile-v7-you, .public-profile-v7-join) { display: flex; }
.public-profile-v7 > main { display: grid; width: min(100%, 680px); margin: 0 auto; gap: 0; }
.public-profile-v7-hero { display: grid; padding: 28px 0 34px; grid-template-columns: 78px minmax(0, 1fr); align-items: center; gap: 18px; border-bottom: 1px solid #deded7; }
.public-profile-v7-hero > span { display: grid; width: 78px; height: 78px; place-items: center; border-radius: 50%; color: #315143; background: #e4ede7; font-size: 22px; font-weight: 820; }
.public-profile-v7-hero small { color: #2f62e9; font-size: 10px; font-weight: 760; }
.public-profile-v7-hero h1 { margin: 2px 0 5px; font: 700 clamp(34px, 10vw, 50px)/.98 Georgia, "Times New Roman", serif; letter-spacing: -.05em; }
.public-profile-v7-hero p { max-width: 440px; margin: 0; color: #74766f; font-size: 13px; line-height: 1.5; }
.public-profile-v7-shelf { padding: 28px 0; border-bottom: 1px solid #deded7; }
.public-profile-v7-shelf > header { display: flex; align-items: end; justify-content: space-between; }
.public-profile-v7-shelf > header > span { display: grid; gap: 4px; }
.public-profile-v7-shelf header small { color: #74766f; font-size: 10px; font-weight: 770; letter-spacing: .08em; text-transform: uppercase; }
.public-profile-v7-shelf header strong { font: 700 24px/1.05 Georgia, "Times New Roman", serif; }
.public-profile-v7-shelf header em { color: #2f62e9; font-size: 12px; font-style: normal; font-weight: 760; }
.public-profile-v7-shelf > div { display: grid; padding-top: 13px; }
.public-profile-v7-shelf article { display: grid; min-height: 66px; padding: 10px 0; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 11px; border-bottom: 1px solid #e5e5df; }
.public-profile-v7-shelf article > .ph { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #2f62e9; background: #edf2ff; font-size: 18px; }
.public-profile-v7-shelf article > span { display: grid; gap: 2px; }
.public-profile-v7-shelf article strong { font-size: 13px; }
.public-profile-v7-shelf article small, .public-profile-v7-shelf p { color: #777973; font-size: 10px; }
.public-profile-v7-edit { width: fit-content; margin-top: 24px; color: #2f62e9; font-size: 12px; font-weight: 740; text-decoration: none; }
.public-profile-v7-state { display: grid; min-height: 58svh; place-items: center; align-content: center; gap: 9px; color: #74766f; text-align: center; }
.public-profile-v7-state > .ph { font-size: 28px; }
.public-profile-v7-state strong { color: #171713; font: 700 28px/1 Georgia, "Times New Roman", serif; }
.public-profile-v7-state p { max-width: 320px; margin: 0; font-size: 12px; line-height: 1.5; }
.public-profile-v7-state a { color: #2f62e9; font-size: 12px; font-weight: 740; text-decoration: none; }

/* Profile-first You page and field-guide public profiles. */
.you-v8-profile-hero { display: grid; padding: 22px 0 24px; grid-template-columns: 72px minmax(0, 1fr) 42px; align-items: center; gap: 15px; border-bottom: 1px solid #deded7; }
.you-v8-avatar { display: grid; width: 72px; height: 72px; place-items: center; border-radius: 50%; color: #315143; background: #e4ede7; font-size: 20px; font-weight: 820; }
.you-v8-profile-hero > div { display: grid; min-width: 0; gap: 3px; }
.you-v8-profile-hero h2 { margin: 0; font: 700 30px/1 Georgia, "Times New Roman", serif; letter-spacing: -.035em; }
.you-v8-profile-hero a { width: fit-content; color: #2f62e9; font-size: 12px; font-weight: 730; text-decoration: none; }
.you-v8-profile-hero p { max-width: 400px; margin: 5px 0 0; color: #656761; font-size: 12px; line-height: 1.45; }
.you-v8-profile-hero small { display: flex; margin-top: 6px; align-items: center; gap: 5px; color: #74766f; font-size: 10px; }
.you-v8-profile-hero > button { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #d8d8d1; border-radius: 50%; color: #2f62e9; background: #fff; font-size: 18px; }
.you-v8-profile-actions { display: grid; padding: 16px 0 28px; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; border-bottom: 1px solid #deded7; }
.you-v8-profile-actions :is(a, button) { display: flex; min-height: 46px; padding: 0 15px; align-items: center; justify-content: center; gap: 7px; border: 1px solid #d8d8d1; border-radius: 14px; color: #2f62e9; background: #fff; font-size: 12px; font-weight: 750; text-decoration: none; }
.you-v8-profile-actions .primary { border-color: #2f62e9; color: #fff; background: #2f62e9; }
.you-v8-profile-actions button:disabled { opacity: .45; }

.you-v8-picks { padding: 28px 0; border-bottom: 1px solid #deded7; }
.you-v8-picks > header { display: flex; align-items: end; justify-content: space-between; gap: 14px; }
.you-v8-picks > header > span { display: grid; gap: 4px; }
.you-v8-picks header small, .you-v8-editor-picks header small { color: #74766f; font-size: 10px; font-weight: 780; letter-spacing: .09em; text-transform: uppercase; }
.you-v8-picks h2 { margin: 0; font: 700 25px/1.08 Georgia, "Times New Roman", serif; letter-spacing: -.03em; }
.you-v8-picks > header > button { min-height: 36px; border: 0; color: #2f62e9; background: transparent; font-size: 11px; font-weight: 750; }
.you-v8-pick-list { display: grid; padding-top: 14px; }
.you-v8-pick { display: grid; min-height: 86px; padding: 11px 0; grid-template-columns: 66px minmax(0, 1fr); align-items: center; gap: 13px; border-bottom: 1px solid #e3e3dd; }
.you-v8-pick-media { display: grid; width: 66px; height: 66px; overflow: hidden; place-items: center; border-radius: 13px; color: #2f62e9; background: #edf2ff; font-size: 24px; }
.you-v8-pick-media img { width: 100%; height: 100%; object-fit: cover; }
.you-v8-pick > span:last-child { display: grid; min-width: 0; gap: 2px; }
.you-v8-pick small { color: #2f62e9; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.you-v8-pick strong { overflow: hidden; font: 700 18px/1.12 Georgia, "Times New Roman", serif; text-overflow: ellipsis; white-space: nowrap; }
.you-v8-pick em { overflow: hidden; color: #74766f; font-size: 10px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.you-v8-picks-empty { display: grid; min-height: 98px; padding-top: 15px; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 11px; }
.you-v8-picks-empty > .ph { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; color: #2f62e9; background: #edf2ff; font-size: 19px; }
.you-v8-picks-empty > span { display: grid; gap: 3px; }
.you-v8-picks-empty strong { font-size: 13px; }
.you-v8-picks-empty small { color: #74766f; font-size: 10px; line-height: 1.4; }
.you-v8-picks-empty button { min-height: 38px; padding: 0 11px; border: 1px solid #d8d8d1; border-radius: 12px; color: #2f62e9; background: #fff; font-size: 10px; font-weight: 740; }

.you-v8-account-list { padding: 29px 0 0; }
.you-v8-account-list > h2 { margin: 0 0 9px; font: 700 24px/1 Georgia, "Times New Roman", serif; letter-spacing: -.03em; }
.you-v8-account-list > :is(button, a, details) { width: 100%; border: 0; border-bottom: 1px solid #deded7; color: #171713; background: transparent; }
.you-v8-account-list > button, .you-v8-account-list > a, .you-v8-account-list > details > summary { display: flex; min-height: 72px; padding: 0; align-items: center; justify-content: space-between; gap: 12px; color: inherit; text-align: left; text-decoration: none; list-style: none; cursor: pointer; }
.you-v8-account-list > details > summary::-webkit-details-marker { display: none; }
.you-v8-account-list > :is(button, a, details > summary) > span { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 11px; }
.you-v8-account-list > :is(button, a, details > summary) > span > .ph { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #315143; background: #e8f0ea; font-size: 18px; }
.you-v8-account-list > :is(button, a, details > summary) > span > span { display: grid; gap: 3px; }
.you-v8-account-list > details > summary > span { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 11px; }
.you-v8-account-list > details > summary > span > .ph { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #315143; background: #e8f0ea; font-size: 18px; }
.you-v8-account-list > details > summary > span > span { display: grid; gap: 3px; }
.you-v8-account-list strong { font-size: 13px; }
.you-v8-account-list small { color: #74766f; font-size: 10px; }
.you-v8-account-list > details[open] > summary > .ph { transform: rotate(180deg); }
.you-v8-security { display: grid; padding: 0 0 20px 49px; }
.you-v8-security article { display: grid; min-height: 68px; padding: 9px 0; grid-template-columns: 34px minmax(0, 1fr) auto auto; align-items: center; gap: 9px; border-bottom: 1px solid #e4e4de; }
.you-v8-security article > .ph { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 11px; color: #2f62e9; background: #edf2ff; font-size: 17px; }
.you-v8-security article > span { display: grid; gap: 2px; }
.you-v8-security article em { padding: 4px 7px; border-radius: 999px; color: #4e665a; background: #e8f0ea; font-size: 9px; font-style: normal; font-weight: 760; }
.you-v8-security article button { min-height: 36px; padding: 0 10px; border: 1px solid #d8d8d1; border-radius: 11px; color: #2f62e9; background: #fff; font-size: 10px; font-weight: 740; }
.you-v8-security > p { display: flex; margin: 12px 0 0; align-items: flex-start; gap: 7px; color: #74766f; font-size: 10px; line-height: 1.45; }
.you-v8-security .account-password-form { margin-top: 12px; padding: 14px; border: 1px solid #deded7; border-radius: 14px; background: #fff; }
.you-v8-security .account-password-form input { font-size: 16px; }
.you-v8-more { padding: 0 0 20px 49px; }
.you-v8-more button { min-height: 42px; padding: 0 12px; border: 1px solid #e3c8c5; border-radius: 12px; color: #a6413a; background: #fff; font-size: 11px; font-weight: 740; }

.you-v8-editor-backdrop { position: fixed; inset: 0; z-index: 150; display: grid; padding: max(20px, env(safe-area-inset-top)) 0 0; align-items: end; background: rgb(20 20 18 / 42%); backdrop-filter: blur(7px); }
.you-v8-editor { width: min(100%, 620px); max-height: calc(100svh - max(20px, env(safe-area-inset-top))); margin: 0 auto; overflow-y: auto; border-radius: 24px 24px 0 0; background: #fbfaf6; box-shadow: 0 -18px 50px rgb(20 20 18 / 18%); }
.you-v8-editor > header { position: sticky; top: 0; z-index: 3; display: grid; min-height: 78px; padding: 14px 18px; grid-template-columns: 42px minmax(0, 1fr); align-items: center; gap: 11px; border-bottom: 1px solid #deded7; background: rgb(251 250 246 / 96%); backdrop-filter: blur(14px); }
.you-v8-editor > header > button { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #d8d8d1; border-radius: 50%; color: #171713; background: #fff; font-size: 18px; }
.you-v8-editor > header > span { display: grid; gap: 2px; }
.you-v8-editor > header small { color: #2f62e9; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.you-v8-editor > header h2 { margin: 0; font: 700 24px/1.05 Georgia, "Times New Roman", serif; letter-spacing: -.03em; }
.you-v8-editor-form { display: grid; padding: 20px 18px calc(22px + env(safe-area-inset-bottom)); gap: 15px; }
.you-v8-editor-form > label { display: grid; gap: 6px; color: #62645e; font-size: 10px; font-weight: 770; letter-spacing: .05em; text-transform: uppercase; }
.you-v8-editor-form :is(input, textarea) { width: 100%; min-height: 48px; padding: 12px 13px; border: 1px solid #d9d9d2; border-radius: 13px; color: #171713; background: #fff; font: 400 16px/1.4 system-ui, sans-serif; text-transform: none; }
.you-v8-editor-form textarea { min-height: 86px; resize: vertical; }
.you-v8-editor-privacy { display: flex; min-height: 60px; padding: 10px 0; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #deded7; border-bottom: 1px solid #deded7; }
.you-v8-editor-privacy > span { display: grid; gap: 3px; }
.you-v8-editor-privacy strong { font-size: 13px; }
.you-v8-editor-privacy small { color: #74766f; font-size: 10px; }
.you-v8-editor-types { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.you-v8-editor-types button { display: grid; min-height: 58px; padding: 10px; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 8px; border: 1px solid #d9d9d2; border-radius: 14px; color: #696b65; background: #fff; text-align: left; }
.you-v8-editor-types button.selected { border-color: #b8c9f8; color: #2f62e9; background: #f5f7ff; }
.you-v8-editor-types button > .ph { font-size: 20px; }
.you-v8-editor-types button > span { display: grid; gap: 2px; }
.you-v8-editor-types strong { font-size: 11px; }
.you-v8-editor-types small { color: #74766f; font-size: 9px; }
.you-v8-editor-picks { padding-top: 6px; }
.you-v8-editor-picks > header { display: flex; min-height: 34px; align-items: center; justify-content: space-between; }
.you-v8-editor-picks > header span { color: #74766f; font-size: 10px; }
.you-v8-editor-add { border-top: 1px solid #deded7; }
.you-v8-editor-add > summary { display: flex; min-height: 52px; align-items: center; justify-content: space-between; color: #2f62e9; font-size: 11px; font-weight: 750; list-style: none; cursor: pointer; }
.you-v8-editor-add > summary::-webkit-details-marker { display: none; }
.you-v8-editor-add[open] > summary .ph { transform: rotate(45deg); }
.you-v8-editor-form > footer { position: sticky; bottom: calc(-22px - env(safe-area-inset-bottom)); z-index: 3; display: grid; margin: 3px -18px calc(-22px - env(safe-area-inset-bottom)); padding: 12px 18px calc(12px + env(safe-area-inset-bottom)); grid-template-columns: auto minmax(0, 1fr); gap: 9px; border-top: 1px solid #deded7; background: rgb(251 250 246 / 96%); backdrop-filter: blur(14px); }
.you-v8-editor-form > footer button { min-height: 46px; padding: 0 16px; border: 1px solid #d8d8d1; border-radius: 14px; color: #171713; background: #fff; font-size: 12px; font-weight: 750; }
.you-v8-editor-form > footer .primary { border-color: #2f62e9; color: #fff; background: #2f62e9; }

.public-profile-v8 { min-height: 100svh; padding: 0 20px 60px; color: #171713; background: #fbfaf6; }
body:has(.public-profile-v8),
.app-shell:has(.public-profile-v8) { background: #fbfaf6; }
#app:has(.public-profile-v8) { width: 100%; max-width: none; padding: 0; }
.public-profile-v8 :is(h1, h2, h3, strong) { color: #171713; }
.public-profile-v8 > header { display: flex; width: min(100%, 680px); min-height: 72px; margin: 0 auto; align-items: center; justify-content: space-between; }
.public-profile-v8 > header > a:first-child { color: #171713; font-size: 21px; font-weight: 830; letter-spacing: -.06em; text-decoration: none; }
.public-profile-v8-settings { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #d8d8d1; border-radius: 50%; color: #171713; background: #fff; font-size: 19px; text-decoration: none; }
.public-profile-v8-you, .public-profile-v8-join { display: flex; min-height: 38px; padding: 0 13px; align-items: center; border: 1px solid #d9d9d2; border-radius: 12px; color: #2f62e9; background: #fff; font-size: 11px; font-weight: 740; text-decoration: none; }
.public-profile-v8 > main { display: grid; width: min(100%, 680px); margin: 0 auto; }
.account-session-skeleton { min-height: 100svh; background: #fbfaf6; }
.account-session-skeleton .afterours-bottom-nav { pointer-events: none; }
.account-session-skeleton-avatar { width: 36px; height: 36px; border-radius: 50%; background: #e4e8e2; }
.account-session-skeleton-main { display: grid; gap: 18px; }
.account-session-skeleton-heading { display: grid; padding: 8px 0 18px; gap: 9px; border-bottom: 1px solid #deded7; }
.account-session-skeleton-heading strong { width: 128px; height: 42px; border-radius: 999px; background: #e1e2dc; }
.account-session-skeleton-heading > span { width: 180px; height: 14px; border-radius: 999px; background: #e8e9e4; }
.account-session-skeleton-feed { display: grid; padding: 18px 0; gap: 0; }
.account-session-skeleton-feed > small { width: 92px; height: 22px; margin-bottom: 10px; border-radius: 999px; background: #e1e2dc; }
.account-session-skeleton-feed > div { display: grid; min-height: 72px; padding: 10px 0; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 12px; border-top: 1px solid #e5e5df; }
.account-session-skeleton-feed i { width: 40px; height: 40px; border-radius: 50%; background: #e2e8fb; }
.account-session-skeleton-feed div > span { display: grid; gap: 7px; }
.account-session-skeleton-feed div strong { width: min(72%, 260px); height: 13px; border-radius: 999px; background: #e1e2dc; }
.account-session-skeleton-feed div em { width: min(48%, 180px); height: 11px; border-radius: 999px; background: #e8e9e4; }
.account-session-skeleton :is(.account-session-skeleton-avatar, .account-session-skeleton-heading strong, .account-session-skeleton-heading > span, .account-session-skeleton-feed > small, .account-session-skeleton-feed i, .account-session-skeleton-feed div strong, .account-session-skeleton-feed div em),
.public-profile-v8-skeleton :is(span, h1, h2, small, p, i) { animation: afterours-skeleton-pulse 1.25s ease-in-out infinite alternate; }
.public-profile-v8-skeleton { display: grid; padding-top: 28px; gap: 26px; }
.public-profile-v8-skeleton > section { display: grid; grid-template-columns: 94px minmax(0, 1fr); align-items: center; gap: 20px; }
.public-profile-v8-skeleton > section > span { width: 94px; height: 94px; border-radius: 50%; background: #e4e8e2; }
.public-profile-v8-skeleton > section > div { display: grid; gap: 8px; }
.public-profile-v8-skeleton h1 { width: min(76%, 310px); height: 40px; margin: 0; border-radius: 999px; background: #e1e2dc; }
.public-profile-v8-skeleton small { display: block; width: 90px; height: 10px; border-radius: 999px; background: #e5e6e0; }
.public-profile-v8-skeleton p { width: min(90%, 390px); height: 11px; margin: 0; border-radius: 999px; background: #e5e6e0; }
.public-profile-v8-skeleton p:last-child { width: min(62%, 250px); }
.public-profile-v8-skeleton > div { display: flex; padding: 7px 0 26px 114px; gap: 9px; border-bottom: 1px solid #deded7; }
.public-profile-v8-skeleton > div i { width: 112px; height: 44px; border-radius: 13px; background: #e5e6e0; }
.public-profile-v8-skeleton article { display: grid; gap: 10px; padding-top: 4px; }
.public-profile-v8-skeleton article h2 { width: min(62%, 300px); height: 28px; margin: 0; border-radius: 999px; background: #e1e2dc; }
@keyframes afterours-skeleton-pulse { from { opacity: .55; } to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  .account-session-skeleton *, .public-profile-v8-skeleton * { animation: none !important; }
}
.public-profile-v8-hero { display: grid; padding: 28px 0 19px; grid-template-columns: 94px minmax(0, 1fr); align-items: center; gap: 20px; }
.public-profile-v8-avatar { display: grid; width: 94px; height: 94px; place-items: center; border-radius: 50%; color: #315143; background: #e4ede7; font-size: 27px; font-weight: 830; }
.public-profile-v8-hero > div { display: grid; min-width: 0; gap: 3px; }
.public-profile-v8-hero h1 { margin: 0; font: 700 clamp(39px, 11vw, 52px)/.95 Georgia, "Times New Roman", serif; letter-spacing: -.05em; }
.public-profile-v8-hero a { width: fit-content; color: #2f62e9; font-size: 13px; font-weight: 740; text-decoration: none; }
.public-profile-v8-hero p { max-width: 430px; margin: 8px 0 0; color: #5f615c; font-size: 13px; line-height: 1.45; }
.public-profile-v8-hero small { display: flex; margin-top: 7px; align-items: center; gap: 5px; color: #777973; font-size: 10px; }
.public-profile-v8-actions { display: flex; padding: 7px 0 26px 114px; gap: 9px; border-bottom: 1px solid #deded7; }
.public-profile-v8-actions :is(a, button) { display: flex; min-height: 44px; padding: 0 14px; align-items: center; justify-content: center; gap: 7px; border: 1px solid #d8d8d1; border-radius: 13px; color: #2f62e9; background: #fff; font-size: 11px; font-weight: 750; text-decoration: none; }
.public-profile-v8-actions .primary { border-color: #2f62e9; color: #fff; background: #2f62e9; }
.public-profile-v8-picks { padding: 30px 0 0; }
.public-profile-v8-picks > header { display: grid; gap: 4px; padding-bottom: 10px; }
.public-profile-v8-picks > header small, .public-profile-v8-collections header small { color: #74766f; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.public-profile-v8-picks > header h2, .public-profile-v8-collections h2 { margin: 0; font: 700 30px/1.02 Georgia, "Times New Roman", serif; letter-spacing: -.04em; }
.public-profile-v8-picks > header p { margin: 0; color: #74766f; font-size: 12px; }
.public-profile-v8-pick { display: grid; min-height: 166px; padding: 18px 0; grid-template-columns: 112px minmax(0, 1fr); align-items: center; gap: 16px; border-bottom: 1px solid #deded7; }
.public-profile-v8-pick-media { display: grid; width: 112px; height: 132px; overflow: hidden; place-items: center; border-radius: 14px; color: #2f62e9; background: #edf2ff; font-size: 34px; }
.public-profile-v8-pick-media img { width: 100%; height: 100%; object-fit: cover; }
.public-profile-v8-pick > span:last-child { display: grid; min-width: 0; gap: 4px; }
.public-profile-v8-pick > span > small { color: #2f62e9; font-size: 10px; font-weight: 820; letter-spacing: .09em; text-transform: uppercase; }
.public-profile-v8-pick h3 { margin: 0; overflow: hidden; font: 700 24px/1.06 Georgia, "Times New Roman", serif; letter-spacing: -.025em; text-overflow: ellipsis; white-space: nowrap; }
.public-profile-v8-pick em { overflow: hidden; color: #74766f; font-size: 11px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.public-profile-v8-pick p { max-width: 330px; margin: 4px 0 0; color: #5f615c; font-size: 12px; line-height: 1.45; }
.public-profile-v8-empty { display: grid; min-height: 180px; place-items: center; align-content: center; gap: 8px; color: #74766f; text-align: center; }
.public-profile-v8-empty > .ph { color: #2f62e9; font-size: 27px; }
.public-profile-v8-empty strong { color: #171713; font: 700 22px/1 Georgia, "Times New Roman", serif; }
.public-profile-v8-empty p { max-width: 300px; margin: 0; font-size: 11px; line-height: 1.45; }
.public-profile-v8-collections { padding: 29px 0; border-bottom: 1px solid #deded7; }
.public-profile-v8-collections > div { display: grid; padding-top: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.public-profile-v8-collections article { display: grid; min-height: 68px; padding: 11px; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 9px; border: 1px solid #deded7; border-radius: 14px; background: #fff; }
.public-profile-v8-collections article > .ph { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; color: #2f62e9; background: #edf2ff; font-size: 18px; }
.public-profile-v8-collections article > span { display: grid; min-width: 0; gap: 2px; }
.public-profile-v8-collections article strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; text-transform: capitalize; white-space: nowrap; }
.public-profile-v8-collections article small { color: #74766f; font-size: 9px; }

@media (max-width: 420px) {
  .you-v8-security { padding-left: 0; }
  .you-v8-security article { grid-template-columns: 34px minmax(0, 1fr) auto; }
  .you-v8-security article em { display: none; }
  .public-profile-v8-actions { padding-left: 0; }
}

.people-v6-continue { display: grid; padding: 0 0 34px; border-bottom: 1px solid #deded7; gap: 12px; }
.people-v6-continue > small,
.people-v6-section-head small { color: #74766f; font-size: 11px; font-weight: 780; letter-spacing: .1em; text-transform: uppercase; }
.people-v6-continue > a { display: grid; min-height: 108px; padding: 14px; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 12px; border: 1px solid #eadfd6; border-radius: 18px; color: #171713; background: #fff8f3; text-decoration: none; }
.people-v6-continue > a > span:nth-child(2) { display: grid; min-width: 0; gap: 2px; }
.people-v6-continue strong { font-size: 17px; }
.people-v6-continue em { color: #b85d37; font-size: 10px; font-style: normal; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.people-v6-continue b { margin-top: 2px; font-size: 14px; }
.people-v6-continue span small { color: #777973; font-size: 11px; }
.people-v6-open { display: flex; min-height: 40px; padding: 0 12px; align-items: center; gap: 4px; border: 1px solid #d8d8d1; border-radius: 999px; color: #2f62e9; background: #fff; font-size: 11px; font-weight: 760; white-space: nowrap; }

.people-v6-avatar { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 50%; color: #4f392f; background: #f6d9ca; font-size: 14px; font-weight: 850; }
.people-v6-avatar.sage { color: #315143; background: #e3ede6; }
.people-v6-avatar.group { border-radius: 17px; color: #315143; background: #e5eee8; font-size: 13px; }

.people-v6-section { padding: 24px 0 0; }
.people-v6-section + .people-v6-section { padding-top: 30px; }
.people-v6-section-head { display: flex; min-height: 34px; align-items: center; justify-content: space-between; gap: 12px; }
.people-v6-add { position: relative; }
.people-v6-add > summary { color: #2f62e9; font-size: 12px; font-weight: 760; list-style: none; cursor: pointer; }
.people-v6-add > summary::-webkit-details-marker { display: none; }
.people-v6-add[open] > form,
.people-v6-add[open] > .landing-create-panel { position: relative; z-index: 5; margin-top: 12px; }
.people-v6-list { border-top: 1px solid #deded7; }
.people-v6-row { display: grid; min-height: 82px; padding: 11px 2px; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 12px; border-bottom: 1px solid #deded7; color: #171713; text-decoration: none; }
.people-v6-row-copy { display: grid; min-width: 0; gap: 2px; }
.people-v6-row-copy strong { font-size: 16px; }
.people-v6-row-copy small { color: #777973; font-size: 12px; }
.people-v6-row-copy em { width: fit-content; margin-top: 4px; padding: 4px 7px; overflow: hidden; border-radius: 999px; color: #42614f; background: #edf4ef; font-size: 9px; font-style: normal; font-weight: 730; text-overflow: ellipsis; white-space: nowrap; }
.people-v6-row-action { display: flex; max-width: 116px; align-items: center; justify-content: flex-end; gap: 5px; color: #777973; font-size: 11px; text-align: right; }
.people-v6-row-action.signal { color: #b85d37; }
.people-v6-row-action .ph { font-size: 16px; }
.people-v6-empty { display: grid; min-height: 120px; padding: 24px 12px; place-items: center; align-content: center; gap: 5px; color: #777973; text-align: center; }
.people-v6-empty strong { color: #171713; font-size: 14px; }
.people-v6-empty small { max-width: 300px; font-size: 11px; line-height: 1.45; }
.people-v6-empty.compact { min-height: 96px; }
.people-v6-join { margin: 30px 0 0; border-top: 1px solid #deded7; }
.people-v6-join > summary { padding: 18px 0; color: #5d5f59; font-size: 12px; font-weight: 720; cursor: pointer; }

/* Conversation-style People inbox. */
.people-v9-page .people-v6-main {
  width: min(100%, 660px);
}

.people-v9-header {
  position: relative;
  display: flex;
  min-height: 70px;
  padding: 9px 0 2px;
  align-items: center;
  justify-content: space-between;
}

.people-v9-header h1 {
  margin: 0;
  color: #171713;
  font: 700 36px/1 Georgia, "Times New Roman", serif;
  letter-spacing: -.045em;
}

.people-v9-new {
  position: relative;
  z-index: 25;
}

.people-v9-new > summary {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid #d8d8d1;
  border-radius: 50%;
  color: #2f62e9;
  background: #fff;
  font-size: 20px;
  list-style: none;
  cursor: pointer;
}

.people-v9-new > summary::-webkit-details-marker,
.people-v9-new-panel details > summary::-webkit-details-marker {
  display: none;
}

.people-v9-new[open] > summary {
  color: #fff;
  background: #2f62e9;
}

.people-v9-new-panel {
  position: absolute;
  top: 50px;
  right: 0;
  display: grid;
  width: min(360px, calc(100vw - 40px));
  max-height: min(68svh, 620px);
  padding: 15px;
  gap: 4px;
  overflow: auto;
  border: 1px solid #deded7;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 48px rgb(31 29 24 / 16%);
}

.people-v9-new-panel > strong {
  padding: 2px 4px 8px;
  font: 700 20px/1 Georgia, "Times New Roman", serif;
}

.people-v9-new-panel > details {
  border-top: 1px solid #ecebe6;
}

.people-v9-new-panel > details > summary {
  display: grid;
  min-height: 58px;
  grid-template-columns: 34px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 9px;
  list-style: none;
  cursor: pointer;
}

.people-v9-new-panel > details > summary > .ph:first-child {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  color: #315bc8;
  background: #eef3ff;
  font-size: 17px;
}

.people-v9-new-panel > details > summary span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.people-v9-new-panel > details > summary b {
  font-size: 12px;
}

.people-v9-new-panel > details > summary small {
  color: #85867f;
  font-size: 9px;
}

.people-v9-new-panel > details[open] > :is(form, .landing-create-panel, .open-group-panel) {
  padding: 8px 0 15px;
}

.people-v9-page .people-v6-search {
  min-height: 47px;
  margin-top: 12px;
  padding-left: 14px;
  border-color: #e1e0da;
  border-radius: 15px;
  background: #f1f1ed;
}

.people-v9-page .people-v6-search input {
  min-height: 45px;
  background: transparent;
  font-size: 14px;
}

.people-v9-inbox {
  padding-top: 25px;
}

.people-v9-inbox-head {
  display: flex;
  min-height: 31px;
  align-items: center;
  gap: 7px;
}

.people-v9-inbox-head h2 {
  margin: 0;
  color: #171713;
  font-size: 12px;
  font-weight: 760;
}

.people-v9-inbox-head span {
  display: grid;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  place-items: center;
  border-radius: 999px;
  color: #74766f;
  background: #ecece7;
  font-size: 9px;
}

.people-v9-list {
  border-top: 1px solid #deded7;
}

.people-v9-chat-row.people-v6-row {
  min-height: 76px;
  padding: 10px 1px;
  grid-template-columns: 54px minmax(0, 1fr) 54px;
  gap: 11px;
}

.people-v9-chat-row .people-v6-avatar {
  width: 54px;
  height: 54px;
  overflow: hidden;
}

.people-v9-chat-row .people-v6-avatar.group {
  border-radius: 18px;
}

.people-v9-chat-row .people-v6-avatar.has-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.people-v9-chat-row .people-v6-row-copy {
  gap: 4px;
}

.people-v9-chat-row .people-v6-row-copy strong {
  overflow: hidden;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.people-v9-chat-row .people-v6-row-copy small {
  overflow: hidden;
  color: #777973;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.people-v9-chat-row .people-v6-row-copy em {
  margin: 1px 0 0;
  padding: 0;
  color: #2f62e9;
  background: transparent;
  font-size: 9px;
}

.people-v9-chat-meta {
  display: grid;
  min-height: 42px;
  justify-items: end;
  align-content: center;
  gap: 8px;
  color: #a0a19a;
}

.people-v9-chat-meta time {
  font-size: 9px;
}

.people-v9-chat-meta > i:not(.ph) {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3565ed;
}

.people-v9-chat-meta > .ph {
  font-size: 17px;
}

.people-v9-empty > .ph {
  color: #9b9d96;
  font-size: 28px;
}

.relationship-v6-main { gap: 0; }
.relationship-v6-back { display: flex; width: fit-content; min-height: 40px; align-items: center; gap: 7px; color: #555750; font-size: 12px; font-weight: 700; text-decoration: none; }
.relationship-v6-hero { display: flex; padding: 24px 0 28px; align-items: center; gap: 16px; border-bottom: 1px solid #deded7; }
.relationship-v6-hero .people-v6-avatar { width: 72px; height: 72px; font-size: 20px; }
.relationship-v6-hero > div { min-width: 0; }
.relationship-v6-hero small { color: #b85d37; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.relationship-v6-hero h1 { margin: 2px 0 0; color: #171713; font: 700 44px/.98 Georgia, "Times New Roman", serif; letter-spacing: -.045em; }
.relationship-v6-hero p { margin: 6px 0 0; color: #777973; font-size: 12px; }
.relationship-v6-actions { display: grid; padding: 18px 0 10px; grid-template-columns: 1fr 1fr; gap: 9px; }
.relationship-v6-actions :is(button, a) { display: flex; min-height: 48px; padding: 8px 12px; align-items: center; justify-content: center; gap: 7px; border: 1px solid #d9d9d2; border-radius: 15px; color: #171713; background: #fff; font-size: 12px; font-weight: 740; text-decoration: none; }
.relationship-v6-actions button { border-color: #2f62e9; color: #fff; background: #2f62e9; }
.relationship-v6-section { padding: 28px 0 0; }
.relationship-v6-section-head { display: flex; min-height: 38px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #deded7; }
.relationship-v6-section-head h2 { margin: 0; color: #171713; font: 700 24px/1.05 Georgia, "Times New Roman", serif; letter-spacing: -.03em; }
.relationship-v6-section-head a { color: #2f62e9; font-size: 11px; font-weight: 720; text-decoration: none; }
.relationship-v6-list article { display: grid; min-height: 70px; padding: 11px 0; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 11px; border-bottom: 1px solid #e4e4de; }
.relationship-v6-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; color: #2f62e9; background: #edf2ff; font-size: 18px; }
.relationship-v6-list article > span:nth-child(2) { display: grid; min-width: 0; gap: 2px; }
.relationship-v6-list strong { color: #171713; font-size: 13px; }
.relationship-v6-list small { overflow: hidden; color: #777973; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.relationship-v6-list :is(a, em) { color: #2f62e9; font-size: 10px; font-style: normal; font-weight: 700; text-decoration: none; }
.relationship-v6-memories { display: grid; padding-top: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.relationship-v6-memories a { display: grid; overflow: hidden; border: 1px solid #deded7; border-radius: 15px; color: #171713; background: #fff; text-decoration: none; }
.relationship-v6-memories img,
.relationship-v6-memory-fallback { display: grid; width: 100%; height: 104px; place-items: center; object-fit: cover; color: #2f62e9; background: #edf2ff; }
.relationship-v6-memories a > span:last-child { display: grid; padding: 10px; gap: 2px; }
.relationship-v6-memories strong { font-size: 12px; }
.relationship-v6-memories small { color: #777973; font-size: 9px; }
.relationship-v6-group-chips { display: flex; padding-top: 12px; gap: 8px; flex-wrap: wrap; }
.relationship-v6-group-chips a { padding: 8px 11px; border-radius: 999px; color: #315143; background: #e7efe9; font-size: 11px; font-weight: 720; text-decoration: none; }
.relationship-v6-settings { margin-top: 32px; border-top: 1px solid #deded7; border-bottom: 1px solid #deded7; }
.relationship-v6-settings > summary { display: flex; min-height: 56px; align-items: center; justify-content: space-between; list-style: none; cursor: pointer; }
.relationship-v6-settings > summary > span { display: flex; align-items: center; gap: 9px; }
.relationship-v6-settings > div { display: grid; padding: 0 0 18px; gap: 16px; }
.relationship-v6-form { display: grid; gap: 12px; }
.relationship-v6-form label { display: grid; gap: 5px; color: #666862; font-size: 10px; font-weight: 760; text-transform: uppercase; }
.relationship-v6-form :is(input, select) { min-height: 44px; padding: 9px 11px; border: 1px solid #d9d9d2; border-radius: 12px; color: #171713; background: #fff; font-size: 13px; text-transform: none; }
.relationship-v6-form button { min-height: 46px; border: 0; border-radius: 14px; color: #fff; background: #2f62e9; font-size: 12px; font-weight: 760; }
.relationship-v6-remove { min-height: 44px; border: 1px solid #eccbc3; border-radius: 13px; color: #a84835; background: #fff9f7; font-size: 12px; font-weight: 730; }

/* Group shell and local navigation. */
.group-themed-shell.group-shell { width: 100%; max-width: 820px; min-height: 100svh; margin: 0 auto; padding: 0 16px calc(104px + env(safe-area-inset-bottom)); gap: 0; color: #171713; background: #fbfaf6; }
.group-themed-shell > .header-panel { margin: 0; padding: 8px 0 16px; border: 0; border-bottom: 1px solid #deded7; border-radius: 0; background: transparent; box-shadow: none; }
.group-themed-shell .header-banner { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; grid-template-areas: "emblem title actions"; align-items: center; gap: 12px; }
.group-themed-shell .group-emblem { width: 48px; height: 48px; border: 0; border-radius: 15px; background: #e5eee8; box-shadow: none; }
.group-themed-shell .group-emblem-glyph { color: #315143; font-size: 12px; font-weight: 850; }
.group-themed-shell .header-title-block { display: grid; min-width: 0; gap: 2px; }
.group-themed-shell .header-kicker { order: 2; gap: 6px; }
.group-themed-shell .header-kicker .mono-tag { display: none; }
.group-themed-shell .header-kicker .subtle-copy { color: #777973; font-size: 11px; }
.group-themed-shell .header-title-block h1 { margin: 0; color: #171713; font: 700 25px/1.05 Georgia, "Times New Roman", serif; letter-spacing: -.035em; }
.group-themed-shell .group-vibe-row { display: none; }
.group-themed-shell .header-actions { display: flex; }
.group-themed-shell .header-icon-button { width: 38px; height: 38px; min-height: 38px; border: 1px solid #deded7; border-radius: 50%; color: #555750; background: #fff; }
.group-themed-shell .section-tabs { position: sticky; top: 0; z-index: 40; display: grid; width: 100%; padding: 4px 0 0; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid #deded7; background: rgb(251 250 246 / 97%); }
.group-themed-shell .section-tabs .toggle-button { min-height: 46px; border-bottom-width: 2px; color: #777973; font-size: 10px; }
.group-themed-shell .section-tabs .toggle-button.active { border-color: #2f62e9; color: #2f62e9; }
.group-themed-shell .tab-panel { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.group-social-v6 { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr); gap: 0; }
.group-v6-lead { padding: 28px 0 24px; border-bottom: 1px solid #deded7; }
.group-v6-lead > small { color: #74766f; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.group-v6-lead h2 { max-width: 520px; margin: 7px 0 0; color: #171713; font: 700 36px/1 Georgia, "Times New Roman", serif; letter-spacing: -.045em; }
.group-v6-lead p { max-width: 560px; margin: 10px 0 0; color: #74766f; font-size: 13px; line-height: 1.45; }
.group-v6-section { width: 100%; min-width: 0; padding: 24px 0; border-bottom: 1px solid #deded7; }
.group-v6-section-head { display: flex; min-height: 38px; align-items: center; justify-content: space-between; gap: 12px; }
.group-v6-section-head > div { display: grid; gap: 2px; }
.group-v6-section-head > div > small { color: #777973; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.group-v6-section-head h3 { margin: 0; color: #171713; font: 700 24px/1.05 Georgia, "Times New Roman", serif; letter-spacing: -.03em; }
.group-v6-section-head > :is(button, a),
.group-v6-section-head > small { padding: 0; border: 0; color: #2f62e9; background: transparent; font-size: 11px; font-weight: 740; text-decoration: none; }
.group-v6-quick { display: grid; padding: 18px 0; grid-template-columns: repeat(3, 1fr); gap: 8px; border-bottom: 1px solid #deded7; }
.group-v6-quick button { display: flex; min-height: 44px; padding: 8px; align-items: center; justify-content: center; gap: 6px; border: 1px solid #d9d9d2; border-radius: 13px; color: #4f514c; background: #fff; font-size: 11px; font-weight: 720; }
.group-v6-quick button:first-child { border-color: #2f62e9; color: #fff; background: #2f62e9; }
.group-v6-saved-row,
.group-v6-memory-row { display: grid; width: 100%; min-height: 68px; padding: 10px 0; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 11px; border: 0; color: #171713; background: transparent; text-align: left; }
.group-v6-saved-row > span:first-child { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #2f62e9; background: #edf2ff; font-size: 18px; }
.group-v6-saved-row > span:nth-child(2),
.group-v6-memory-row > span { display: grid; min-width: 0; gap: 2px; }
.group-v6-saved-row strong,
.group-v6-memory-row strong { font-size: 13px; }
.group-v6-saved-row small,
.group-v6-memory-row small { color: #777973; font-size: 10px; }
.group-v6-memory-row { grid-template-columns: minmax(0, 1fr) auto; }
.group-v6-members .hub-story-rail { margin: 10px 0 0; padding: 0; border: 0; background: transparent; }
.group-v6-members .hub-story-track { padding: 0; }
.group-v6-members .hub-story-item { min-width: 58px; }
.group-v6-members .hub-story-avatar-frame,
.group-v6-members .hub-story-avatar { width: 56px; height: 56px; }
.group-v6-members .hub-story-avatar-frame::before { inset: -3px; padding: 2px; }
.group-v6-members .hub-story-avatar-frame.is-invite::before { display: none; }
.group-v6-members .hub-story-avatar.add { border-width: 1px; }

/* Ideas. */
.group-ideas-v6-actions { display: grid; padding: 18px 0 12px; grid-template-columns: 1fr 1fr; gap: 9px; }
.group-ideas-v6-actions :is(button, a) { display: flex; min-height: 48px; align-items: center; justify-content: center; gap: 7px; border: 1px solid #d9d9d2; border-radius: 14px; color: #171713; background: #fff; font-size: 12px; font-weight: 750; text-decoration: none; }
.group-ideas-v6-actions button { border-color: #2f62e9; color: #fff; background: #2f62e9; }
.group-ideas-v6-search { display: flex; min-height: 50px; padding: 0 14px; align-items: center; gap: 9px; border: 1px solid #d9d9d2; border-radius: 15px; background: #fff; }
.group-ideas-v6-search .ph { color: #777973; font-size: 18px; }
.group-ideas-v6-search input { width: 100%; min-width: 0; min-height: 48px; padding: 0; border: 0; color: #171713; background: transparent; font-size: 16px; }
.group-ideas-v6-tabs { display: grid; margin-top: 12px; grid-template-columns: 1fr 1fr; border-bottom: 1px solid #deded7; }
.group-ideas-v6-tabs button { min-height: 46px; border: 0; border-bottom: 2px solid transparent; color: #777973; background: transparent; font-size: 11px; font-weight: 740; }
.group-ideas-v6-tabs button.active { border-color: #2f62e9; color: #2f62e9; }
.group-ideas-v6-tabs span { display: inline-grid; min-width: 19px; height: 19px; margin-left: 4px; place-items: center; border-radius: 999px; background: #efefeb; font-size: 9px; }
.group-ideas-v6-list { border-top: 1px solid #deded7; }
.group-ideas-v6-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; border-bottom: 1px solid #deded7; }
.group-ideas-v6-main { display: grid; width: 100%; min-height: 76px; padding: 10px 8px 10px 0; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 11px; border: 0; color: #171713; background: transparent; text-align: left; }
.group-ideas-v6-main > span:first-child { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #2f62e9; background: #edf2ff; font-size: 18px; }
.group-ideas-v6-main > span:nth-child(2) { display: grid; min-width: 0; gap: 2px; }
.group-ideas-v6-main strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.group-ideas-v6-main small { overflow: hidden; color: #777973; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.group-ideas-v6-plan { min-height: 36px; padding: 0 10px; border: 1px solid #d9d9d2; border-radius: 11px; color: #2f62e9; background: #fff; font-size: 10px; font-weight: 750; }

/* Communal group field guide. */
.group-header-member-row { display: flex; min-height: 32px; margin-top: 7px; align-items: center; gap: 9px; }
.group-header-member-stack, .group-field-guide-faces { display: flex; align-items: center; }
.group-header-member-avatar, .group-header-member-more, .group-field-guide-face, .group-field-guide-face-more { display: grid; width: 28px; height: 28px; overflow: hidden; place-items: center; flex: 0 0 auto; border: 2px solid #fbfaf6; border-radius: 50%; color: #315143; background: #e4ede7; font-size: 8px; font-weight: 820; }
.group-header-member-avatar + .group-header-member-avatar, .group-header-member-more, .group-field-guide-face + .group-field-guide-face, .group-field-guide-face-more { margin-left: -7px; }
.group-header-member-avatar img, .group-field-guide-face img { width: 100%; height: 100%; object-fit: cover; }
.group-header-member-row > small { color: #777973; font-size: 10px; }
.group-field-guide { padding-bottom: 12px; }
.group-field-guide-head { display: flex; padding: 22px 0 16px; align-items: center; justify-content: space-between; gap: 18px; }
.group-field-guide-head > div { min-width: 0; }
.group-field-guide-head h2 { max-width: 540px; margin: 0; color: #171713; font: 700 clamp(30px, 8vw, 40px)/1 Georgia, "Times New Roman", serif; letter-spacing: -.045em; }
.group-field-guide-head p { margin: 5px 0 0; color: #74766f; font-size: 12px; line-height: 1.3; }
.group-field-guide-head > button { display: flex; min-width: 74px; min-height: 44px; padding: 0 15px; align-items: center; justify-content: center; gap: 7px; flex: 0 0 auto; border: 0; border-radius: 13px; color: #fff; background: #2f62e9; font-size: 12px; font-weight: 760; }
.group-field-guide-capture { display: grid; margin: 0 0 18px; padding: 14px; gap: 11px; border: 1px solid #cbd4ec; border-radius: 18px; background: #f7f9ff; }
.group-field-guide-capture > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.group-field-guide-capture > header > span { display: grid; gap: 2px; }
.group-field-guide-capture > header small { color: #74766f; font-size: 9px; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
.group-field-guide-capture > header strong { font-size: 13px; }
.group-field-guide-capture > header button { display: grid; width: 34px; height: 34px; place-items: center; border: 0; border-radius: 50%; color: #5f615c; background: #fff; }
.group-field-guide-capture form { display: grid; min-height: 52px; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; border: 1px solid #d4d7df; border-radius: 15px; background: #fff; }
.group-field-guide-capture form > button { display: grid; min-width: 42px; min-height: 44px; place-items: center; border: 0; color: #6d6f69; background: transparent; }
.group-field-guide-capture form > input { width: 100%; min-width: 0; min-height: 50px; padding: 0 4px; border: 0; color: #171713; background: transparent; font-size: 16px; }
.group-field-guide-capture form > .primary { display: flex; min-width: 72px; margin-right: 5px; padding: 0 12px; align-items: center; justify-content: center; gap: 5px; border-radius: 11px; color: #fff; background: #2f62e9; font-size: 11px; font-weight: 760; }
.group-field-guide-capture footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #74766f; font-size: 9px; }
.group-field-guide-capture footer a { color: #2f62e9; font-weight: 730; text-decoration: none; white-space: nowrap; }
.group-add-mode { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #d6d9e1; border-radius: 13px; background: #fff; }
.group-add-mode button { display: flex; min-height: 44px; padding: 6px 9px; align-items: center; justify-content: center; gap: 6px; border: 0; border-radius: 11px; color: #666862; background: transparent; font-size: 10px; font-weight: 740; }
.group-add-mode button.active { color: #2f62e9; background: #edf2ff; box-shadow: inset 0 0 0 1px #2f62e9; }
.group-add-list { display: grid; max-height: 330px; overflow-y: auto; border-top: 1px solid #e0e1dc; }
.group-add-row { display: grid; min-height: 66px; padding: 8px 0; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 9px; border-bottom: 1px solid #e0e1dc; }
.group-add-row > span:first-child { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #315143; background: #e6eee8; }
.group-add-row > span:nth-child(2) { display: grid; min-width: 0; gap: 2px; }
.group-add-row strong, .group-add-row small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.group-add-row strong { font-size: 11px; }
.group-add-row small, .group-add-row em { color: #74766f; font-size: 9px; font-style: normal; }
.group-add-row em { display: flex; align-items: center; gap: 4px; color: #587062; }
.group-add-row > button { min-width: 58px; min-height: 36px; border: 0; border-radius: 10px; color: #fff; background: #2f62e9; font-size: 10px; font-weight: 740; }
.group-add-row > button:disabled { color: #777973; background: #ebebe7; }
.group-add-search { display: grid; min-height: 48px; grid-template-columns: 32px minmax(0, 1fr) 40px; align-items: center; border: 1px solid #d6d9e1; border-radius: 13px; background: #fff; }
.group-add-search > .ph { justify-self: end; color: #777973; }
.group-add-search input { width: 100%; min-width: 0; min-height: 46px; padding: 0 8px; border: 0; background: transparent; font-size: 16px; }
.group-add-search button { min-height: 40px; border: 0; color: #2f62e9; background: transparent; font-size: 16px; }
.group-add-empty, .group-add-loading { display: grid; min-height: 128px; place-items: center; align-content: center; gap: 5px; color: #74766f; text-align: center; }
.group-add-empty > .ph { font-size: 24px; }
.group-add-empty strong { color: #171713; font-size: 12px; }
.group-add-empty small { max-width: 240px; font-size: 9px; }
.group-add-empty button { min-height: 36px; margin-top: 5px; padding: 0 12px; border: 0; border-radius: 10px; color: #fff; background: #2f62e9; font-size: 10px; }
.group-add-empty.compact { min-height: 96px; }
.group-add-link { border-top: 1px solid #dfe0dc; }
.group-add-link > summary { display: flex; min-height: 42px; align-items: center; gap: 6px; color: #666862; font-size: 10px; font-weight: 700; list-style: none; cursor: pointer; }
.group-add-link > summary::-webkit-details-marker { display: none; }
.group-add-link form { grid-template-columns: minmax(0, 1fr) auto; }
.group-add-link form .primary { min-width: 62px; }

/* Account-level availability and sharing. */
.account-availability-page { min-height: 100svh; padding-bottom: calc(100px + env(safe-area-inset-bottom)); color: #171713; background: #fbfaf6; }
.account-availability-main { display: grid; width: min(100%, 720px); margin: 0 auto; padding: 10px 16px 40px; gap: 26px; }
.account-availability-head { display: grid; gap: 6px; padding: 12px 0 4px; }
.account-availability-head > a { display: flex; width: max-content; align-items: center; gap: 5px; color: #2f62e9; font-size: 10px; font-weight: 730; text-decoration: none; }
.account-availability-head > small, .account-availability-groups header small, .account-sharing-card header > small { color: #74766f; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.account-availability-head h1 { max-width: 570px; margin: 3px 0 0; font: 700 clamp(36px, 9vw, 52px)/.96 Georgia, "Times New Roman", serif; letter-spacing: -.05em; }
.account-availability-head p { max-width: 560px; margin: 5px 0 0; color: #74766f; font-size: 13px; line-height: 1.5; }
.account-availability-groups, .account-sharing-card { display: grid; gap: 12px; }
.account-availability-groups > header { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.account-availability-groups h2, .account-sharing-card h2 { margin: 3px 0 0; font: 700 25px/1 Georgia, "Times New Roman", serif; letter-spacing: -.035em; }
.account-availability-groups header em { max-width: 190px; color: #74766f; font-size: 9px; font-style: normal; text-align: right; }
.account-availability-groups > div { display: grid; border-top: 1px solid #deded7; }
.account-availability-groups > div > a { display: grid; min-height: 66px; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 10px; border-bottom: 1px solid #deded7; color: #171713; text-decoration: none; }
.account-availability-groups > div > a > span:first-child { display: grid; width: 38px; height: 38px; overflow: hidden; place-items: center; border-radius: 12px; color: #315143; background: #e6eee8; font-size: 9px; font-weight: 800; }
.account-availability-groups > div > a img { width: 100%; height: 100%; object-fit: cover; }
.account-availability-groups > div > a > span:nth-child(2) { display: grid; gap: 2px; }
.account-availability-groups strong { font-size: 12px; }
.account-availability-groups small { color: #74766f; font-size: 9px; }
.account-sharing-card { padding: 16px; border: 1px solid #d8ddd8; border-radius: 18px; background: #f3f6f2; }
.account-sharing-card header p { margin: 6px 0 0; color: #74766f; font-size: 10px; }
.account-sharing-card form { display: grid; gap: 13px; }
.account-sharing-targets { display: flex; padding-bottom: 4px; gap: 7px; overflow-x: auto; }
.account-sharing-targets button { display: flex; min-height: 38px; padding: 0 11px; align-items: center; gap: 5px; flex: 0 0 auto; border: 1px solid #d6d9d3; border-radius: 999px; color: #5f615c; background: #fff; font-size: 9px; font-weight: 720; }
.account-sharing-targets button.active { border-color: #2f62e9; color: #2f62e9; background: #edf2ff; }
.account-sharing-levels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.account-sharing-levels button { display: grid; min-width: 0; min-height: 82px; padding: 10px 7px; place-items: center; align-content: center; gap: 5px; border: 1px solid #d6d9d3; border-radius: 13px; color: #5f615c; background: #fff; }
.account-sharing-levels button > .ph { font-size: 18px; }
.account-sharing-levels button span { display: grid; gap: 2px; }
.account-sharing-levels button strong { font-size: 9px; }
.account-sharing-levels button small { color: #777973; font-size: 8px; }
.account-sharing-levels button.active { border-color: #2f62e9; color: #2f62e9; background: #edf2ff; box-shadow: inset 0 0 0 1px #2f62e9; }
.account-sharing-save { min-height: 44px; border: 0; border-radius: 12px; color: #fff; background: #2f62e9; font-size: 11px; font-weight: 760; }
.account-sharing-rules { display: grid; border-top: 1px solid #d9ddd7; }
.account-sharing-rules article { display: flex; min-height: 50px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #d9ddd7; }
.account-sharing-rules article span { display: grid; gap: 2px; }
.account-sharing-rules article button { border: 0; color: #2f62e9; background: transparent; font-size: 9px; font-weight: 730; }
.group-board-leading { display: grid; margin: 18px 0 4px; gap: 8px; }
.group-board-leading > small { color: #74766f; font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.group-field-guide-featured { overflow: hidden; margin-bottom: 0; border: 1px solid #d8ddd8; border-radius: 18px; background: #f3f6f2; }
.group-field-guide-featured-main { display: grid; width: 100%; padding: 0; grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); border: 0; color: #171713; background: transparent; text-align: left; }
.group-field-guide-featured-media { display: grid; min-height: 232px; overflow: hidden; place-items: center; color: #315143; background: #e4ede7; font-size: 38px; }
.group-field-guide-featured-media img { width: 100%; height: 100%; min-height: 232px; object-fit: cover; }
.group-field-guide-featured-copy { display: grid; min-width: 0; padding: 18px 15px; align-content: center; gap: 5px; }
.group-field-guide-featured-copy > small, .group-field-guide-row-copy > small { display: flex; align-items: center; gap: 5px; color: #656761; font-size: 9px; font-weight: 810; letter-spacing: .09em; text-transform: uppercase; }
.group-field-guide-featured-copy h3 { margin: 0; color: #171713; font: 700 clamp(21px, 5.7vw, 30px)/1.02 Georgia, "Times New Roman", serif; letter-spacing: -.035em; }
.group-field-guide-featured-copy p { margin: 2px 0 0; color: #5f615c; font-size: 10px; line-height: 1.35; }
.group-field-guide-featured-copy em { margin-top: 9px; padding-top: 9px; border-top: 1px solid #d9ddd7; color: #555852; font-size: 10px; font-style: normal; line-height: 1.4; }
.group-field-guide-featured-copy .group-field-guide-faces { margin-top: 7px; }
.group-field-guide-face, .group-field-guide-face-more { width: 26px; height: 26px; }
.group-field-guide-vote-row { display: grid; margin: 0 10px 10px; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #d8d8d1; border-radius: 13px; background: #fff; }
.group-field-guide-vote-row button { display: flex; min-width: 0; min-height: 46px; padding: 4px; align-items: center; justify-content: center; gap: 5px; border: 0; border-right: 1px solid #deded7; color: #555752; background: transparent; font-size: 10px; font-weight: 720; }
.group-field-guide-vote-row button:last-child { border-right: 0; }
.group-field-guide-vote-row button.active { color: #2f62e9; background: #edf2ff; }
.group-field-guide-private-take { display: flex; width: calc(100% - 20px); min-height: 40px; margin: 0 10px 10px; padding: 8px 10px; align-items: center; gap: 6px; border: 0; border-radius: 10px; color: #555752; background: #fff; font-size: 9px; text-align: left; }
.group-field-guide-private-take strong { margin-left: auto; color: #2f62e9; white-space: nowrap; }
.group-field-guide-shared-take { display: flex; min-height: 36px; margin: 0 10px 10px; align-items: center; gap: 6px; color: #4e665a; font-size: 9px; }
.group-field-guide-add-take { min-height: 36px; margin: 0 10px 10px; padding: 0; border: 0; color: #2f62e9; background: transparent; font-size: 10px; font-weight: 750; }
.group-field-guide-plan { display: flex; width: calc(100% - 20px); min-height: 48px; margin: 0 10px 10px; align-items: center; justify-content: center; gap: 7px; border: 0; border-radius: 13px; color: #fff; background: #2f62e9; font-size: 12px; font-weight: 760; }
.group-field-guide-tabs { display: grid; margin-bottom: 8px; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #d9d9d2; border-radius: 14px; background: #fff; }
.group-field-guide-tabs button { display: flex; min-width: 0; min-height: 46px; padding: 5px; align-items: center; justify-content: center; gap: 4px; border: 0; border-right: 1px solid #e1e1db; color: #5f615c; background: transparent; font-size: 10px; font-weight: 730; }
.group-field-guide-tabs button:last-child { border-right: 0; }
.group-field-guide-tabs button.active { border-radius: 12px; color: #2f62e9; background: #edf2ff; box-shadow: inset 0 0 0 1px #2f62e9; }
.group-field-guide-tabs span { display: inline-grid; min-width: 18px; height: 18px; place-items: center; border-radius: 999px; background: #fff; font-size: 8px; }
.group-field-guide-search { display: flex; min-height: 48px; margin: 10px 0 2px; padding: 0 12px; align-items: center; gap: 8px; border: 1px solid #d9d9d2; border-radius: 13px; color: #6f716b; background: #fff; }
.group-field-guide-search input { width: 100%; min-width: 0; min-height: 46px; padding: 0; border: 0; color: #171713; background: transparent; font-size: 16px; }
.group-field-guide-search > button { display: grid; width: 34px; height: 34px; place-items: center; flex: 0 0 auto; border: 0; border-radius: 50%; color: #696b65; background: #f1f1ed; }
.group-field-guide-list { display: grid; }
.group-field-guide-row { display: grid; padding: 14px 0 12px; border-bottom: 1px solid #deded7; }
.group-field-guide-row-main { display: grid; width: 100%; min-width: 0; padding: 0; grid-template-columns: 104px minmax(0, 1fr) 18px; align-items: center; gap: 12px; border: 0; color: #171713; background: transparent; text-align: left; }
.group-field-guide-row-media { display: grid; width: 104px; height: 96px; overflow: hidden; place-items: center; border-radius: 13px; color: #315143; background: #e4ede7; font-size: 28px; }
.group-field-guide-row-media img { width: 100%; height: 100%; object-fit: cover; }
.group-field-guide-row-copy { display: grid; min-width: 0; gap: 2px; }
.group-field-guide-row-copy > strong { display: -webkit-box; overflow: hidden; font: 700 20px/1.05 Georgia, "Times New Roman", serif; letter-spacing: -.025em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.group-field-guide-row-copy > em { overflow: hidden; color: #686a64; font-size: 10px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.group-field-guide-row-copy > span:not(.group-field-guide-faces) { margin-top: 4px; color: #777973; font-size: 9px; }
.group-field-guide-row-copy .group-field-guide-faces { margin-top: 5px; }
.group-field-guide-row-actions { display: flex; min-height: 36px; padding-left: 116px; align-items: center; justify-content: space-between; gap: 10px; }
.group-field-guide-row-actions > button:last-child { min-height: 34px; padding: 0 10px; border: 1px solid #d8d8d1; border-radius: 10px; color: #2f62e9; background: #fff; font-size: 9px; font-weight: 750; }
.group-field-guide-row-actions .group-field-guide-private-take { width: auto; min-height: 34px; margin: 0; padding: 0; flex: 1; background: transparent; }
.group-field-guide-row-actions .group-field-guide-private-take strong { margin-left: 3px; }
.group-field-guide-row-actions .group-field-guide-shared-take { min-height: 34px; margin: 0; flex: 1; }
.group-field-guide-row-actions .group-field-guide-add-take { min-height: 34px; margin: 0; }

/* Place pages use the same field-guide language. */
.group-field-detail-hero { overflow: hidden; border: 1px solid #d8ddd8; border-radius: 18px; background: #f3f6f2; }
.group-field-detail-topline { display: flex; padding: 10px; align-items: center; justify-content: space-between; gap: 12px; }
.group-field-detail-actions { display: flex; align-items: center; gap: 7px; }
.group-field-detail-actions > a, .group-field-detail-actions > details > summary { display: flex; min-height: 38px; padding: 0 12px; align-items: center; justify-content: center; gap: 6px; border: 1px solid #d8d8d1; border-radius: 12px; color: #171713; background: #fff; font-size: 10px; font-weight: 730; text-decoration: none; list-style: none; }
.group-field-detail-actions > details { position: relative; }
.group-field-detail-actions > details > summary::-webkit-details-marker { display: none; }
.group-field-detail-actions > details > button { position: absolute; top: 44px; right: 0; z-index: 4; display: flex; width: 132px; min-height: 42px; padding: 0 12px; align-items: center; gap: 7px; border: 1px solid #d8d8d1; border-radius: 11px; color: #171713; background: #fff; box-shadow: 0 10px 30px rgb(20 20 18 / 14%); font-size: 10px; }
.group-field-detail-visual { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); }
.group-field-detail-media { display: grid; min-height: 240px; overflow: hidden; place-items: center; color: #315143; background: #e4ede7; font-size: 40px; }
.group-field-detail-media img { width: 100%; height: 100%; min-height: 240px; object-fit: cover; }
.group-field-detail-copy { display: grid; min-width: 0; padding: 18px 15px; align-content: center; gap: 5px; }
.group-field-detail-copy > span { display: flex; align-items: center; gap: 5px; color: #656761; font-size: 9px; font-weight: 810; letter-spacing: .09em; text-transform: uppercase; }
.group-field-detail-copy h3 { margin: 0; color: #171713; font: 700 clamp(22px, 6vw, 31px)/1 Georgia, "Times New Roman", serif; letter-spacing: -.04em; }
.group-field-detail-copy p { margin: 3px 0 0; color: #5f615c; font-size: 10px; line-height: 1.4; }
.group-field-detail-copy em { margin-top: 8px; color: #555752; font-size: 9px; font-style: normal; }
.group-field-detail-copy .group-field-guide-faces { margin-top: 4px; }
.group-field-detail-votes { display: grid; margin: 10px; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #d8d8d1; border-radius: 13px; background: #fff; }
.group-field-detail-votes button { display: flex; min-width: 0; min-height: 46px; padding: 4px; align-items: center; justify-content: center; gap: 5px; border: 0; border-right: 1px solid #deded7; color: #555752; background: transparent; font-size: 10px; font-weight: 720; }
.group-field-detail-votes button:last-child { border-right: 0; }
.group-field-detail-votes button.active { color: #2f62e9; background: #edf2ff; }
.group-field-detail-plan { display: flex; width: calc(100% - 20px); min-height: 48px; margin: 0 10px 10px; align-items: center; justify-content: center; gap: 7px; border: 0; border-radius: 13px; color: #fff; background: #2f62e9; font-size: 12px; font-weight: 760; }
.group-field-detail .explore-place-signals, .group-field-detail .explore-personal-place-strip { margin-top: 16px; border-color: #deded7; border-radius: 14px; background: #fff; box-shadow: none; }
.group-field-detail .explore-signal-row { min-height: 62px; }
.explore-private-take-offer { display: grid; min-height: 68px; padding: 10px; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 9px; border: 1px solid #d6d9d3; border-radius: 13px; background: #f6f7f3; }
.explore-private-take-offer > .ph { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #315143; background: #e4ede7; font-size: 16px; }
.explore-private-take-offer > span { display: grid; gap: 2px; }
.explore-private-take-offer strong { font-size: 11px; }
.explore-private-take-offer small { color: #74766f; font-size: 9px; }
.explore-private-take-offer button { min-height: 38px; padding: 0 10px; border: 0; border-radius: 10px; color: #fff; background: #2f62e9; font-size: 9px; font-weight: 740; }
.explore-rating-sheet .explore-take-sheet-section { border-color: #deded7; background: #fff; }

@media (max-width: 440px) {
  .group-field-guide-head { padding: 18px 0 14px; }
  .group-field-guide-head h2 { font-size: 30px; }
  .group-field-guide-featured-main { grid-template-columns: 42% 58%; }
  .group-field-detail-visual { grid-template-columns: 46% 54%; }
  .group-field-guide-featured-media, .group-field-guide-featured-media img { min-height: 160px; }
  .group-field-guide-featured-copy { padding: 12px 10px; }
  .group-field-guide-featured-copy h3 { font-size: 20px; }
  .group-field-guide-featured-copy em { margin-top: 5px; padding-top: 6px; }
  .group-field-guide-vote-row button { min-height: 42px; }
  .group-field-guide-add-take { min-height: 30px; }
  .group-field-guide-plan { min-height: 44px; }
  .group-field-detail-media, .group-field-detail-media img { min-height: 210px; }
}

/* Plan. */
.group-plan-v6-actions { display: grid; padding: 18px 0 4px; grid-template-columns: 1fr 1fr; gap: 9px; }
.group-plan-v6-actions button { display: flex; min-height: 48px; padding: 8px; align-items: center; justify-content: center; gap: 7px; border: 1px solid #d9d9d2; border-radius: 14px; color: #171713; background: #fff; font-size: 12px; font-weight: 750; }
.group-plan-v6-actions button.primary { border-color: #2f62e9; color: #fff; background: #2f62e9; }
.group-plan-v6 .plan-proposal-summary { border: 0; border-top: 1px solid #deded7; border-radius: 0; background: transparent; }
.group-plan-v6 .plan-proposal-summary button { padding: 14px 0; }
.group-plan-v6-empty-action { display: grid; width: 100%; min-height: 70px; padding: 12px 0; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 11px; border: 0; color: #171713; background: transparent; text-align: left; }
.group-plan-v6-empty-action > .ph:first-child { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #2f62e9; background: #edf2ff; font-size: 18px; }
.group-plan-v6-empty-action span { display: grid; gap: 2px; }
.group-plan-v6-empty-action small { color: #777973; font-size: 10px; }
.group-v6-empty { display: grid; min-height: 96px; place-items: center; align-content: center; gap: 4px; color: #777973; text-align: center; }
.group-v6-empty strong { color: #171713; font-size: 13px; }
.group-v6-empty small { font-size: 10px; }
.group-v6-disclosure { border-bottom: 1px solid #deded7; }
.group-v6-disclosure > summary { display: flex; min-height: 58px; align-items: center; justify-content: space-between; list-style: none; cursor: pointer; }
.group-v6-disclosure > summary > span { display: flex; align-items: center; gap: 9px; }
.group-v6-disclosure > div { padding: 0 0 18px; }

/* Single human group chat. */
.chat-tab-shell { padding: 0; }
.group-chat-v6 { display: grid; min-height: 530px; padding: 24px 0 calc(82px + env(safe-area-inset-bottom)); grid-template-rows: auto minmax(280px, 1fr) auto; gap: 16px; }
.group-chat-v6 > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.group-chat-v6 header small { color: #777973; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.group-chat-v6 header h2 { margin: 4px 0 0; color: #171713; font: 700 30px/1 Georgia, "Times New Roman", serif; letter-spacing: -.04em; }
.group-chat-v6 header p { max-width: 230px; margin: 7px 0 0; color: #777973; font-size: 11px; line-height: 1.4; }
.group-chat-v6 header button { display: flex; min-height: 40px; padding: 0 11px; align-items: center; gap: 5px; border: 1px solid #d9d9d2; border-radius: 12px; color: #2f62e9; background: #fff; font-size: 10px; font-weight: 740; }
.group-chat-v6-log { display: flex; padding: 12px 0; flex-direction: column; justify-content: flex-end; gap: 10px; overflow-y: auto; border-top: 1px solid #deded7; }
.group-chat-v6-log article { display: grid; max-width: 82%; gap: 3px; align-self: flex-start; }
.group-chat-v6-log article.is-me { align-self: flex-end; }
.group-chat-v6-log article > span { color: #777973; font-size: 9px; }
.group-chat-v6-log article > div { padding: 10px 12px; border-radius: 14px 14px 14px 4px; color: #171713; background: #efefeb; font-size: 13px; line-height: 1.4; }
.group-chat-v6-log article.is-me > div { border-radius: 14px 14px 4px 14px; color: #fff; background: #2f62e9; }
.group-chat-v6-empty { display: grid; margin: auto; place-items: center; gap: 5px; color: #777973; text-align: center; }
.group-chat-v6-empty > .ph { color: #a1a39d; font-size: 28px; }
.group-chat-v6-empty strong { color: #171713; font-size: 13px; }
.group-chat-v6-empty small { max-width: 260px; font-size: 10px; line-height: 1.45; }
.group-chat-v6-form { display: grid; padding: 7px; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 5px; border: 1px solid #d9d9d2; border-radius: 17px; background: #fff; }
.group-chat-v6-form input { width: 100%; min-width: 0; min-height: 42px; padding: 0 7px; border: 0; color: #171713; background: transparent; font-size: 16px; }
.group-chat-v6-form button { min-height: 38px; padding: 0 11px; border: 0; border-radius: 12px; color: #fff; background: #2f62e9; font-size: 11px; font-weight: 760; }
.group-chat-v6-form button:first-child { display: grid; width: 38px; padding: 0; place-items: center; color: #2f62e9; background: #edf2ff; font-size: 18px; }
.group-chat-v6-sending { align-self: center; color: #777973; font-size: 10px; }

/* Group settings. */
.group-settings-v6 { padding-bottom: calc(24px + env(safe-area-inset-bottom)); color: #171713; background: #fbfaf6; }
.group-settings-v6-summary { display: grid; padding: 18px 18px 22px; grid-template-columns: 54px minmax(0, 1fr) auto; align-items: center; gap: 12px; border-bottom: 1px solid #deded7; }
.group-settings-v6-summary .group-settings-emblem { width: 54px; height: 54px; border-radius: 16px; }
.group-settings-v6-summary > span { display: grid; min-width: 0; gap: 3px; }
.group-settings-v6-summary strong { font: 700 21px/1.05 Georgia, "Times New Roman", serif; }
.group-settings-v6-summary small { color: #777973; font-size: 10px; }
.group-settings-v6-summary > button { display: flex; min-height: 38px; padding: 0 11px; align-items: center; gap: 5px; border: 1px solid #d9d9d2; border-radius: 12px; color: #2f62e9; background: #fff; font-size: 10px; font-weight: 740; }
.group-settings-v6-section { border-bottom: 1px solid #deded7; }
.group-settings-v6-section > summary { display: flex; min-height: 60px; padding: 0 18px; align-items: center; justify-content: space-between; list-style: none; cursor: pointer; }
.group-settings-v6-section > summary > span { display: flex; align-items: center; gap: 9px; }
.group-settings-v6-section > summary .ph { color: #777973; font-size: 18px; }
.group-settings-v6-section > summary strong { font-size: 13px; }
.group-settings-v6-section > summary small { color: #777973; font-size: 10px; }
.group-settings-v6-body { display: grid; padding: 0 18px 20px; gap: 14px; }
.group-settings-v6-media { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.group-settings-v6-media label { position: relative; display: flex; min-height: 66px; padding: 10px; align-items: center; gap: 9px; overflow: hidden; border: 1px solid #d9d9d2; border-radius: 13px; background: #fff; }
.group-settings-v6-media label > .ph { color: #2f62e9; font-size: 20px; }
.group-settings-v6-media label > span { display: grid; min-width: 0; gap: 2px; }
.group-settings-v6-media strong { font-size: 10px; }
.group-settings-v6-media small { color: #777973; font-size: 9px; }
.group-settings-v6-media input { position: absolute; inset: 0; opacity: 0; }
.group-settings-v6-field { display: grid; gap: 5px; color: #666862; font-size: 9px; font-weight: 760; letter-spacing: .05em; text-transform: uppercase; }
.group-settings-v6-field input { min-height: 46px; padding: 10px 11px; border: 1px solid #d9d9d2; border-radius: 12px; color: #171713; background: #fff; font-size: 16px; text-transform: none; }
.group-settings-v6-accents { display: grid; gap: 7px; }
.group-settings-v6-accents > span { color: #666862; font-size: 9px; font-weight: 760; text-transform: uppercase; }
.group-settings-v6-accents > div { display: flex; gap: 9px; flex-wrap: wrap; }
.group-settings-v6-accents button { display: grid; width: 34px; height: 34px; padding: 4px; place-items: center; border: 2px solid transparent; border-radius: 50%; background: transparent; }
.group-settings-v6-accents button.active { border-color: #2f62e9; }
.group-settings-v6-accents button span { width: 22px; height: 22px; border-radius: 50%; background: var(--swatch, #dfe6df); }
.group-settings-v6-accents button span.auto { background: #dfe6df; }
.group-settings-v6-save { min-height: 46px; border: 0; border-radius: 13px; color: #fff; background: #2f62e9; font-size: 12px; font-weight: 760; }
.group-settings-v6-save:disabled { color: #8d8f88; background: #e9e9e4; }
.group-settings-v6-invite { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.group-settings-v6-invite button,
.group-settings-v6-secondary { display: flex; min-height: 44px; padding: 8px 12px; align-items: center; justify-content: center; border: 1px solid #d9d9d2; border-radius: 12px; color: #171713; background: #fff; font-size: 11px; font-weight: 720; text-decoration: none; }
.group-settings-v6-location { display: flex; padding: 11px; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid #d9d9d2; border-radius: 12px; background: #fff; }
.group-settings-v6-location > span { display: grid; gap: 2px; }
.group-settings-v6-location small,
.group-settings-v6-body > p { margin: 0; color: #777973; font-size: 10px; }
.group-settings-v6-location button { border: 0; color: #a84835; background: transparent; font-size: 10px; font-weight: 700; }

@media (max-width: 420px) {
  .people-v6-header h1 { font-size: 44px; }
  .people-v6-row-action { max-width: 84px; }
  .group-v6-lead h2 { font-size: 34px; }
}