/* Sorvatis Folio: Home, My World, Archive, Story and Profile.
   Native room, theme, eligibility, content and action owners remain unchanged. */
/* base.css */
html[data-design="folio"] {
  --v-bg:#f4efe3; --v-surface:#fcf9f1; --v-elevated:#ffffff;
  --v-ink:#202d3e; --v-muted:#62695f; --v-line:#d8cfbc;
  --v-accent:#806329; --v-blue:#233e60;
  --v-serif:'Spectral',Georgia,serif; --v-sans:'Inter',Arial,sans-serif;
  --v-radius:8px; --v-reading:640px;
}
html[data-design="folio"][data-home-time='night'] {
  --v-bg:#101d2c; --v-surface:#192a3c; --v-elevated:#21364b;
  --v-ink:#f5eddb; --v-muted:#b8c2c8; --v-line:#3a4c5e;
  --v-accent:#d6bc83; --v-blue:#28476b;
}

/* The page canvas and Home share the existing room/transition colour owner, including iOS's bottom inset. */
html[data-design="folio"][data-active-layer="attract"] {
  --world-bg:var(--v-bg);
  background:var(--world-bg);
}
html[data-design="folio"][data-active-layer="attract"] body { background:var(--world-bg); }
/* Returning from recording retains the main room attribute until the existing Moon transition completes. */
html[data-design="folio"][data-active-layer="main"][data-moon-state="crossing"] { background:var(--world-bg); }


html[data-design="folio"] :is(#myworld,#chamber,#numbers-sheet,#profile) {
  --v-bg:#0f1320; --v-surface:#192335; --v-elevated:#213049;
  --v-ink:#f5eddb; --v-muted:#b8c2c8; --v-line:#3a465b;
  --v-accent:#d6bc83; --v-blue:#28476b;
}
html[data-design="folio"] :is(#attract,#myworld,#chamber,#profile) {
  background:var(--v-bg)!important; color:var(--v-ink)!important;
}
html[data-design="folio"] #attract { background:var(--world-bg)!important; }
html[data-design="folio"] :is(#attract-user,#myworld,#chamber,#profile) {
  --ink:var(--v-ink); --ink-soft:var(--v-muted);
}
html[data-design="folio"] :is(#attract-user,#myworld,#chamber,#profile) :is(button,[role='button'],input,textarea,select,a):focus-visible {
  outline:2px solid var(--v-accent)!important; outline-offset:4px;
}
html[data-design="folio"] :is(#attract-user,#myworld,#chamber,#profile) :is(p,.dream-body,.kept-body) {
  -webkit-user-select:text; user-select:text;
}
html[data-design="folio"] :is(#myworld,#chamber,#profile) .room-header {
  padding:max(22px, calc(env(safe-area-inset-top,0px) + 10px)) 24px 18px!important; border-bottom:1px solid var(--v-line);
}
html[data-design="folio"] :is(#myworld,#chamber,#profile) .room-wordmark {
  font:500 11px/1.4 var(--v-sans)!important; letter-spacing:.22em!important;
  color:var(--v-muted)!important;
}
html[data-design="folio"] :is(#myworld,#chamber,#profile) .room-close {
  min-width:44px; min-height:44px; padding:10px!important;
  font:500 12px/1.4 var(--v-sans)!important; letter-spacing:.06em!important;
  color:var(--v-ink)!important; opacity:1!important;
}
html[data-design="folio"] :is(#myworld,#chamber,#profile) .room-title {
  font:400 28px/1.2 var(--v-serif)!important; color:var(--v-ink)!important;
  letter-spacing:0!important; text-transform:none!important;
}
html[data-design="folio"] :is(#myworld,#chamber,#profile) .room-subtitle {
  font:400 15px/1.5 var(--v-serif)!important; color:var(--v-muted)!important;
}
@media(prefers-reduced-motion:reduce) {
  html[data-design="folio"] :is(#attract-user,#myworld,#chamber,#profile),
  html[data-design="folio"] :is(#attract-user,#myworld,#chamber,#profile) * {
    animation:none!important; transition:none!important; scroll-behavior:auto!important;
  }
}

/* home.css */
/* Home owns a single viewport frame, independent of the enclosing room's
   extended bottom edge and dynamic-height minimum. The CTA stays in its flex
   flow; its existing padding protects the home indicator exactly once. */
html[data-design="folio"] #attract #attract-user {
  position:fixed; inset:0; height:auto;
}
html[data-design="folio"] #attract #attract-user #home-moon-top {
  width:100%; max-width:688px; margin:0 auto; min-height:76px!important;
  padding:max(24px, env(safe-area-inset-top,0px)) 26px 6px!important; display:flex!important; flex-direction:column!important;
  align-items:center!important; justify-content:flex-start!important; gap:0;
  flex-shrink:0;
  background:none!important;
}
html[data-design="folio"] #attract #attract-user #home-moon { width:72px!important; height:72px!important; margin:0!important; }
html[data-design="folio"] #attract #attract-user #home-moon-top .rwm {
  font:400 11px var(--font-sans)!important; color:var(--v-muted)!important;
  letter-spacing:.28em!important; margin:4px 0 0!important; border:0!important;
}
html[data-design="folio"] #attract #attract-user #profile-btn {
  width:44px!important; height:44px!important; top:max(16px, calc(env(safe-area-inset-top,0px) + 8px))!important; right:24px!important;
  background:var(--v-surface)!important; box-shadow:none!important;
  color:var(--v-ink)!important; border:1px solid var(--v-line)!important;
  font:400 20px/1 var(--v-serif)!important;
}
html[data-design="folio"] #attract #attract-user #attract-scroll {
  padding:12px 24px 20px!important;
  justify-content:flex-start!important;
}
html[data-design="folio"] #attract #attract-user #attract-scroll > * { flex-shrink:0; }
html[data-design="folio"] #attract #attract-user #home-arrival {
  font:400 23px/1.3 var(--v-serif)!important; letter-spacing:-.025em!important;
  color:var(--v-ink)!important; margin:0 0 18px!important; text-align:center!important;
  width:100%; max-width:var(--v-reading); text-wrap:balance;
}
html[data-design="folio"] #attract #attract-user #home-archive-door {
  font:400 12px/1.5 var(--v-sans)!important; color:var(--v-muted)!important;
  min-height:44px; letter-spacing:0!important;
}
html[data-design="folio"] #attract #attract-user :is(#home-identity-card,#home-continuity-block,#home-dream-door) {
  max-width:var(--v-reading)!important; background:var(--v-surface)!important;
  border:1px solid var(--v-line)!important; border-radius:var(--v-radius)!important;
  box-shadow:none!important; text-align:left!important; margin:0 0 16px!important;
  padding:22px!important; animation:none!important;
}
html[data-design="folio"] #attract #attract-user #home-dream-door::before { background:none!important; box-shadow:none!important; border:0!important; }
html[data-design="folio"] #attract #attract-user :is(#home-mark-title,#home-movement-title,#home-entry-title,#home-world-title) {
  font:500 11px/1.4 var(--v-sans)!important; letter-spacing:.1em!important;
  color:var(--v-accent)!important; text-align:left!important; margin:0 0 12px!important;
  text-shadow:none!important; animation:none!important;
}
html[data-design="folio"] #attract #attract-user :is(#home-identity-label,#home-mark-accrual,#home-mark-changed,#home-identity-surface) {
  font:400 14px/1.45 var(--v-serif)!important; color:var(--v-muted)!important;
  text-align:left!important; letter-spacing:0!important; padding:0!important;
  margin:8px 0!important; text-shadow:none!important;
}
html[data-design="folio"] #attract #attract-user #home-identity-name {
  font:400 28px/1.15 var(--v-serif)!important; letter-spacing:-.035em!important;
  color:var(--v-ink)!important; text-shadow:none!important; margin:0!important;
}
html[data-design="folio"] #attract #attract-user #home-identity-chevron {
  color:var(--v-accent)!important; opacity:1!important; text-align:right!important;
  font-size:18px!important; margin-top:4px!important;
}
html[data-design="folio"] #attract #attract-user #home-identity-card.open {
  background:#203852!important; border-color:#3d5671!important; color:#f6edda!important;
}
html[data-design="folio"] #attract #attract-user #home-identity-card.open :is(#home-identity-name,#home-identity-why,#home-identity-reading) { color:#f6edda!important; }
html[data-design="folio"] #attract #attract-user #home-identity-card.open :is(#home-mark-title,#home-identity-chevron,#home-identity-meaning-lead) { color:#dbc08a!important; }
html[data-design="folio"] #attract #attract-user #home-identity-card.open :is(#home-identity-label,#home-identity-surface,#home-mark-accrual,#home-mark-changed,#home-identity-seed-note) { color:#cbd3d8!important; }
html[data-design="folio"] #attract #attract-user #home-identity-divider { background:#536378!important; margin:20px 0!important; }
html[data-design="folio"] #attract #attract-user :is(#home-identity-why,#home-identity-reading) {
  font:400 16px/1.65 var(--v-serif)!important; padding:0!important;
  text-align:left!important; letter-spacing:0!important;
}
html[data-design="folio"] #attract #attract-user #home-identity-why { margin-bottom:28px!important; }
html[data-design="folio"] #attract #attract-user #home-identity-meaning-lead { font:500 11px/1.5 var(--v-sans)!important; letter-spacing:.05em!important; padding:0!important; }
html[data-design="folio"] #attract #attract-user #home-identity-share-btn {
  min-height:44px; font:500 13px/1.4 var(--v-sans)!important;
  border-radius:6px!important; color:#f6edda!important;
}
html[data-design="folio"] #attract #attract-user #home-movement {
  font:400 20px/1.45 var(--v-serif)!important; color:var(--v-ink)!important;
  text-align:left!important; padding:0!important; margin:0!important; letter-spacing:-.018em!important;
}
html[data-design="folio"] #attract #attract-user #home-entry {
  font:400 17px/1.55 var(--v-serif)!important; color:var(--v-ink)!important;
  text-align:left!important; padding:0!important; margin:0 0 14px!important; letter-spacing:-.01em!important;
}

