/* Approved SinglesHub palette: white, black, gold; charcoal Spark gifts. */
:root{--ink:#191919;--ink-soft:#414141;--muted:#656565;--bg:#fff;--paper:#fff;--line:#e1e1e1;--coral:#806323;--coral-deep:#71571e;--plum:#191919;--plum-deep:#191919;--rose:#806323;--green:#656565;--lavender:#f4f4f4;--sage:#f4f4f4;--gold:#dfbd65;--gold-text:#241e12;accent-color:#806323}
body,#app,.landing,.shell{background:#fff;color:#191919}
#app .landing header,#app .sidebar,#app .topbar,#app .mobile-nav{background:#fff;color:#191919;border-color:#e1e1e1}
#app .brand,#app .brand span,#app .mobile-brand,#app .mobile-brand span{color:#191919}
.brand .mark{background:#191919;color:#e5c677;border-color:#191919;box-shadow:0 7px 16px #00000016}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#806323}
dialog input:focus,dialog select:focus,dialog textarea:focus{outline-color:#806323!important}
.primary,.like-action,.landing .primary,#app .primary,#app .like-action,#modal .primary{background:linear-gradient(120deg,#efd78e,#d9b454)!important;color:#241e12!important;border-color:#d2ad4e!important;box-shadow:0 5px 15px #9d7a2020}
.primary:hover,.like-action:hover,.landing .primary:hover,#app .primary:hover,#app .like-action:hover,#modal .primary:hover{background:linear-gradient(120deg,#f4dfa1,#e2be64)!important;color:#241e12!important;box-shadow:0 7px 18px #9d7a2026}
.secondary,#app .secondary,#modal .secondary{background:#fff;color:#191919;border-color:#d7d7d7}
#app .sidebar .nav-item,#app .mobile-nav button{color:#656565}
#app .sidebar .nav-item.active,#app .sidebar .nav-item.selected,#app .mobile-nav button.active,#app .mobile-nav button.selected{background:#191919!important;color:#fff!important;border-color:#191919;box-shadow:none}
#app .sidebar .nav-item.active>span,#app .mobile-nav button.active>span,#app .mobile-nav button.active>b,#app .mobile-nav button.selected>span{color:#fff!important}
#app .sidebar .nav-item:hover:not(.active){background:#f1f1f1;color:#191919}
#app .gift-button,#modal .gift-button,.gift-button{background:#303030!important;color:#fff!important;border-color:#303030!important;box-shadow:none}
#app .gift-button:hover,#modal .gift-button:hover,.gift-button:hover{background:#454545!important;color:#fff!important;border-color:#454545!important}
#app .story-tags span,#app .detail-chip,.detail-chip,#modal .detail-chip,#app .detail-topics span{background:#fff!important;color:#191919!important;border:1px solid #d7d7d7!important}
.signup-interests span{background:#fff;color:#191919;border-color:#d7d7d7}
.signup-interests input:checked+span{background:#f3e4b9;color:#241e12;border-color:#c8a650}
.signup-interests input:focus-visible+span{outline-color:#806323}
#app .hero h1,#app .hero h1 em{color:#191919}
#app .hero-copy>.eyebrow{background:#f3f3f3;color:#565656;border-color:#e1e1e1}
#app .hero:before,#app .landing .hero::before{background:radial-gradient(ellipse,#e8d8ad30,transparent 70%)}
#app .hero-art,#app .hero-art:before,#app .hero-art::before{background:radial-gradient(ellipse,#eee9dd,transparent 70%);border-color:#dfd5bd;box-shadow:none}
#app .hero-lead{color:#333}
#app .hero-copy .muted,#app .launch-note,#app .hero-visual>p,#app .site-nav a,#app .site-nav button{color:#656565}
#app .difference-banner{background:#f5f5f5;color:#191919}
#app .difference-banner h2,#app .difference-banner h2 em,#app .difference-banner p,#app .difference-banner .eyebrow{color:#191919}
#app .difference-banner:before,#app .difference-banner:after{border-color:#dddddd80}
#app .feature,#app .feature:nth-child(2),#app .feature:nth-child(3){background:#fff;border-color:#e1e1e1}
#app .feature h3{color:#191919}
#app .feature p{color:#656565}
#app .canada-callout{background:linear-gradient(116deg,#f1f1f1,#fff,#f5f0e4)}
#app .canada-callout h2{color:#191919}
#app .canada-stamp{background:#fff;color:#191919;border-color:#e1e1e1}
#app .discover-welcome,#app .community-pulse,#app .invite-hero,#app .spark-hero,#app .gift-collection{background:#f6f6f6;color:#191919;border-color:#e1e1e1}
#app .aside .panel,#app .spark-boundaries{background:#f5f5f5!important;color:#191919!important;border-color:#e1e1e1!important;box-shadow:none!important}
#app .aside .panel h4,#app .spark-boundaries strong{background:transparent!important;color:#191919!important}
#app .aside .panel:nth-child(2),#app .aside .panel:nth-child(3){background:#f5f5f5!important}
#app .aside .panel p,#app .spark-boundaries p,#app .spark-boundaries small{color:#656565!important}
.signup-scene{background:radial-gradient(ellipse at 20% 20%,#f1e4bf,transparent 65%),linear-gradient(130deg,#f3f3f3,#fff8e7)}
.scene-caption,.signup-milestone,.scene-spark,.signup-topline{color:#565656}
.signup-mark{background:linear-gradient(145deg,#f1e4bf,#f3f3f3);color:#191919}
.signup-step-track .complete{background:#f1e4bf;color:#5b4821}
.signup-step-track .current{background:#191919;color:#fff;box-shadow:0 0 0 5px #f1e4bf}
.signup-flow progress::-webkit-progress-value{background:linear-gradient(90deg,#efd78e,#d9b454)}
.signup-flow progress::-moz-progress-bar{background:linear-gradient(90deg,#efd78e,#d9b454)}
#modal .signup-flow .text-link,.consent-row a{color:#5b4821!important}
.signup-review,.signup-place-art,.signup-assurance{background:#f5f3ed;color:#191919}
.signup-success{background:radial-gradient(circle at 20% 10%,#f1e4bf,transparent 35%),radial-gradient(circle at 90% 80%,#efefef,transparent 35%)}
.signup-success-art,.signup-success-art span,.signup-success-art span:last-child{color:#806323}
.verification-status.verified{color:#5b4821}
.gift-options>button,.gift-options>article{border-color:#e1e1e1;color:#191919}
.gift-options>button>span,.gift-options>article>span,.gift-picker>strong{color:#5b4821}
.gift-picker>strong{background:#f1e4bf}
.invite-free-promise span{background:#f1f1f1;color:#414141}
.message-reactions .mine{box-shadow:0 0 0 1px #806323}
::selection{background:#dfbd65;color:#191919}

/* The public walkthrough uses the same action and interest colours as member profiles. */
#app .round.like{background:linear-gradient(120deg,#efd78e,#d9b454)!important;color:#241e12!important;border-color:#d2ad4e!important;box-shadow:0 5px 15px #9d7a2020}
#app .round.like:hover{background:linear-gradient(120deg,#f4dfa1,#e2be64)!important;color:#241e12!important}
#app .card-bio>div>span{background:#fff!important;color:#191919!important;border:1px solid #d7d7d7!important}

#app .round.more,#app .round.pass{background:#fff!important;color:#191919!important;border-color:#d7d7d7!important}

/* Security checks always give visitors a readable next action. */
.verification-status{background:#f5f0e4;color:#191919!important;padding:12px 14px;border-radius:12px;line-height:1.6}
#modal .verification-retry{color:#5b4821!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* Gold navigation tabs; the current page has a stronger border and inset marker. */
#app .sidebar .nav-item{background:linear-gradient(120deg,#efd78e,#d9b454)!important;color:#241e12!important;border:1px solid #d2ad4e;box-shadow:0 3px 10px #9d7a2014}
#app .sidebar .nav-item>span,#app .sidebar .nav-item>b{color:#241e12!important}
#app .sidebar .nav-item:hover:not(.active):not(.selected){background:linear-gradient(120deg,#f4dfa1,#e2be64)!important;color:#241e12!important}
#app .sidebar .nav-item.active,#app .sidebar .nav-item.selected{background:linear-gradient(120deg,#e6c66f,#cfa342)!important;color:#241e12!important;border-color:#806323;box-shadow:inset 4px 0 0 #5b4821}
#app .sidebar .nav-item.active>span,#app .sidebar .nav-item.selected>span{color:#241e12!important}
#app .sidebar .nav-item:focus-visible{outline:3px solid #5b4821;outline-offset:3px}

/* Editorial signup: a personal story panel and a focused, accessible form. */
dialog:has(.signup-flow){width:min(1000px,calc(100vw - 32px));padding:32px;border-radius:32px;box-shadow:0 32px 100px #00000030}
dialog:has(.signup-flow)::backdrop{background:#17171799;backdrop-filter:blur(7px)}
.signup-flow{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);column-gap:36px;align-items:start}
.signup-flow>.signup-scene{grid-column:1;grid-row:1/9;height:auto;min-height:580px;align-self:stretch;padding:30px;margin:0;border-radius:24px;background:radial-gradient(circle at 15% 0%,#fff7dd,transparent 52%),linear-gradient(145deg,#f4e5bb,#e5c67e);display:block}
.signup-flow>.signup-topline,.signup-flow>.signup-step-name,.signup-flow>progress,.signup-flow>.signup-milestone,.signup-flow>.signup-step-track,.signup-flow>.signup-stage,.signup-flow>.signup-promise,.signup-flow>#signup-signin{grid-column:2;min-width:0}
.signup-flow>.signup-topline{margin-top:8px;font-size:10px;padding-right:24px}
.signup-step-name{font-size:10px;font-weight:800;letter-spacing:.15em;color:#806323;margin-top:20px}
.signup-flow progress{margin:12px 0 8px;height:6px}
.signup-flow>.signup-milestone{font-size:12px;margin:10px 0;color:#5b4821}
.signup-step-track{justify-content:space-between;margin:12px 0 24px}
.signup-step-track span{width:25px;height:25px}
.signup-flow .signup-mark{width:46px;height:46px;border-radius:15px;font-size:26px;margin-bottom:16px}
.signup-flow h2{font-size:clamp(27px,3.5vw,36px)!important}
.signup-stage>p{font-size:14px;margin:0 0 16px}
.signup-flow .form{margin-top:20px;gap:18px}
.signup-flow .form>label{font-size:13px;font-weight:650;gap:8px}
.signup-flow input:not([type=checkbox]):not([type=hidden]),.signup-flow select,.signup-flow textarea{min-height:50px;box-shadow:0 2px 5px #00000003;transition:border-color .18s,box-shadow .18s}
.signup-flow input:focus,.signup-flow select:focus,.signup-flow textarea:focus{border-color:#a58538!important;outline:3px solid #e8d39a80!important}
.signup-flow input::placeholder,.signup-flow textarea::placeholder{color:#767676;font-weight:400}
.signup-flow .signup-actions{position:sticky;bottom:-1px;background:#fff;padding-top:14px;padding-bottom:8px;z-index:3}
.signup-flow .signup-actions button{border-radius:14px;min-height:52px;font-weight:750}
.signup-flow .signup-promise{font-size:11px;margin:16px 0 8px}
.signup-editorial{position:relative;z-index:2}
.signup-editorial-kicker{display:block;font-size:9px;letter-spacing:.13em;font-weight:800;color:#5b4821}
.signup-editorial h3{font-size:clamp(30px,3.4vw,43px);line-height:1.09;letter-spacing:-.05em;color:#241e12;margin:26px 0 16px}
.signup-editorial>p{font-size:14px;color:#5b4821!important;line-height:1.7;margin:0 0 30px}
.signup-preview{background:#fff;border:1px solid #ffffffbd;border-radius:23px;overflow:hidden;box-shadow:0 14px 30px #5b482118;transform:rotate(-2deg)}
.signup-preview-art{height:170px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 20%,#f9e7b4,transparent 50%),linear-gradient(130deg,#f4f1e9,#e7e2d6)}
.preview-ring{position:absolute;width:180px;height:180px;border:1px solid #bba574;box-shadow:0 0 0 26px #fff5,0 0 0 52px #fff3;border-radius:50%;left:calc(50% - 90px);top:32px}
.preview-monogram{position:absolute;display:grid;place-items:center;width:102px;height:102px;left:calc(50% - 51px);top:50px;border-radius:50%;background:#242424;color:#efd78e;font-size:50px;font-weight:650;box-shadow:0 12px 24px #0002}
.preview-heart{position:absolute;right:28px;top:23px;font-size:40px;color:#806323;transform:rotate(14deg)}
.preview-star{position:absolute;left:27px;bottom:32px;font-size:28px;color:#806323}
.signup-preview-copy{padding:22px;display:grid;gap:9px}
.signup-preview-label{font-size:8px;letter-spacing:.1em;font-weight:800;color:#806323}
.signup-preview-copy>strong{font-size:23px;letter-spacing:-.03em;line-height:1.15;color:#191919;overflow-wrap:anywhere}
.signup-preview-copy>span:not(.signup-preview-label){font-size:12px;color:#656565}
.signup-preview-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.signup-preview-chips span{padding:6px 9px;border:1px solid #dedede;border-radius:50px;font-size:10px;color:#414141;background:#fff}
.signup-scene-foot{display:flex;gap:12px;align-items:center;margin-top:30px;font-size:12px;color:#5b4821;line-height:1.6}
.signup-scene-foot>span:first-child{font-size:24px}
.signup-flow>.signup-scene .scene-caption,.signup-flow>.signup-scene>.scene-spark{display:none}
.signup-flow>.signup-scene>.scene-orbit{opacity:.22;animation:none}
.signup-flow .signup-place-art{font-size:23px;padding:22px;border:1px solid #e9d9ad;background:linear-gradient(125deg,#fff9ea,#f6efdc)}
.signup-flow .signup-place-art em{color:#806323}
.signup-interests span{padding:11px 15px;cursor:pointer;transition:background .18s,border-color .18s}
.signup-interests input:checked+span{border-color:#806323;background:#f1e4bf;box-shadow:inset 0 0 0 1px #806323}
.signup-review{border:1px solid #e6d7ac;background:linear-gradient(125deg,#fff9ea,#f6f3ed);padding:23px}
.signup-review strong{font-size:27px;color:#241e12}
.signup-review span{line-height:1.6}
.signup-flow .consent-row{padding:14px;border:1px solid #e1e1e1;border-radius:14px;background:#fafafa}
.signup-flow .consent-row:has(input:checked){border-color:#b99b52;background:#fffaf0}
dialog:has(.signup-success){width:min(600px,calc(100vw - 24px));border-radius:30px}
.signup-success{padding:35px 20px}
.signup-success-ribbon{font-size:10px;font-weight:800;letter-spacing:.13em;color:#806323;margin-bottom:28px}
.signup-success-benefits{display:grid;gap:12px;text-align:left;max-width:310px;margin:25px auto;padding:22px;border:1px solid #e7d7ac;border-radius:20px;background:#ffffffb0;color:#5b4821;font-size:14px}
.signup-success .primary{min-height:54px;padding:14px 30px;border-radius:15px}
@media(max-width:760px){
 dialog:has(.signup-flow){padding:23px;width:min(590px,calc(100vw - 20px));border-radius:25px}
 .signup-flow{display:block}
 .signup-flow>.signup-scene{min-height:0;padding:22px;margin:0 0 22px;border-radius:19px}
 .signup-editorial h3{font-size:27px;margin:12px 0 8px;max-width:80%}
 .signup-editorial>p{font-size:12px;max-width:85%;margin:0}
 .signup-preview,.signup-scene-foot{display:none}
 .signup-flow>.signup-scene .scene-spark.spark-one{display:block;right:16px;top:28px;font-size:35px;color:#806323}
 .signup-step-name{display:block;margin-top:18px}
 .signup-flow>.signup-topline{padding-right:0}
 .signup-flow>.signup-step-track{margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){.signup-preview{transform:none}.signup-flow *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Selected charcoal sidebar palette. */
#app .sidebar .nav-item{background:#303030!important;color:#fff!important;border-color:#303030;box-shadow:none}
#app .sidebar .nav-item>span,#app .sidebar .nav-item>b{color:#fff!important}
#app .sidebar .nav-item:hover:not(.active):not(.selected){background:#454545!important;color:#fff!important}
#app .sidebar .nav-item.active,#app .sidebar .nav-item.selected{background:#191919!important;color:#fff!important;border-color:#191919;box-shadow:inset 4px 0 0 #dfbd65}
#app .sidebar .nav-item.active>span,#app .sidebar .nav-item.selected>span{color:#fff!important}
#app .sidebar .nav-item:focus-visible{outline:3px solid #806323;outline-offset:3px}