/* Advicer 2.0 — Clarity UI
   Purpose: reduce visual noise, simplify page backgrounds, normalize controls and keep the social flow fast. */
:root{
  --c-bg:#f5f8f7;
  --c-bg-warm:#faf9f6;
  --c-surface:#ffffff;
  --c-surface-soft:#f8faf9;
  --c-ink:#14272c;
  --c-muted:#718187;
  --c-line:#dfe9e6;
  --c-teal:#0f9d96;
  --c-teal-deep:#087b75;
  --c-teal-soft:#e7f7f4;
  --c-coral:#f2616b;
  --c-shadow:0 10px 32px rgba(22,55,60,.07);
  --c-shadow-hover:0 16px 42px rgba(22,55,60,.10);
  --c-card:18px;
  --c-control:14px;
  --c-ease:cubic-bezier(.2,.8,.2,1)
}
html{background:var(--c-bg)}
body{background:var(--c-bg)!important;color:var(--c-ink);font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
body::before,body::after,.home-stage::before,.home-stage::after,.home-shell::before,.home-shell::after,.home-ribbon{display:none!important}

/* Page-specific backgrounds: quiet, not decorative. */
body.route-index,body.route-search,body.route-friends,body.route-messages,body.route-chat,body.route-notifications{background:#f4f8f7!important}
body.route-profile{background:linear-gradient(180deg,#edf7f5 0,#f7f9f8 48%,#f7f9f8 100%)!important}
body.route-settings,body.route-create{background:#f7f8f7!important}
body.route-privacy,body.route-cookies,body.route-terms,body.route-legal,body.route-comment-ca-marche{background:#fff!important}
body.auth-page{background:linear-gradient(145deg,#eff8f6 0,#fbf9f4 100%)!important}

/* Global typography and shell */
.page-shell{max-width:1180px!important;padding:30px 22px 76px!important}
.eyebrow{letter-spacing:.08em!important;font-size:10px!important}
.panel,.form-card,.settings-panel,.profile-post-card,.discover-card,.right-card,.chat-card,.notification-hero-card,.social-hero{border:1px solid var(--c-line)!important;border-radius:var(--c-card)!important;box-shadow:none!important;background:var(--c-surface)!important}
.panel:hover,.profile-post-card:hover,.discover-card:hover{box-shadow:var(--c-shadow)!important}
.pill,.form-submit,.create-nav,.hero-cta{border-radius:13px!important;box-shadow:none!important;transition:transform .2s var(--c-ease),background .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.pill:hover,.form-submit:hover,.create-nav:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(11,125,119,.12)!important}
.pill:active,.form-submit:active,.create-nav:active{transform:translateY(0) scale(.985)}

/* Header: one quiet bar, fewer competing shapes. */
.topbar{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--c-line)!important;backdrop-filter:blur(16px)!important;box-shadow:none!important}
.topbar-inner{height:68px!important;max-width:1180px!important;padding:0 22px!important;gap:22px!important}
.brand-mark{background:transparent!important;box-shadow:none!important}
.brand-mark img{border-radius:10px}
.brand-name{font-weight:850!important;letter-spacing:-.025em}
.desktop-nav{gap:2px!important}
.desktop-nav a{background:transparent!important;border-radius:10px!important;padding:9px 11px!important;font-size:13px!important}
.desktop-nav a.active{color:var(--c-teal-deep)!important;box-shadow:inset 0 -2px 0 var(--c-teal)!important;border-radius:0!important}
.global-search{height:40px!important;background:#f7f9f8!important;border:1px solid var(--c-line)!important;box-shadow:none!important}
.create-nav{background:var(--c-coral)!important;color:#fff!important;padding:10px 15px!important}
.bell{background:#f4f7f6!important;border:1px solid var(--c-line)!important}
.mini-profile span:last-child{font-size:12px!important}

/* HOME / FEED: centered content only. */
.home-stage{background:transparent!important}
.home-simple{max-width:820px!important;padding-top:26px!important}
.feed-simple{width:100%;min-width:0}
.feed-simple-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}
.feed-simple-head h1{margin:0;color:var(--c-ink);font-size:28px;line-height:1.12;letter-spacing:-.035em}
.feed-simple-head p{margin:5px 0 0;color:var(--c-muted);font-size:13px}
.feed-simple-create{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 13px;border-radius:12px;background:var(--c-coral);color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.feed-simple-create svg{width:16px;height:16px}
.feed-tabs{width:100%!important;max-width:none!important;background:#edf3f1!important;border:1px solid var(--c-line)!important;border-radius:14px!important;padding:3px!important;box-shadow:none!important;overflow:hidden!important}
.feed-tabs::before{border-radius:11px!important;box-shadow:0 2px 9px rgba(20,53,57,.06)!important}
.feed-tabs a{padding:9px 8px!important;font-size:12px!important;line-height:1.2!important}
.feed-simple-hint{margin:10px 2px 16px;color:#819096;font-size:11px}
.feed-list{gap:14px!important}
.advice-card{border:1px solid var(--c-line)!important;border-radius:20px!important;box-shadow:none!important;padding:16px!important;background:#fff!important;transform:none!important}
.advice-card.is-focus,.advice-card:hover{transform:none!important;box-shadow:var(--c-shadow)!important}
.advice-question{margin:13px 0 11px!important;font-size:18px!important;letter-spacing:-.018em}
.swipe-hint{margin-bottom:7px!important}
.choice{border-radius:15px!important;background:#eef3f1!important}
.choice-label{background:rgba(16,31,35,.76)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:9px!important;padding:5px 8px!important;text-shadow:none!important;backdrop-filter:blur(8px)}
.choice-pct{box-shadow:0 4px 16px rgba(7,28,32,.12)!important}
.results{margin-top:11px!important}
.post-actions{margin-top:12px!important;padding-top:10px;border-top:1px solid #edf2f0}
.feed-gesture-note,.people-strip,.home-left,.home-right,.seo-home{display:none!important}

/* Forms: fewer nested boxes. */
.form-shell{max-width:760px!important;margin:28px auto 70px!important}
.form-card{padding:24px!important}
.field{gap:6px!important;margin:13px 0!important}
.field input,.field textarea,.field select,.search-input{background:#fafcfb!important;border:1px solid var(--c-line)!important;border-radius:12px!important;box-shadow:none!important}
.field input:focus,.field textarea:focus,.field select:focus,.search-input:focus{border-color:#86cfc9!important;box-shadow:0 0 0 3px rgba(15,157,150,.08)!important}

/* Settings: clean rows, no ornamental numbering needed. */
.settings-heading-mark{display:none!important}
.settings-page-header .eyebrow,.settings-panel>.eyebrow{display:none!important}
.settings-panel{padding:22px!important}
.settings-switch-form .switch-row,.switch-row{background:#fafcfb!important;border:1px solid var(--c-line)!important;border-radius:14px!important;box-shadow:none!important}

/* Notifications/messages/friends: compact information density. */
.notification-page-shell,.messages-page,.friends-page{max-width:920px!important}
.notification-hero-card{padding:22px!important}
.notification-card-v18{border-radius:14px!important;box-shadow:none!important;border:1px solid #e5ecea!important}
.notification-card-v18:hover{background:#fbfdfc!important;transform:none!important}
.notification-copy small{color:var(--c-muted)!important}
.chat-card,.message-list-card,.friend-card,.member-card{box-shadow:none!important}

/* Profile: the content remains rich, but the surface is quiet. */
.profile-premium{border-radius:24px!important;box-shadow:none!important}
.profile-gallery-main,.profile-gallery-thumbs button{border-radius:14px!important}
.profile-stats .stat{border-radius:14px!important;background:rgba(255,255,255,.92)!important}
.profile-meta-chips{gap:7px!important}
.profile-meta-chips span,.profile-meta-chips a{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.18)!important}
.profile-post-grid{gap:12px!important}

/* Legal/information pages: editorial rather than app-dashboard styling. */
.route-privacy .page-shell,.route-cookies .page-shell,.route-terms .page-shell,.route-legal .page-shell,.route-comment-ca-marche .page-shell{max-width:900px!important}
.route-privacy .legal-card,.route-cookies .legal-card,.route-terms .legal-card,.route-legal .legal-card{box-shadow:none!important;border-color:#edf0ef!important}

/* Minimal footer */
.site-footer.footer-v20{background:#fff!important;border-top:1px solid var(--c-line)!important;margin:0!important;padding:0!important}
.footer-v20-inner{max-width:1180px;margin:auto;min-height:96px;padding:20px 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.footer-v20-brand{display:flex;align-items:center;gap:9px;min-width:max-content}
.footer-v20-brand img{width:34px;height:34px;object-fit:contain}
.footer-v20-brand span{display:grid;gap:1px}.footer-v20-brand b{font-size:14px}.footer-v20-brand small{font-size:9px;color:var(--c-muted)}
.footer-v20-links{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 17px}
.footer-v20-links a{font-size:10px;color:#6b7b80;transition:color .2s ease}.footer-v20-links a:hover{color:var(--c-teal-deep)}
.footer-v20-copy{white-space:nowrap;font-size:9px;color:#94a0a4}

/* Professional essential-cookie information card. No fake consent choice: only strictly necessary cookies are used. */
.privacy-popover{position:fixed;right:20px;bottom:20px;z-index:1300;width:min(430px,calc(100% - 40px));display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:12px;padding:15px;border:1px solid #dce8e5;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 20px 55px rgba(18,49,54,.16);backdrop-filter:blur(20px);animation:privacyIn .38s var(--c-ease)}
.privacy-popover[hidden]{display:none!important}
.privacy-popover-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eef8f6}.privacy-popover-mark img{width:32px;height:32px;object-fit:contain}
.privacy-popover-copy{min-width:0}.privacy-popover-copy>b{display:block;font-size:13px;letter-spacing:-.01em}.privacy-popover-copy p{margin:3px 0 6px;color:var(--c-muted);font-size:10px;line-height:1.45}.privacy-popover-copy a{font-size:9px;font-weight:800;color:var(--c-teal-deep)}
.privacy-popover-ok{align-self:center;border:0;border-radius:11px;background:var(--c-ink);color:#fff;padding:9px 11px;font-size:10px;font-weight:850;transition:transform .18s ease,background .18s ease}.privacy-popover-ok:hover{background:#20383e}.privacy-popover-ok:active{transform:scale(.97)}
.privacy-popover.is-closing{opacity:0;transform:translateY(8px);transition:.22s ease}@keyframes privacyIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* Mobile dock: simple, flat and readable. */
@media(max-width:860px){
  body{padding-bottom:82px!important}
  .page-shell{padding:17px 10px 48px!important}
  .topbar-inner{height:58px!important;padding:0 10px!important}
  .brand-mark img{width:34px!important;height:34px!important}.brand-name{font-size:17px!important}
  .feed-simple-head{align-items:flex-start;margin-bottom:12px}.feed-simple-head h1{font-size:24px}.feed-simple-head p{font-size:11px}.feed-simple-create span{display:none}.feed-simple-create{width:40px;height:40px;padding:0;justify-content:center;border-radius:12px}
  .feed-tabs{border-radius:13px!important}.feed-tabs::before{border-radius:10px!important}.feed-tabs a{font-size:10px!important;padding:9px 3px!important}
  .feed-simple-hint{font-size:9px;margin:8px 2px 12px}
  .advice-card{padding:11px!important;border-radius:17px!important}.advice-question{font-size:16px!important}
  .choice{border-radius:13px!important}.choice-label{font-size:9px!important}.choice-pct{width:35px!important;height:35px!important}
  .site-footer.footer-v20{display:block!important;margin:0 0 76px!important}.footer-v20-inner{display:block;min-height:0;padding:18px 14px}.footer-v20-brand{justify-content:center}.footer-v20-links{margin-top:12px;gap:7px 12px}.footer-v20-links a{font-size:9px}.footer-v20-copy{display:block;text-align:center;margin-top:10px}
  .mobile-nav.liquid-nav{display:grid!important;left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;grid-template-columns:repeat(5,1fr)!important;min-height:62px!important;height:62px!important;padding:5px 6px!important;border:1px solid rgba(211,225,221,.96)!important;border-radius:20px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 12px 32px rgba(19,48,53,.15)!important;backdrop-filter:blur(18px)!important}
  .mobile-nav.liquid-nav a{gap:0!important;border-radius:12px!important}.mobile-nav.liquid-nav a>span{width:34px!important;height:34px!important;border-radius:11px!important}.mobile-nav.liquid-nav svg{width:18px!important;height:18px!important}.mobile-nav.liquid-nav small{font-size:7px!important;font-weight:750!important}.mobile-nav.liquid-nav a.active>span{background:var(--c-teal-soft)!important;color:var(--c-teal-deep)!important;transform:none!important;box-shadow:none!important}.mobile-nav.liquid-nav .mobile-create>span{width:43px!important;height:43px!important;margin-top:-14px!important;border-radius:14px!important;background:var(--c-coral)!important;box-shadow:0 7px 17px rgba(242,97,107,.23)!important}
  .privacy-popover{left:10px;right:10px;bottom:82px;width:auto;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:12px;border-radius:16px}.privacy-popover-mark{width:38px;height:38px}.privacy-popover-ok{grid-column:1/-1;width:100%;padding:10px}.privacy-popover-copy p{font-size:9px}.privacy-popover-copy>b{font-size:12px}
  .settings-panel{padding:16px!important}.form-card{padding:17px!important}.profile-premium{border-radius:19px!important}
}
@media(max-width:420px){
  .page-shell{padding-left:7px!important;padding-right:7px!important}
  .feed-tabs a{font-size:9.5px!important}
  .post-actions{gap:9px!important}.post-actions .action-link{font-size:9px!important}
  .footer-v20-links a:nth-child(4),.footer-v20-links a:nth-child(6){display:none}
  .privacy-popover{left:7px;right:7px}
}
@media(max-width:350px){.mobile-nav.liquid-nav small{display:none!important}.mobile-nav.liquid-nav{height:56px!important;min-height:56px!important}.privacy-popover{bottom:74px}}
@media(prefers-reduced-motion:reduce){.privacy-popover,.pill,.form-submit,.create-nav,.feed-simple-create,.advice-card{animation:none!important;transition:none!important}}

/* ============================================================
   Advicer 2.1 — final polish: profile, navigation, chat, settings
   ============================================================ */
:root{--v21-bg:#f5f8f7;--v21-surface:#fff;--v21-line:#dfe9e7;--v21-ink:#172a2f;--v21-muted:#6e8083;--v21-teal:#0b8d87;--v21-teal-soft:#e8f5f3;--v21-coral:#f26069}
body.route-profile,body.route-edit-profile,body.route-settings{background:var(--v21-bg)!important}

/* Single, calm active state. Remove the old double underline. */
.desktop-nav a::after{display:none!important}
.desktop-nav a.active{background:var(--v21-teal-soft)!important;color:#08766f!important;box-shadow:none!important;border:0!important;border-radius:10px!important}
.desktop-nav a:hover{background:#f0f6f5!important;color:#234246!important}

/* Profile: neutral card with brand accents only, not a full teal wall. */
.profile-page{max-width:1120px!important}
.profile-premium{display:grid!important;grid-template-columns:minmax(300px,390px) minmax(0,1fr)!important;gap:28px!important;background:#fff!important;border:1px solid var(--v21-line)!important;border-radius:24px!important;padding:22px!important;overflow:hidden!important;box-shadow:0 18px 48px rgba(31,61,61,.06)!important}
.profile-premium::after{display:none!important}
.profile-gallery{background:#eff6f4!important;border:1px solid #dceae7!important;border-radius:19px!important;padding:8px!important;align-self:start}
.profile-gallery-main{background:linear-gradient(145deg,#dcefeb,#f2f7f6)!important;border:0!important;border-radius:15px!important;box-shadow:none!important;overflow:hidden!important}
.profile-gallery-image{border-radius:15px!important;background:#e6f0ee!important}
.profile-gallery-thumbs{padding:8px 0 0!important;gap:7px!important}
.profile-gallery-thumbs button{background:#fff!important;border:1px solid #d9e7e4!important;border-radius:12px!important;overflow:hidden!important;box-shadow:none!important}
.profile-gallery-thumbs button.active{border-color:#1aa29b!important;box-shadow:0 0 0 2px rgba(18,154,147,.13)!important}
.profile-details{padding:12px 4px!important;color:var(--v21-ink)!important}
.profile-name-row h1{color:var(--v21-ink)!important;letter-spacing:-.03em!important}
.profile-details .eyebrow{color:#0c817a!important}
.profile-details .handle{color:#60777a!important}
.profile-bio{color:#31484c!important;max-width:560px!important}
.profile-meta-chips span,.profile-meta-chips a{background:#f0f6f5!important;border:1px solid #e0ebe9!important;color:#496367!important}
.profile-premium .profile-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
.profile-stats .stat{background:#f7faf9!important;border:1px solid #e2ecea!important;border-radius:14px!important;color:var(--v21-ink)!important;min-width:0!important;padding:13px 8px!important}
.profile-stats .stat b{font-size:21px!important;color:#18383d!important}.profile-stats .stat small{color:#758589!important;font-size:10px!important}
.profile-actions .pill.primary{background:var(--v21-teal)!important;color:#fff!important}.profile-actions .pill.ghost{background:#f1f6f5!important;color:#244349!important}
.icon-settings{background:#eef6f4!important;border:1px solid #dbe9e6!important;color:#087e77!important;box-shadow:none!important}

/* Standalone profile editor. */
.edit-profile-shell{max-width:900px!important}.simple-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:28px 0 16px}.simple-page-head h1{margin:3px 0 5px;font-size:31px;letter-spacing:-.035em}.simple-page-head p{margin:0;color:var(--v21-muted)}.simple-page-head .eyebrow{color:#0b8780;font-weight:850;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.profile-edit-standalone{padding:22px!important}.edit-profile-section+.edit-profile-section{border-top:1px solid var(--v21-line);margin-top:22px;padding-top:22px}.edit-section-title h2{margin:0;font-size:18px}.edit-section-title p{margin:4px 0 13px;color:var(--v21-muted);font-size:12px}.sticky-form-action{margin-top:8px}

/* Settings fail gracefully and stay compact. */
.settings-v21{max-width:860px!important}.settings-head-actions{display:flex;gap:8px;flex-wrap:wrap}.compat-note{padding:13px 14px;border-radius:12px;background:#fff7df;border:1px solid #f0dfaa;color:#785f1b;font-size:12px}.settings-v21 .settings-panel{padding:20px!important}.settings-v21 .settings-panel-head h2{font-size:19px!important}.settings-v21 .switch-row{padding:13px 14px!important}.settings-v21 .form-submit{max-width:300px}.settings-v21 .notification-fallback-save{max-width:none}

/* Chat actions / deletion. */
.chat-v21 .chat-head{gap:9px}.chat-clear-btn{margin-left:6px;border:1px solid #dde8e6;background:#f7faf9;color:#5e7477;border-radius:11px;padding:8px 10px;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800}.chat-clear-btn svg{width:16px;height:16px}.chat-clear-btn:hover{background:#fff0f0;border-color:#f1dada;color:#a54a50}.bubble{position:relative}.bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:4px}.bubble-meta small{margin:0!important}.message-delete{width:25px;height:25px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#8b9a9d;opacity:0;transition:opacity .18s ease,background .18s ease,color .18s ease}.bubble:hover .message-delete,.message-delete:focus-visible{opacity:1}.message-delete:hover{background:#fff0f0;color:#b54d54}.message-delete svg{width:14px;height:14px}.bubble.deleted{background:#f2f5f4!important;color:#839093!important}.bubble.deleted .bubble-text em{font-style:normal;font-size:12px}.chat-empty{margin:auto;display:grid;text-align:center;gap:3px;color:#6d8082;padding:24px}.chat-empty b{color:#2b464a}.chat-empty span{font-size:11px}

@media(max-width:820px){
 .profile-premium{grid-template-columns:1fr!important;gap:15px!important;padding:14px!important;border-radius:20px!important}.profile-gallery{max-width:none!important}.profile-gallery-main{aspect-ratio:4/4.25!important}.profile-details{padding:8px 4px 4px!important}.profile-premium .profile-stats{grid-template-columns:repeat(4,minmax(78px,1fr))!important;overflow-x:auto!important}.simple-page-head{padding:0 3px}.settings-head-actions{width:100%}
}
@media(max-width:600px){
 body.route-profile{background:#f7f9f8!important}.profile-page{padding:9px 8px 90px!important}.profile-premium{display:block!important;border-radius:18px!important;padding:9px!important;box-shadow:none!important}.profile-gallery{border-radius:15px!important;padding:6px!important}.profile-gallery-main{aspect-ratio:4/4.6!important;border-radius:12px!important}.profile-gallery-image{border-radius:12px!important}.profile-gallery-thumbs button{border-radius:10px!important}.profile-details{padding:17px 7px 8px!important}.profile-name-row h1{font-size:27px!important}.profile-premium .profile-stats{grid-template-columns:repeat(2,1fr)!important;overflow:visible!important}.profile-actions{display:grid!important;grid-template-columns:1fr!important}.profile-actions>*{width:100%!important}.profile-actions .pill{width:100%!important}.profile-meta-chips{flex-wrap:wrap!important}.simple-page-head{display:grid;margin:17px 0 12px}.simple-page-head h1{font-size:27px}.simple-page-head .pill{justify-self:start}.profile-edit-standalone{padding:15px!important}.settings-v21 .settings-panel{padding:15px!important}.settings-head-actions{display:grid;grid-template-columns:1fr 1fr}.settings-head-actions .pill{padding:9px 8px;font-size:10px}.chat-clear-btn span{display:none}.chat-clear-btn{padding:8px;margin-left:auto}.bubble{max-width:86%!important}.message-delete{opacity:1}.chat-head .friend-lock{display:none!important}
}
.experience-actions{display:flex;align-items:center;gap:9px;margin-top:12px}.experience-actions .form-submit{margin:0!important;flex:1}.experience-actions .pill{min-height:44px}
@media(max-width:600px){.experience-actions{display:grid;grid-template-columns:1fr}.experience-actions .pill{width:100%}}