html[data-design="folio"] #attract #attract-user #home-entry > span {
  font-weight:700!important;
}
html[data-design="folio"] #attract #attract-user :is(#home-entry-date,#home-movement-state) {
  font:400 12px/1.5 var(--v-sans)!important; color:var(--v-muted)!important;
  text-align:left!important; letter-spacing:0!important;
}
html[data-design="folio"] #attract #attract-user #home-connection-wrap { margin:0 0 12px!important; }
html[data-design="folio"] #attract #attract-user :is(#home-myworld-door,#home-connection-open) {
  font:500 13px/1.4 var(--v-sans)!important; color:var(--v-accent)!important;
  letter-spacing:0!important; min-height:44px; margin:4px 0 0!important; padding:10px 0!important;
}
html[data-design="folio"] #attract #attract-user #home-myworld-door-label { border-bottom:0!important; }
html[data-design="folio"] #attract #attract-user > #home-cta-row {
  padding:10px 24px calc(12px + env(safe-area-inset-bottom,0px))!important;
  border-top:1px solid var(--v-line); background:var(--world-bg)!important;
  margin:0!important;
}
html[data-design="folio"] #attract #attract-user #home-dream-btn {
  font:500 14px/1.4 var(--v-sans)!important; letter-spacing:0!important;
  padding:13px 24px!important; min-height:48px!important; max-width:var(--v-reading)!important;
  width:100%!important; border:1px solid #466486!important; border-radius:8px!important;
  background:#233e60!important; color:#fff7e5!important; box-shadow:none!important;
  margin:0 auto!important;
}
html[data-design="folio"] #attract #attract-user #home-continuity-block { border-left:2px solid var(--v-accent)!important; }




@media(min-width:900px) {
  html[data-design="folio"] #attract #attract-user #attract-scroll { padding-top:28px!important; }
  html[data-design="folio"] #attract #attract-user :is(#home-identity-card,#home-continuity-block,#home-dream-door) { padding:28px!important; margin-bottom:20px!important; }
  html[data-design="folio"] #attract #attract-user #home-movement { font-size:25px!important; }
  html[data-design="folio"] #attract #attract-user #home-entry { font-size:20px!important; }
}
@media(max-width:350px) {
  html[data-design="folio"] #attract #attract-user #attract-scroll { padding-left:16px!important; padding-right:16px!important; }
  html[data-design="folio"] #attract #attract-user > #home-cta-row { padding-left:16px!important; padding-right:16px!important; }
  html[data-design="folio"] #attract #attract-user :is(#home-identity-card,#home-continuity-block,#home-dream-door) { padding:18px!important; }
  html[data-design="folio"] #attract #attract-user #home-movement { font-size:19px!important; }
}

/* my-world.css */
html[data-design="folio"] #myworld {
  --mw-panel-bg: var(--v-surface);
  --mw-panel-ink: var(--v-ink);
  --mw-panel-muted: var(--v-muted);
  --mw-panel-line: var(--v-line);
  --mw-panel-accent: var(--v-accent);
  --mw-radius: 8px;
  --cream: var(--v-ink);
  --cream-m: var(--v-ink);
  --cream-d: var(--v-muted);
  background: var(--v-bg) !important;
  color: var(--v-ink);
  font-family: var(--v-serif);
}

html[data-design="folio"] #myworld .room-header {
  padding: max(22px, calc(env(safe-area-inset-top, 0px) + 10px)) 24px 12px;
  background: var(--v-bg) !important;
  border-bottom: 1px solid var(--v-line);
  box-shadow: none;
}
html[data-design="folio"] #myworld .room-wordmark {
  font-family: var(--v-sans);
  font-size: 10px;
  letter-spacing: .24em;
  color: var(--v-muted);
}
html[data-design="folio"] #myworld .room-close {
  min-height: 44px;
  min-width: 64px;
  padding: 0 8px;
  font-family: var(--v-sans);
  font-size: 12px;
  letter-spacing: .04em;
  color: var(--v-ink);
}
html[data-design="folio"] #myworld .room-identity {
  padding: 22px 24px 15px;
  background: var(--v-bg) !important;
}
html[data-design="folio"] #my-world-heading {
  font-family: var(--v-serif);
  font-size: clamp(28px, 7vw, 34px);
  font-weight: 400;
  line-height: 1.16;
  letter-spacing: -.025em;
  text-transform: none;
  color: var(--v-ink);
}
html[data-design="folio"] #my-world-helper {
  max-width: 36em !important;
  margin-top: 8px;
  font-family: var(--v-sans);
  font-size: 13px;
  font-style: normal;
  line-height: 1.5;
  color: var(--v-muted);
}
html[data-design="folio"] #mw-scroll {
  padding: 2px 24px calc(env(safe-area-inset-bottom, 0px) + 48px) !important;
  scroll-padding-block: 20px 28px;
}
html[data-design="folio"] #mw-scroll > div {
  max-width: 640px !important;
}
html[data-design="folio"] #mw-threshold {
  text-align: left !important;
  padding: 12px 0 4px !important;
}
html[data-design="folio"] #mw-threshold > p:first-child {
  font-size: 17px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.55 !important;
  color: var(--v-ink) !important;
  margin-bottom: 6px !important;
}
html[data-design="folio"] #mw-threshold > p + p {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: var(--v-muted) !important;
  opacity: 1 !important;
}
html[data-design="folio"] #mw-scroll > div > .divr {
  margin: 16px 0 22px !important;
}
html[data-design="folio"] #myworld .divr .dl {
  background: var(--v-line);
}
html[data-design="folio"] #myworld .divr .ds {
  color: var(--v-accent);
}


html[data-design="folio"] #myworld .chamber-vellum {
  --cream: var(--mw-panel-ink);
  --cream-m: var(--mw-panel-ink);
  --cream-d: var(--mw-panel-muted);
  background: var(--mw-panel-bg) !important;
  color: var(--mw-panel-ink);
  border: 1px solid var(--mw-panel-line) !important;
  border-radius: var(--mw-radius) !important;
  box-shadow: none !important;
  transition: border-color 160ms ease;
}
html[data-design="folio"] #myworld .chamber-vellum > button {
  min-height: 82px;
  padding: 18px 20px !important;
  gap: 16px;
  color: var(--mw-panel-ink);
}
html[data-design="folio"] #myworld .chamber-vellum > button > span:first-child > span:first-child {
  font-family: var(--v-serif) !important;
  font-size: 21px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: -.01em !important;
  line-height: 1.25;
  color: var(--mw-panel-ink) !important;
}
html[data-design="folio"] #myworld .mw-chamber-hint {
  margin-top: 5px;
  font-family: var(--v-sans);
  font-size: 13px;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.5;
  color: var(--mw-panel-muted);
}
html[data-design="folio"] #myworld :is(#my-people-chevron, #my-places-chevron, #my-feelings-chevron, #my-signs-chevron) {
  font-size: 14px !important;
  color: var(--mw-panel-accent) !important;
  opacity: 1 !important;
  flex-shrink: 0;
}
html[data-design="folio"] #myworld :is(#profile-people-list, #profile-places-list, #profile-feelings-list, #profile-symbols-list) {
  border-top-color: var(--mw-panel-line) !important;
}
html[data-design="folio"] #myworld :is(#profile-people-list, #profile-places-list, #profile-feelings-list, #profile-symbols-list) > div {
  border-bottom-color: var(--mw-panel-line) !important;
}
html[data-design="folio"] #myworld .mw-empty {
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--mw-panel-muted);
}


html[data-design="folio"] #myworld div[data-person-id] > div:first-child {
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 0;
}
html[data-design="folio"] #profile-people-list [data-person-open][role="button"] {
  min-height: 44px !important;
  font-family: var(--v-serif) !important;
  font-size: 19px !important;
  font-style: normal !important;
  font-weight: 400;
  line-height: 1.4;
  color: var(--mw-panel-ink) !important;
}
html[data-design="folio"] #profile-people-list [data-person-open] span[title] {
  max-width: none !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 13px !important;
  color: var(--mw-panel-muted) !important;
  opacity: 1 !important;
}
html[data-design="folio"] #profile-people-list div[data-person-id] > span[data-person-open] {
  min-height: 32px;
  padding-top: 4px;
  font-family: var(--v-sans);
  font-size: 12px !important;
  font-style: normal !important;
  line-height: 1.55;
  color: var(--mw-panel-muted) !important;
  opacity: 1 !important;
}
html[data-design="folio"] #myworld .pw-act {
  min-height: 44px;
  line-height: 1.35;
}
html[data-design="folio"] #myworld .pw-door {
  padding: 10px 5px;
  font-family: var(--v-serif);
  font-size: 15px;
  color: var(--mw-panel-accent);
}
html[data-design="folio"] #myworld .pt-evolved {
  padding: 9px 12px;
  font-size: 13px;
  border-color: var(--mw-panel-accent);
}
html[data-design="folio"] #myworld .pw-manage {
  margin-left: 4px;
  padding: 9px 11px;
  font-family: var(--v-sans);
  font-size: 12px;
  letter-spacing: 0;
  color: var(--mw-panel-muted);
  border-color: var(--mw-panel-line);
  opacity: 1;
}

html[data-design="folio"] #profile-people-list [style*="letter-spacing:.18em"] {
  padding-top: 18px !important;
  font-family: var(--v-sans);
  font-size: 11px !important;
  font-weight: 500;
  letter-spacing: .08em !important;
  line-height: 1.5;
  color: var(--mw-panel-muted) !important;
  opacity: 1 !important;
}
html[data-design="folio"] #myworld .ppl-prov {
  font-size: 12px !important;
  line-height: 1.5;
  opacity: 1 !important;
}
html[data-design="folio"] #myworld .mw-mark {
  font-size: 13px !important;
  color: var(--mw-panel-muted) !important;
}
html[data-design="folio"] #myworld :is(.mw-mark-returned, .mw-mark-still) {
  color: var(--mw-panel-accent) !important;
}
html[data-design="folio"] #myworld :is([data-person-open], [data-ev-type], .mw-feeling > span[role="button"]) span[style*="border-bottom:1px"] {
  border-bottom-color: var(--mw-panel-line) !important;
}

html[data-design="folio"] #myworld [data-ev-type][role="button"],
html[data-design="folio"] #myworld .mw-feeling > span[role="button"] {
  min-height: 36px;
  padding-block: 6px;
  font-family: var(--v-serif) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  line-height: 1.5;
  color: var(--mw-panel-ink) !important;
}
html[data-design="folio"] #myworld .mw-feeling > span[role="button"] > span + span {
  font-size: 13px !important;
  color: var(--mw-panel-muted) !important;
  opacity: 1 !important;
}
html[data-design="folio"] #myworld .mw-feeling-receipt {
  padding-top: 12px !important;
}
html[data-design="folio"] #myworld .mw-feeling-receipt > p {
  font-family: var(--v-serif) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: var(--mw-panel-ink) !important;
  margin-bottom: 12px !important;
}
html[data-design="folio"] #myworld .mw-feeling-receipt > p:first-child {
  font-family: var(--v-sans) !important;
  font-size: 12px !important;
  font-style: normal !important;
  color: var(--mw-panel-muted) !important;
}
html[data-design="folio"] #myworld :is([data-fdoor], [data-fhide], [id$="-more-btn"], #manage-presences-btn, #manage-presences-drawer > button),
html[data-design="folio"] #profile-people-list > button {
  min-height: 44px;
  font-family: var(--v-sans) !important;
  font-size: 12px !important;
  font-style: normal !important;
  line-height: 1.5;
  letter-spacing: .015em !important;
  text-transform: none !important;
  color: var(--mw-panel-muted) !important;
  opacity: 1 !important;
  border-top-color: var(--mw-panel-line) !important;
}
html[data-design="folio"] #myworld [data-fdoor] {
  color: var(--mw-panel-accent) !important;
}
html[data-design="folio"] #myworld :is(button, [role="button"]):focus-visible {
  outline: 2px solid var(--mw-panel-accent);
  outline-offset: 3px;
}


html[data-design="folio"] #myworld {
  --mw-radius: 8px;
}
html[data-design="folio"] #myworld .room-identity {
  padding-bottom: 20px;
}






@media (max-width: 359px) {
  html[data-design="folio"] #myworld .room-header,
  html[data-design="folio"] #myworld .room-identity {
    padding-inline: 18px;
  }
  html[data-design="folio"] #mw-scroll {
    padding-inline: 18px !important;
  }
  html[data-design="folio"] #profile-people-list [data-person-open][role="button"] {
    flex-basis: 100% !important;
  }
}

@media (min-width: 768px) {
  html[data-design="folio"] #myworld .room-identity {
    padding-top: 28px;
    padding-bottom: 22px;
  }
  html[data-design="folio"] #myworld .room-header,
  html[data-design="folio"] #myworld .room-identity {
    padding-inline: max(32px, calc((100vw - 640px) / 2));
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-design="folio"] #myworld .chamber-vellum {
    transition: none;
  }
  html[data-design="folio"] #myworld .pt-evolved,
  html[data-design="folio"] #myworld .nt-dot {
    animation: none;
  }
}

/* archive.css */
html[data-design="folio"] :is(#chamber, #numbers-sheet) {
  --archive-radius: 8px;
  --archive-panel: transparent;
  --archive-measure: 760px;
  background: var(--v-bg) !important;
  color: var(--v-ink);
  font-family: var(--v-serif);
}

html[data-design="folio"] :is(#chamber, #numbers-sheet) {
  --archive-radius: 8px;
  --archive-panel: transparent;
}



html[data-design="folio"] #chamber > :is(.room-header, .room-identity),
html[data-design="folio"] #numbers-sheet > .room-header {
  background: var(--v-bg) !important;
}

html[data-design="folio"] :is(#chamber, #numbers-sheet) .room-wordmark {
  color: var(--v-muted);
}

html[data-design="folio"] :is(#chamber, #numbers-sheet) .room-close {
  min-height: 44px;
  padding: 8px 4px;
  color: var(--v-muted) !important;
  font: 500 13px/1.4 var(--v-sans);
  letter-spacing: .02em;
  text-transform: none;
}

html[data-design="folio"] #ch-header-title {
  color: var(--v-ink);
  font: 400 clamp(26px, 5vw, 34px)/1.2 var(--v-serif);
  letter-spacing: -.025em;
  text-transform: none;
}

html[data-design="folio"] #chamber > .room-identity {
  padding:20px 24px 18px;
}

html[data-design="folio"] #ch-header-subtitle {
  margin-top: 8px;
  color: var(--v-muted);
  font: 400 16px/1.5 var(--v-serif);
}

html[data-design="folio"] #ch-tab-row {
  gap: 16px;
  margin-top: 10px;
  background: var(--v-bg) !important;
  border-bottom-color: var(--v-line) !important;
}

html[data-design="folio"] #ch-tab-row > button {
  flex: 1 1 0;
  min-width: 0;
  min-height: 48px;
  padding: 14px 2px !important;
  color: var(--v-muted) !important;
  border-bottom-color: transparent !important;
  font: 500 13px/1.35 var(--v-sans) !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-design="folio"] #ch-tab-row > button[data-active='1'] {
  color: var(--v-ink) !important;
  border-bottom-color: var(--v-accent) !important;
}

html[data-design="folio"] #ch-scroll { scroll-padding-block: 24px; }

html[data-design="folio"] #chamber :is(#ch-panel-latest, #ch-panel-numbers, #ch-panel-story) {
  width: 100%;
  max-width: var(--archive-measure);
  margin-inline: auto;
  padding: 24px 24px calc(40px + env(safe-area-inset-bottom, 0px)) !important;
  box-sizing: border-box;
}

html[data-design="folio"] #ch-search-wrap { margin-bottom: 24px !important; }

html[data-design="folio"] #ch-search-input {
  min-height: 48px;
  padding: 12px 16px !important;
  background: var(--v-surface) !important;
  border-color: var(--v-line) !important;
  border-radius: var(--archive-radius) !important;
  color: var(--v-ink) !important;
  font: 400 16px/1.45 var(--v-serif) !important;
}

html[data-design="folio"] #ch-search-input::placeholder {
  color: var(--v-muted);
  opacity: 1;
}

html[data-design="folio"] #ch-dream-list > [data-dream-id] {
  margin-bottom: 0;
  padding: 22px 0;
  border-color: var(--v-line) !important;
  background: var(--archive-panel);
  box-shadow: none;
}


html[data-design="folio"] #ch-dream-list > p,
html[data-design="folio"] #ch-dream-list > div:not([data-dream-id]) > p {
  color: var(--v-muted) !important;
  font: 400 16px/1.65 var(--v-serif) !important;
  letter-spacing: 0 !important;
}

html[data-design="folio"] #ch-dream-list > div:not([data-dream-id]) > button {
  min-height: 44px;
  color: var(--v-ink) !important;
  border-color: var(--v-line) !important;
  font: 500 14px/1.5 var(--v-sans) !important;
  letter-spacing: .02em !important;
}



html[data-design="folio"] #ch-dream-list > [data-dream-id].dream-kept {
  border-inline-start: 2px solid var(--v-accent);
  padding-inline-start: 16px;
}

html[data-design="folio"] #ch-dream-list > [data-dream-id] > div:first-child {
  gap: 16px !important;
  padding: 0 !important;
}

html[data-design="folio"] #ch-dream-list > [data-dream-id] > div:first-child > div:first-child {
  min-width: 38px !important;
  padding-top: 3px;
}

html[data-design="folio"] #ch-dream-list > [data-dream-id] > div:first-child > div:first-child > div:first-child {
  color: var(--v-ink) !important;
  font: 400 23px/1.1 var(--v-serif) !important;
}

html[data-design="folio"] #ch-dream-list > [data-dream-id] > div:first-child > div:first-child > div:last-child {
  margin-top: 5px;
  color: var(--v-muted) !important;
  font: 500 12px/1.4 var(--v-sans) !important;
  letter-spacing: .03em !important;
}


html[data-design="folio"] #ch-dream-list > [data-dream-id] > div:first-child > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

html[data-design="folio"] #ch-dream-list > [data-dream-id] > div:first-child > div:nth-child(2) > p {
  color: var(--v-muted) !important;
  font: 400 15px/1.55 var(--v-serif) !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
}

html[data-design="folio"] #ch-dream-list > [data-dream-id] > div:first-child > div:nth-child(2) > p:only-of-type {
  order: -1;
  color: var(--v-ink) !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
}

html[data-design="folio"] #ch-dream-list > [data-dream-id] > div:first-child > div:nth-child(2) > div {
  gap: 5px !important;
  margin-bottom: 0 !important;
}

html[data-design="folio"] #ch-dream-list > [data-dream-id] > div:first-child > div:nth-child(2) > div > span,
html[data-design="folio"] #ch-dream-list > [data-dream-id] > .dream-body > div:not([class]) > span {
  padding: 3px 7px !important;
  border-color: var(--v-line) !important;
  background: transparent !important;
  color: var(--v-muted) !important;
  font: 400 12px/1.4 var(--v-sans) !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere;
}

html[data-design="folio"] #chamber .ch-card-arrow {
  color: var(--v-muted) !important;
  font-size: 23px !important;
}

html[data-design="folio"] #ch-dream-list > [data-dream-id] > .dream-body {
  padding: 28px 0 4px !important;
  color: var(--v-ink);
  overflow-wrap: anywhere;
}

html[data-design="folio"] #ch-dream-list > [data-dream-id] > .dream-body > p {
  margin-bottom: 24px !important;
  color: var(--v-ink) !important;
  font: 400 17px/1.8 var(--v-serif) !important;
  -webkit-user-select: text;
  user-select: text;
}

html[data-design="folio"] #ch-dream-list > [data-dream-id] > .dream-body > p.kept-body {
  font-style: italic !important;
  white-space: pre-line;
}

html[data-design="folio"] #ch-dream-list > [data-dream-id] > .dream-body > p > span {
  color: var(--v-ink) !important;
}

html[data-design="folio"] #ch-dream-list > [data-dream-id] > .dream-body > p[style*='text-transform:uppercase'] {
  margin: 28px 0 10px !important;
  color: var(--v-muted) !important;
  font: 600 12px/1.4 var(--v-sans) !important;
  letter-spacing: .1em !important;
}

html[data-design="folio"] #ch-dream-list > [data-dream-id] > .dream-body > p:first-child {
  margin-top: 0 !important;
}

html[data-design="folio"] #chamber :is(.deeper-toggle, .dream-body > button) {
  min-height: 48px;
  padding: 13px 16px !important;
  border-color: var(--v-line) !important;
  border-radius: var(--archive-radius) !important;
  background: var(--v-surface) !important;
  color: var(--v-ink) !important;
  font: 500 14px/1.5 var(--v-sans) !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  white-space: normal;
}

html[data-design="folio"] #chamber .dream-body > .amend-explore-btn {
  margin-top: 6px !important;
  border-color: var(--v-accent) !important;
  border-inline-start-width: 3px !important;
  background: color-mix(in srgb, var(--v-accent) 15%, var(--v-surface) 85%) !important;
  font-weight: 600 !important;
}

html[data-design="folio"] #chamber :is(.amend-explore-btn, .deeper-toggle) {
  font-size: 16px !important;
}

html[data-design="folio"] #chamber .dream-body > .ch-share-btn {
  margin-top: 8px;
  background: transparent !important;
}

html[data-design="folio"] #chamber .dream-body > .journal-delete-btn {
  margin-top: 16px !important;
  background: transparent !important;
  border-color: transparent !important;
  color: color-mix(in srgb, #b54b48 65%, var(--v-ink) 35%) !important;
  font-size: 13px !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}

html[data-design="folio"] #chamber .deeper-body {
  padding: 20px !important;
  border-color: var(--v-line) !important;
  border-radius: var(--archive-radius) !important;
  background: var(--v-surface) !important;
}

html[data-design="folio"] #chamber .deeper-body p {
  color: var(--v-ink) !important;
  font: 400 17px/1.8 var(--v-serif) !important;
  -webkit-user-select: text;
  user-select: text;
}

html[data-design="folio"] #chamber .deeper-caret { color: var(--v-muted); }

html[data-design="folio"] #chamber .archive-thread-slot {
  opacity:1!important;
  margin-block: 24px !important;
  padding-top: 18px;
  border-top: 1px solid var(--v-line);
}


html[data-design="folio"] #chamber .ml-slot {
  max-width:100%!important; border-color:var(--v-line)!important;
  margin:28px 0!important; padding:24px 0 8px!important;
}
html[data-design="folio"] #chamber .ml-slot > div {
  font:500 12px/1.55 var(--v-sans)!important; letter-spacing:.08em!important;
  color:var(--v-muted)!important; margin-bottom:14px!important;
}
html[data-design="folio"] #chamber .ml-slot > p {
  font:400 17px/1.75 var(--v-serif)!important; color:var(--v-ink)!important;
  margin-bottom:22px!important; white-space:pre-line;
}
html[data-design="folio"] #chamber .ml-slot > p[style*='font-style: italic'] { font-style:italic!important; }
html[data-design="folio"] #chamber .dream-body > div:not(.ml-slot):has(> span) { opacity:1!important; }

html[data-design="folio"] #chamber .archive-thread-slot > div:first-child {
  color: var(--v-muted) !important;
  font: 500 12px/1.4 var(--v-sans) !important;
  letter-spacing: .06em !important;
}

html[data-design="folio"] #chamber [data-arch-sym] {
  min-height: 44px;
  padding: 10px 0 !important;
  color: var(--v-ink) !important;
  font: 500 14px/1.5 var(--v-sans) !important;
  letter-spacing: 0 !important;
}

html[data-design="folio"] #chamber [data-arch-sym] span {
  color: var(--v-muted) !important;
  font-size: 14px !important;
  border-color: var(--v-line) !important;
}

html[data-design="folio"] #chamber :is(#ch-people-banner, #ch-evidence-banner) {
  border-color: var(--v-line) !important;
  border-radius: var(--archive-radius) !important;
}

html[data-design="folio"] #ch-evidence-banner {
  background: var(--v-surface) !important;
}

html[data-design="folio"] #chamber :is(#ch-people-banner-text, #ch-evidence-banner-text) {
  color: var(--v-ink) !important;
  font: 400 16px/1.65 var(--v-serif) !important;
  overflow-wrap: anywhere;
}


html[data-design="folio"] #ch-people-banner-text > div {
  color: var(--v-muted) !important;
  font: 400 14px/1.55 var(--v-serif) !important;
}

html[data-design="folio"] #ch-people-banner-text > div:nth-child(2) {
  margin-bottom: 8px !important;
  color: var(--v-ink) !important;
  font: 400 27px/1.25 var(--v-serif) !important;
}

html[data-design="folio"] #ch-people-banner-text > p {
  white-space:pre-line;
  margin-top: 18px !important;
  color: var(--v-ink) !important;
  font: 400 17px/1.8 var(--v-serif) !important;
  -webkit-user-select: text;
  user-select: text;
}

html[data-design="folio"] #ch-people-banner-text > p[style*='font-size:12px'] {
  color: var(--v-muted) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

html[data-design="folio"] #ch-people-banner-text [role='button'] {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--v-muted) !important;
  font: 500 13px/1.5 var(--v-sans) !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
  opacity: 1 !important;
}

html[data-design="folio"] #ch-evidence-banner-text > span {
  margin-bottom: 10px !important;
  color: var(--v-ink) !important;
  font: 500 14px/1.5 var(--v-sans) !important;
  letter-spacing: .04em !important;
}

html[data-design="folio"] #chamber :is(#ch-people-banner-clear, #ch-evidence-banner-clear) {
  min-width: 44px;
  min-height: 44px;
  color: var(--v-muted) !important;
}

html[data-design="folio"] #ch-dream-list > button {
  min-height: 48px;
  color: var(--v-ink) !important;
  border-color: var(--v-line) !important;
  font: 500 14px/1.5 var(--v-sans) !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}


html[data-design="folio"] #ch-panel-story { background: var(--v-bg) !important; }

html[data-design="folio"] #chamber :is(#ch-story-title, #ch-story-latest-label, #ch-numbers-heading) {
  color: var(--v-muted) !important;
  font: 500 12px/1.6 var(--v-sans) !important;
  letter-spacing: .08em !important;
}

html[data-design="folio"] #chamber :is(#ch-story-latest, #ch-story-lead, #ch-numbers-subtitle) {
  color: var(--v-muted) !important;
  font: 400 16px/1.7 var(--v-serif) !important;
}

html[data-design="folio"] #ch-story-body-wrap {
  max-width: 42ch !important;
  padding: 28px 0 !important;
}

html[data-design="folio"] #ch-story-body {
  color: var(--v-ink) !important;
  font: 400 18px/1.8 var(--v-serif) !important;
  text-align: left;
  -webkit-user-select: text;
  user-select: text;
}

html[data-design="folio"] #ch-story-anchors { color: var(--v-muted); }

html[data-design="folio"] #chamber .nch-card {
  border-color: var(--v-line);
  background: var(--archive-panel);
}



html[data-design="folio"] :is(#chamber, #numbers-sheet) :is(.nch-lead, .nch-relation, .nch-solo) {
  color: var(--v-ink);
  font: 400 17px/1.7 var(--v-serif);
}

html[data-design="folio"] :is(#chamber, #numbers-sheet) :is(.nch-image, .nch-mk-w) {
  color: var(--v-ink);
  font: 500 13px/1.5 var(--v-sans);
  letter-spacing: .03em;
}

html[data-design="folio"] :is(#chamber, #numbers-sheet) :is(.nch-seal, .nch-mk-n, .nch-chev, .nch-date) {
  color: var(--v-muted);
}

html[data-design="folio"] #chamber .nch-date-d { color: var(--v-ink); }
html[data-design="folio"] #chamber .nch-date-m { color: var(--v-muted); font-size: 12px; }
html[data-design="folio"] #numbers-sheet-panel { color: var(--v-ink); }

html[data-design="folio"] :is(#chamber, #numbers-sheet) :is(button, input, [role='button']):focus-visible {
  outline: 2px solid var(--v-accent) !important;
  outline-offset: 4px;
}

@media (max-width: 360px) {
  html[data-design="folio"] #chamber :is(#ch-panel-latest, #ch-panel-numbers, #ch-panel-story) {
    padding-inline: 18px !important;
  }
  
  html[data-design="folio"] #ch-tab-row { gap: 10px; }
  html[data-design="folio"] #ch-dream-list > [data-dream-id] > div:first-child { gap: 12px !important; }
}

/* profile.css */
html[data-design="folio"] #profile {
  --profile-panel: var(--v-surface);
  --profile-radius: 8px;
  --cream: var(--v-ink);
  --cream-m: var(--v-ink);
  --cream-d: var(--v-muted);
  background: #0f1320 !important;
  color: var(--v-ink);
  font-family: var(--v-serif);
}
html[data-design="folio"] #profile .room-header {
  background: #0f1320 !important;
  box-shadow: none;
}
html[data-design="folio"] #profile-scroll {
  padding: 0 max(24px, calc((100vw - 640px) / 2)) calc(env(safe-area-inset-bottom, 0px) + 80px) !important;
  scroll-padding-block: 20px 32px;
}
html[data-design="folio"] #profile-scroll > div:first-child {
  text-align: left !important;
  padding: 26px 0 20px !important;
}
html[data-design="folio"] #profile-greeting {
  font-family: var(--v-serif);
  font-size: clamp(27px, 6.7vw, 34px) !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2 !important;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
  color: var(--v-ink) !important;
}
html[data-design="folio"] #profile-member-line {
  margin: 10px 0 7px !important;
  font-family: var(--v-sans) !important;
  font-size: 13px !important;
  font-style: normal !important;
  letter-spacing: .015em !important;
  line-height: 1.5;
  color: var(--v-accent) !important;
}
html[data-design="folio"] #profile-email {
  font-family: var(--v-sans);
  font-size: 13px !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  line-height: 1.5;
  overflow-wrap: anywhere;
  color: var(--v-muted) !important;
}
html[data-design="folio"] #profile .divr .dl {
  background: var(--v-line);
}
html[data-design="folio"] #profile .divr .ds {
  color: var(--v-accent);
}
html[data-design="folio"] #profile-count-block {
  padding: 18px 0 24px !important;
}
html[data-design="folio"] #profile-dream-count {
  font-family: var(--v-serif);
  font-size: 30px !important;
  font-style: normal;
  color: var(--v-ink) !important;
}
html[data-design="folio"] #profile-dream-label {
  margin-top: 8px !important;
  font-family: var(--v-sans) !important;
  font-size: 12px !important;
  font-style: normal !important;
  letter-spacing: .025em !important;
  text-transform: none !important;
  color: var(--v-muted) !important;
}

html[data-design="folio"] #profile .chamber-vellum {
  background: var(--profile-panel) !important;
  border: 1px solid var(--v-line) !important;
  border-radius: var(--profile-radius) !important;
  box-shadow: none !important;
}
html[data-design="folio"] #profile .door-tile,
html[data-design="folio"] #identity-section .chamber-vellum > button {
  min-height: 84px;
  padding: 19px 20px !important;
  gap: 16px !important;
}
html[data-design="folio"] #profile .door-title {
  font-family: var(--v-serif);
  font-size: 21px;
  font-weight: 500;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -.01em;
  text-transform: none;
  color: var(--v-ink);
  margin-bottom: 6px;
}
html[data-design="folio"] #profile .door-line {
  font-family: var(--v-sans);
  font-size: 13px;
  font-style: normal;
  line-height: 1.55;
  color: var(--v-muted);
  opacity: 1;
}
html[data-design="folio"] #profile .door-arrow {
  color: var(--v-accent) !important;
  opacity: 1 !important;
}
html[data-design="folio"] #glyph-tile-name {
  font-family: var(--v-serif) !important;
  font-size: 17px !important;
  font-style: normal !important;
  color: var(--v-accent) !important;
}


html[data-design="folio"] #identity-card-wrap {
  padding: 18px 18px 20px !important;
  border-top-color: var(--v-line) !important;
}
html[data-design="folio"] #identity-card {
  padding: 24px 4px !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none;
}
html[data-design="folio"] #identity-code {
  font-family: var(--v-serif);
  font-size: clamp(25px, 6vw, 32px) !important;
  font-style: normal;
  letter-spacing: -.02em !important;
  line-height: 1.3 !important;
  color: var(--v-ink) !important;
}
html[data-design="folio"] #profile :is(#identity-element-truth, #identity-journey-truth, #identity-combined-reading, #identity-element-reading, #identity-journey-reading) {
  font-family: var(--v-serif);
  font-size: 17px !important;
  font-weight: 400;
  font-style: normal !important;
  line-height: 1.65 !important;
  text-align: left !important;
  white-space: pre-line;
  color: var(--v-ink) !important;
  opacity: 1 !important;
}
html[data-design="folio"] #profile :is(#identity-element-label, #identity-journey-label) {
  font-family: var(--v-sans);
  font-size: 12px !important;
  font-style: normal;
  letter-spacing: .04em !important;
  line-height: 1.5;
  color: var(--v-accent) !important;
}
html[data-design="folio"] #identity-mutability {
  max-width: 38em !important;
  font-family: var(--v-sans);
  font-size: 13px !important;
  font-style: normal !important;
  line-height: 1.6 !important;
  color: var(--v-muted) !important;
  opacity: 1 !important;
}
html[data-design="folio"] #share-identity-btn {
  min-height: 44px;
  padding: 12px 22px !important;
  font-family: var(--v-sans);
  font-size: 13px !important;
  letter-spacing: .015em !important;
  border-color: var(--v-line) !important;
  color: var(--v-ink) !important;
}


html[data-design="folio"] #profile :is(#notify-title, #prof-settings-lbl, #prof-abt-lbl) {
  font-family: var(--v-sans) !important;
  font-size: 12px !important;
  font-weight: 500;
  font-style: normal;
  letter-spacing: .08em !important;
  line-height: 1.5;
  text-align: left !important;
  color: var(--v-accent) !important;
}
html[data-design="folio"] #profile .notify-row {
  padding: 16px 18px !important;
  background: var(--profile-panel) !important;
  border-color: var(--v-line) !important;
  border-radius: var(--profile-radius) !important;
}
html[data-design="folio"] #profile .notify-row > span:first-child {
  font-family: var(--v-serif) !important;
  font-size: 16px !important;
  font-style: normal !important;
  line-height: 1.5 !important;
}
html[data-design="folio"] #profile :is(#notify-empty, #notify-badge-ask-line, #notify-badge-ask-note, #notify-badge-ask-privacy) {
  font-family: var(--v-serif) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.6 !important;
}
html[data-design="folio"] #notify-badge-ask {
  border-color: var(--v-accent) !important;
  border-radius: var(--profile-radius) !important;
  box-shadow: none !important;
}
html[data-design="folio"] #notify-badge-ask-btn {
  font-family: var(--v-sans) !important;
  font-size: 13px !important;
  letter-spacing: .015em !important;
  border-radius: var(--profile-radius) !important;
}


html[data-design="folio"] #profile :is(#prof-name-lbl, #pref-label-country-acct, #pref-label-lang, #pref-label-address, #pref-label-signout) {
  font-family: var(--v-sans);
  font-size: 14px !important;
  line-height: 1.5;
  letter-spacing: 0 !important;
  color: var(--v-ink) !important;
}
html[data-design="folio"] #profile .chamber-vellum > div:has(> #profile-name-input),
html[data-design="folio"] #profile .chamber-vellum > div:has(> #pref-label-lang),
html[data-design="folio"] #profile .chamber-vellum > div > div:has(> #profile-country-select) {
  flex-wrap: wrap;
  gap: 10px 16px;
}
html[data-design="folio"] #profile-name-input,
html[data-design="folio"] #profile-country-select {
  min-height: 44px;
  min-width: 0;
  max-width: 100% !important;
  padding: 10px 0 !important;
  font-family: var(--v-sans);
  font-size: 16px !important;
  letter-spacing: 0 !important;
  border-bottom-color: var(--v-line) !important;
}
html[data-design="folio"] #profile-name-input {
  flex: 1 1 150px;
}
html[data-design="folio"] #profile-country-select {
  flex: 1 1 160px;
}
html[data-design="folio"] #profile-country-select option {
  background: #0f1320;
  color: var(--v-ink);
}
html[data-design="folio"] #profile-country-help,
html[data-design="folio"] #profile-country-msg {
  font-family: var(--v-sans) !important;
  font-size: 13px !important;
  font-style: normal !important;
  line-height: 1.55 !important;
}
html[data-design="folio"] #profile :is(#pref-es, #pref-en, #pref-it, #pref-pt) {
  min-width: 44px;
  min-height: 44px;
  padding: 10px !important;
  font-family: var(--v-sans);
  font-size: 12px !important;
  letter-spacing: .025em !important;
}
html[data-design="folio"] #profile :is(#profile-address-btn, #pref-btn-signout) {
  min-height: 44px;
  padding: 8px 0 8px 10px !important;
  font-family: var(--v-sans);
  font-size: 13px !important;
  letter-spacing: 0 !important;
  line-height: 1.5;
  color: var(--v-muted) !important;
}

html[data-design="folio"] #profile :is(#prof-upg-head, #prof-premium-lbl) {
  font-family: var(--v-sans);
  font-size: 13px !important;
  font-style: normal;
  letter-spacing: .035em !important;
  line-height: 1.5;
  color: var(--v-accent) !important;
}
html[data-design="folio"] #profile :is(#prof-upg-body, #prof-premium-desc, #prof-abt-1, #prof-abt-2) {
  font-family: var(--v-serif);
  font-size: 16px !important;
  font-style: normal !important;
  line-height: 1.65 !important;
  color: var(--v-ink) !important;
}
html[data-design="folio"] #prof-upg-btn {
  min-height: 48px;
  font-family: var(--v-sans);
  font-size: 13px !important;
  letter-spacing: .015em !important;
}
html[data-design="folio"] #prof-upg-price {
  font-family: var(--v-sans);
  font-size: 12px !important;
  line-height: 1.5;
  color: var(--v-muted) !important;
  opacity: 1 !important;
}
html[data-design="folio"] #prof-abt-quote {
  font-family: var(--v-serif);
  font-size: 21px !important;
  font-style: normal !important;
  line-height: 1.55 !important;
  color: var(--v-ink) !important;
}

html[data-design="folio"] #prof-leg-toggle-lbl {
  font-family: var(--v-sans);
  font-size: 14px !important;
  font-weight: 500;
  letter-spacing: .025em !important;
  text-transform: none !important;
  color: var(--v-ink) !important;
}
html[data-design="folio"] #profile :is(#prof-leg-wrap, #prof-leg-wrap > div, #prof-leg-terms-link) {
  border-color: var(--v-line) !important;
}
html[data-design="folio"] #profile :is(#prof-leg-terms, #prof-leg-disc-lbl, #prof-leg-safety-lbl, #prof-sup-lbl, #prof-leg-data-lbl) {
  font-family: var(--v-sans);
  font-size: 13px !important;
  font-weight: 500;
  letter-spacing: .015em !important;
  line-height: 1.5;
  color: var(--v-ink) !important;
}
html[data-design="folio"] #profile :is(#prof-leg-disc, #prof-leg-safety, #prof-sup-line, #prof-leg-data) {
  font-family: var(--v-sans);
  font-size: 14px !important;
  font-style: normal !important;
  line-height: 1.65 !important;
  color: var(--v-muted) !important;
}
html[data-design="folio"] #profile :is(#prof-sup-link, #prof-leg-data a) {
  font-family: var(--v-sans);
  font-size: 14px !important;
  line-height: 1.65;
  color: var(--v-accent) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
html[data-design="folio"] #profile :is(#prof-cancel-sub-btn, #prof-leg-del) {
  min-height: 44px;
  font-family: var(--v-sans);
  font-size: 13px !important;
  letter-spacing: .015em !important;
  text-transform: none !important;
  line-height: 1.5;
}
html[data-design="folio"] #prof-leg-del {
  color: #e0a9a2 !important;
}
html[data-design="folio"] #profile-scroll > div:last-child > p {
  font-family: var(--v-sans);
  font-size: 11px !important;
  line-height: 1.5;
  letter-spacing: .025em !important;
  color: var(--v-muted) !important;
  opacity: 1 !important;
}


html[data-design="folio"] #profile :is(#cancel-sub-title, #del-title) {
  font-family: var(--v-serif);
  font-size: 25px !important;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html[data-design="folio"] #profile :is(#cancel-sub-body, #del-body) {
  font-family: var(--v-serif);
  font-size: 17px !important;
  font-style: normal !important;
  line-height: 1.6 !important;
}
html[data-design="folio"] #profile :is(#cancel-sub-modal, #delete-modal) > button {
  min-height: 44px;
  font-family: var(--v-sans);
  font-size: 13px !important;
  letter-spacing: .015em !important;
  line-height: 1.5;
}
html[data-design="folio"] #cancel-sub-back,
html[data-design="folio"] #delete-modal > button:last-child {
  color: var(--v-ink) !important;
  opacity: 1 !important;
}
html[data-design="folio"] #profile :is(button, [role="button"], a, input, select):focus-visible {
  outline: 2px solid var(--v-accent) !important;
  outline-offset: 3px;
}


html[data-design="folio"][data-active-layer="profile"] #address-modal {
  --v-bg: #0f1320;
  --v-surface: #192335;
  --v-ink: #f5eddb;
  --v-muted: #b8c2c8;
  --v-line: #3a465b;
  --v-accent: #d6bc83;
  --cream: var(--v-ink);
  --cream-d: var(--v-muted);
}
html[data-design="folio"][data-active-layer="profile"] #address-modal > div:last-child {
  background: var(--v-surface) !important;
  border-color: var(--v-line) !important;
  border-radius: var(--v-radius) !important;
  max-width: 380px !important;
  padding: 26px 24px !important;
}
html[data-design="folio"][data-active-layer="profile"] #address-modal-heading {
  font-family: var(--v-serif) !important;
  font-size: 23px !important;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -.015em !important;
  text-transform: none !important;
  color: var(--v-ink) !important;
}
html[data-design="folio"][data-active-layer="profile"] #address-modal-help {
  font-family: var(--v-sans) !important;
  font-size: 14px !important;
  font-style: normal !important;
  line-height: 1.6 !important;
  color: var(--v-muted) !important;
}
html[data-design="folio"][data-active-layer="profile"] #address-modal button {
  min-height: 48px;
  font-family: var(--v-sans);
  font-size: 14px !important;
  line-height: 1.5;
  letter-spacing: .01em !important;
}
html[data-design="folio"][data-active-layer="profile"] #address-modal button:focus-visible {
  outline: 2px solid var(--v-accent) !important;
  outline-offset: 3px;
}


@media (max-width: 359px) {
  html[data-design="folio"] #profile-scroll {
    padding-inline: 18px !important;
  }
  html[data-design="folio"] #profile .door-tile,
  html[data-design="folio"] #identity-section .chamber-vellum > button {
    padding-inline: 17px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html[data-design="folio"] #profile .chamber-vellum {
    transition: none;
  }
}