/* Rosey semantic UI colours. Brand pigments remain in app.css; components use
   these roles so a surface and its text change together with the OS setting. */
:root{
  --ui-safe-top:max(env(safe-area-inset-top,0px),var(--safe-area-inset-top,0px));
  --ui-safe-right:max(env(safe-area-inset-right,0px),var(--safe-area-inset-right,0px));
  --ui-safe-bottom:max(env(safe-area-inset-bottom,0px),var(--safe-area-inset-bottom,0px));
  --ui-safe-left:max(env(safe-area-inset-left,0px),var(--safe-area-inset-left,0px));
  --ui-page:#f6f3ee;--ui-surface:#fffcf7;--ui-surface-raised:#ece5df;
  --ui-text:#20122e;--ui-muted:#62576a;--ui-border:#918496;
  --ui-accent:#590114;--ui-selected:#20122e;--ui-selected-text:#eeeeee;
  --ui-placeholder:#62576a;--ui-focus:#9e0618;--ui-on-feature:#eeeeee;
  --ui-report:#ffffff;--ui-report-text:#20122e;--ui-report-muted:#5a5054;
  --chart-discomfort:#3f6aa8;--chart-appearance:#ae2b61;--chart-comfortable:#6b8a5a;
}
/* Reviewed web experience: existing Rosey type and semantic colour roles. */
.formula-section{margin:32px 0 64px}.formula-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:32px}.formula-panel{min-width:0;border-top:1px solid var(--ui-border);padding-top:24px}.formula-panel h3,.formula-shared h3{font-family:var(--sans);font-size:1.25rem;line-height:1.3}.formula-panel p{max-width:48ch}.formula-image{height:320px;display:flex;justify-content:center;background:var(--ui-surface);padding:24px}.formula-image img{max-width:100%;height:100%;object-fit:contain}.formula-shared{padding:24px 0;border-block:1px solid var(--ui-border);margin-top:24px}.research-context{max-width:760px;margin:32px 0;padding:24px;border-top:1px solid var(--ui-border)}.research-context h2{font:500 1.25rem/1.4 var(--sans)}.research-context details summary{min-height:44px;cursor:pointer}.preview-invitation{margin:32px 0}.preview-invitation .row{gap:16px}.review-banner{background:#20122e;color:#eeeeee;padding:8px 24px;font:14px/1.5 var(--sans);display:flex;flex-wrap:wrap;gap:16px;align-items:center}.review-banner .text-button{color:#eeeeee;margin:0;padding:0;min-height:32px}.footer-signup-form{display:block;max-width:100%}.footer-signup-form .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:normal;padding:14px 24px;min-height:48px;width:auto;max-width:100%}.footer-signup-quiet .eyebrow{display:none}body[data-footer-mode=none] .footer-signup-quiet{display:none}.review-email-invitation{max-width:720px}.review-email-invitation .text-button{margin-left:20px}.account-email-choice{border-top:1px solid var(--ui-border);padding-top:20px;margin-top:24px}.account-email-choice label{display:flex;gap:12px;align-items:flex-start}.account-email-choice input{min-width:22px;min-height:22px}.auth-shell{max-width:680px;margin:8vh auto;padding:32px 24px}.auth-shell img{max-width:150px;margin-bottom:40px}.auth-shell .panel{margin-top:28px}.auth-shell h1{font-size:clamp(2rem,6vw,3rem)}
.formula-disclosure>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 1fr;background:var(--ui-surface);border:1px solid var(--ui-border);min-height:300px}.formula-disclosure>summary::-webkit-details-marker{display:none}.formula-teaser-image{display:flex;gap:28px;justify-content:center;align-items:center;padding:28px;background:#eeeeee}.formula-teaser-image img{height:230px;max-width:38%;object-fit:contain}.formula-teaser-copy{display:flex;flex-direction:column;justify-content:center;padding:32px}.formula-teaser-copy h2{margin:0 0 16px}.formula-teaser-copy .text-button{margin-top:20px}.formula-disclosure[open]>summary .formula-open-label{display:none}.formula-disclosure:not([open])>summary .formula-close-label{display:none}.formula-disclosure>.formula-expanded{padding:24px;border:1px solid var(--ui-border);border-top:0}
.moment-writing-invitation{margin-top:28px;padding-top:24px;border-top:1px solid currentColor}.moment-writing-invitation h3{font:500 1.2rem/1.4 var(--sans);margin:0 0 12px}.moment-writing-invitation p{font-family:var(--sans);font-size:1rem;line-height:1.6}.moment-writing-invitation .button{margin-top:8px}.moment-writing-invitation .fine{font-size:.875rem;margin-top:16px}body[data-finish=true] .topbar,body[data-finish=true] .navigation{display:none}
@media(max-width:620px){.formula-disclosure>summary{grid-template-columns:1fr}.formula-teaser-image{min-height:240px}.formula-teaser-image img{height:200px}.formula-teaser-copy{padding:24px}.formula-disclosure>.formula-expanded{padding:20px}}
@media(max-width:620px){.formula-pair{grid-template-columns:1fr;gap:40px}.formula-image{height:280px}.review-banner{padding-inline:20px}.auth-shell{margin-top:24px}.preview-invitation .button{width:100%}}
html{scroll-padding-top:calc(16px + var(--ui-safe-top));-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--ui-page)}
.topbar{min-height:calc(100px + var(--ui-safe-top));height:auto;padding-top:var(--ui-safe-top);padding-left:max(24px,var(--ui-safe-left));padding-right:max(24px,var(--ui-safe-right))}
@media(max-width:620px){
  body{font-size:1rem}
  .topbar{min-height:calc(76px + var(--ui-safe-top))}
  .navigation{padding-bottom:calc(10px + var(--ui-safe-bottom))}
  .footer{padding-bottom:calc(115px + var(--ui-safe-bottom))}
  .player{bottom:calc(85px + var(--ui-safe-bottom))}
  #toast:not(:empty){bottom:calc(93px + var(--ui-safe-bottom))}
  .navigation a,.subnav a,.chip,.text-button,.icon-button,.player-controls button{min-height:44px}
  .top-actions{gap:6px}
  .fine,.small,.field-help,.reference,.credit,.button,.chip,.text-button,.subnav a{font-size:.875rem}
  .navigation a{font-size:.75rem}
  input:not([type=checkbox]):not([type=range]),textarea,select{font-size:1rem}
}
input::placeholder,textarea::placeholder{color:var(--ui-placeholder);opacity:1}
:is(input:not([type=checkbox]):not([type=range]),textarea,select){border-color:var(--ui-border)}
:is(button,.button):disabled{opacity:1;background:#e1dce3;color:#62576a;border-color:#918496}
:is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
.evidence summary,.evidence a,.practice-evidence a,.tip-card a,.help a[href^="mailto:"],main a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:24px}
.report-preview,.sample-insight-report{background:var(--ui-report);color:var(--ui-report-text)}
.report-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.report-overview p{border:1px solid var(--ui-border);padding:12px;margin:0;font-size:.875rem}.report-overview strong{display:block;font-size:1.5rem;line-height:1.2}.report-rating-group{margin:24px 0}.report-rating-group h4{margin:0 0 12px}.report-rating-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(100px,2fr) 52px;gap:10px;align-items:center;margin:8px 0;font-size:.875rem}.report-rating-track{height:10px;background:var(--ui-surface-raised);border:1px solid var(--ui-border)}.report-rating-track span{display:block;height:100%;background:var(--ui-accent)}.report-rating-row strong{text-align:right}.report-photo{margin:20px 0}.report-photo figcaption{font-size:.875rem;color:var(--ui-report-muted)}.insights-trend{margin:24px 0}.insights-trend summary{font-weight:600;min-height:44px}
@media(max-width:620px){.report-overview{grid-template-columns:1fr 1fr}.report-rating-row{grid-template-columns:90px minmax(80px,1fr) 42px;gap:6px;font-size:.75rem}}
.sample-insight-report :is(h3,h4,p,li,dt,dd),.report-preview :is(h2,h3,h4,p,li,dt,dd){color:var(--ui-report-text)}
.sample-insight-report p.fine,.report-preview p.fine{color:var(--ui-report-muted)}
.sample-insight-report .report-observation,.report-preview .report-observation{border-color:var(--ui-border)}
.sample-insight-report,.report-preview{overflow-wrap:anywhere}
.trend-comfortable{stroke:var(--chart-comfortable)}
.trend-swatch-tick{background:var(--chart-comfortable)}
@media(prefers-color-scheme:dark){
  :root{
    --ui-page:#20122e;--ui-surface:#2e213b;--ui-surface-raised:#371117;
    --ui-text:#eeeeee;--ui-muted:#d7cfdc;--ui-border:#a99bb3;
    --ui-accent:#e3a9b4;--ui-selected:#eeeeee;--ui-selected-text:#20122e;
    --ui-placeholder:#d7cfdc;--ui-focus:#e3a9b4;--ui-on-feature:#eeeeee;
    --ui-report:#2e213b;--ui-report-text:#eeeeee;--ui-report-muted:#d7cfdc;
    --chart-discomfort:#7fa9e7;--chart-appearance:#e3a9b4;--chart-comfortable:#b4d290;
  }
  body{background:var(--ui-page);color:var(--ui-text)}
  .page-head .eyebrow,.tip-strip .eyebrow,.journal-row .date,.sense-list .number,.word-art{color:var(--ui-accent)}
  .panel,.experience,.session,.tip-card,.journal-row,.sample-insight,.search-start,.search-result,.favourites-feature,.report-preview,.sample-insight-report{background:var(--ui-surface);color:var(--ui-text)}
  .tip-strip,.love-card,.reset-step{background:var(--ui-surface-raised);color:var(--ui-text)}
  .sample-insight-report,.report-preview{background:var(--ui-report);color:var(--ui-report-text)}
  .sample-insight-report :is(h3,h4,p,li,dt,dd),.report-preview :is(h2,h3,h4,p,li,dt,dd){color:var(--ui-report-text)}
  .sample-insight-report p.fine,.report-preview p.fine{color:var(--ui-report-muted)}
  .favourite-peek a,.explore-shortcuts a,.search-result,.world-nav a,.moment-stage .noticing-card,.moment-stage .noticing-card .text-button{color:var(--ui-text)}
  .moment-stage .noticing-card{background:var(--ui-surface);--muted:var(--ui-muted);--line:var(--ui-border);--wine:var(--ui-accent)}
  .moment-filters .chip[aria-pressed=true],.skin-trend .chip[aria-pressed=true],.chips label.chip:has(input:checked),.chip[aria-pressed=true],.subnav a[aria-current=page]{background:var(--ui-selected);color:var(--ui-selected-text);border-color:var(--ui-selected)}
  .moment-stage .noticing-card .button.secondary{color:var(--ui-text);border-color:var(--ui-border)}
  .navigation a[aria-current=page]{color:var(--ui-accent);border-color:var(--ui-accent)}
  :is(input:not([type=checkbox]):not([type=range]),textarea,select){background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}
  input::placeholder,textarea::placeholder{color:var(--ui-placeholder);opacity:1}
  .search-panel input[type=search],.install-device select{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}
  .fine,.muted,.small,.field-help,.reference,.credit,.experience p,.journal-row p,.home-heading>p,.home-bottom p,.setting-row p,.trend-legend,.trend-axis{color:var(--ui-muted)}
  .sample-insight-body :is(p,h2){color:var(--ui-on-feature)}
  .sample-insight-body .eyebrow{color:var(--ui-accent)}
  .report-preview .fine,.sample-insight-report .fine{color:var(--ui-report-muted)}
  .trend-grid{stroke:var(--ui-border)}
  .trend-axis{fill:var(--ui-muted)}
  .button:not(.secondary):not(.light):not(.danger):not(.outline-light){background:#9e0618;color:#fff;border-color:#9e0618}
  .button.secondary{background:transparent;color:var(--ui-text);border-color:var(--ui-border)}
  .button.danger{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}
  :is(button,.button):disabled{opacity:1;background:#3c3048;color:var(--ui-muted);border-color:var(--ui-border)}
  .button:not(.secondary):not(.light):not(.danger):not(.outline-light):disabled{background:#3c3048;color:var(--ui-muted);border-color:var(--ui-border)}
  :is(button,a,input,textarea,select,summary):focus-visible{outline-color:var(--ui-focus)}
}
@media print{
  :root{color-scheme:light;--ui-report:#fff;--ui-report-text:#20122e;--ui-report-muted:#5a5054;--ui-border:#918496}
  .report-preview,.sample-insight-report{background:#fff;color:#20122e}
  .report-preview :is(h2,h3,h4,p,li,dt,dd),.sample-insight-report :is(h3,h4,p,li,dt,dd){color:#20122e}
}
.player-credit{font:400 .875rem/1.4 var(--sans);letter-spacing:0;text-transform:none;color:#e0d5e4;margin:0 0 4px}
body[data-email-invitation-hidden=true] :is(.footer-signup,.footer-signup-quiet,.welcome-email){display:none!important}
.footer-signup-form [data-action=hide-email-invitation]{grid-column:1/-1;justify-self:start;color:var(--paper)}
.recorded-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.recorded-pair{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px 14px;align-items:start;border:1px solid var(--ui-border);padding:18px;background:var(--ui-report);color:var(--ui-report-text)}.recorded-pair p{margin:0}.recorded-pair-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ui-border);border-radius:50%;color:var(--ui-accent)}.recorded-pair-icon svg{width:26px;height:26px}.recorded-pair-context{font:600 1rem/1.35 var(--sans)}.recorded-pair-symptom{font:400 1rem/1.35 var(--serif)}.recorded-pair-count{grid-column:2;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.recorded-pair-count strong{font-size:1.25rem;color:var(--ui-accent)}.recorded-pair-count span{font-size:.8125rem;color:var(--ui-report-muted)}.recorded-pair-more summary{min-height:44px}.recorded-together>.fine:last-child{margin-top:16px}
@media(max-width:620px){.recorded-pair-grid{grid-template-columns:1fr}}
/* Shared photographic surround for card collections. Words and controls sit on
   solid semantic surfaces, so image crops never determine contrast. */
.photo-card-stage{position:relative;isolation:isolate;display:block;max-width:none;min-height:420px;margin:0 -42px 32px;padding:clamp(30px,5vw,64px) 42px;background:var(--ui-page)}
.photo-card-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden}
.photo-card-backdrop picture,.photo-card-backdrop img{display:block;width:100%;height:100%;object-fit:cover}
.photo-card-content{position:relative;max-width:780px;margin:0 auto;padding:clamp(24px,4vw,42px);background:var(--ui-surface);color:var(--ui-text)}
.photo-card-content :is(.fine,.muted){color:var(--ui-muted)}
.photo-card-stage .tip-feature .tip-card,.photo-card-stage .prompt-feature .prompt-card{background:var(--ui-surface);color:var(--ui-text)}
.photo-card-stage .tip-cycle{margin-bottom:0}
.photo-card-stage.affirmation-layout{display:block;background:var(--ui-page)}
.photo-card-stage.affirmation-layout>section{max-width:780px}
.photo-card-stage.affirmation-layout .affirmation-feature{min-height:300px;background:var(--ui-surface);color:var(--ui-text);padding:0}
.photo-card-stage.affirmation-layout .affirmation-feature .eyebrow{color:var(--ui-accent)}
.photo-card-stage.affirmation-layout .affirmation-feature .pale{color:var(--ui-text)}
.photo-card-stage.affirmation-layout .affirmation-feature .outline-light{background:transparent;color:var(--ui-text);border-color:var(--ui-border)}
.photo-card-stage.affirmation-layout .affirmation-pagination{padding:24px 0 0}
.photo-card-stage.affirmation-layout .affirmation-pagination button{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}
.photo-card-stage.affirmation-layout :focus-visible{outline-color:var(--ui-focus)}
.photo-card-stage.prompt-browser{max-width:none}
.photo-card-stage .prompt-topics{border:0;padding:0}
.photo-card-stage.gratitude-welcome{display:block;background:var(--ui-page);color:var(--ui-text)}
.photo-card-stage.gratitude-welcome #gratitude-feature{max-width:780px;min-height:310px;padding:clamp(24px,4vw,42px);background:var(--ui-surface);color:var(--ui-text)}
.photo-card-stage.gratitude-welcome :is(h2,p,.eyebrow){color:var(--ui-text)}
.photo-card-stage.gratitude-welcome .eyebrow{color:var(--ui-accent)}
.photo-card-stage.gratitude-welcome .text-button:hover{color:var(--ui-accent);border-color:var(--ui-accent)}
@media(max-width:900px){.photo-card-stage{margin-inline:-25px;padding-inline:25px}}
@media(max-width:620px){.photo-card-stage{margin-inline:-21px;padding:30px 21px}.photo-card-content{padding:25px}.photo-card-stage.affirmation-layout .affirmation-feature{min-height:300px}.photo-card-stage.affirmation-layout .affirmation-pagination{padding:20px 0 0}.photo-card-stage.gratitude-welcome #gratitude-feature{padding:25px}}
@media print{.photo-card-stage{margin:0;padding:0;min-height:0;background:#fff!important}.photo-card-backdrop{display:none}.photo-card-content,.photo-card-stage.gratitude-welcome #gratitude-feature,.photo-card-stage.affirmation-layout .affirmation-feature{background:#fff!important;color:#000!important}}
/* Match the website's prominent action labels while leaving instructions and navigation alone. */
:is(.button,.text-button,.immersive-cue,.shop-link){text-transform:none}
.brand-residence{text-transform:none}
/* The Shop control's accessible name already announces that it opens a new tab. */
.shop-link>span[aria-hidden="true"]{display:none}

/* Keep dates and account actions readable in narrow browser panels and at larger text sizes. */
.journal-filters label, .journal-filters input { min-width: 0; max-width: 100%; }
.journal-filters input[type="date"] { display: block; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; -webkit-appearance: none; appearance: none; }
.journal-filters input[type="date"]::-webkit-date-and-time-value { text-align: left; }
.entry-actions { grid-template-columns: minmax(0, 1fr); }
.entry-actions > * { min-width: 0; }
.entry-actions > .text-button { justify-self: start; white-space: normal; text-align: left; }
@media (max-width: 520px) {
  .journal-filters.insight-filters { grid-template-columns: minmax(0, 1fr); }
}

/* Password help and related actions need their own space in all forms. */
.passphrase-toggle, .form-stack > .passphrase-toggle,
.form-stack > .passphrase-strength + .passphrase-toggle {
  display: flex; width: max-content; max-width: 100%; margin: 8px 0 6px;
}
.autofill-hint, .form-stack > .passphrase-toggle + .autofill-hint {
  margin: 0 0 18px;
}

/* Card collections: full-bleed photography with a consistent dark scrim. */
.photo-card-content{background:rgba(20,10,30,.83);color:#fff}
.photo-card-stage .photo-card-content :is(.affirmation-feature,.prompt-card,.tip-card){background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.photo-card-stage .photo-card-content :is(h2,h3,p,.eyebrow,.fine,.muted,.text-button,.pale){color:#fff}
.photo-card-stage.affirmation-layout .affirmation-feature .eyebrow{color:#fff}
.photo-card-stage .photo-card-content :is(.button,.chip){background:#fff;color:#20122e;border-color:#fff}
.photo-card-stage .photo-card-content .chip[aria-pressed=true]{background:#510019;color:#fff}
.moment-browser .noticing-card{background:rgba(20,10,30,.84);color:#fff;border-color:rgba(255,255,255,.45)}
.moment-browser .noticing-card :is(h2,h3,p,.text-button){color:#fff}
.moment-writing-invitation{background:transparent!important;border-color:rgba(255,255,255,.45)!important}
.skin-public-preview>fieldset{border:0;padding:0;min-width:0;opacity:1}
.skin-public-preview :disabled{opacity:1;color:var(--ui-text);-webkit-text-fill-color:var(--ui-text)}
.guest-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0}
.guest-photo-card{position:relative;isolation:isolate;overflow:hidden;min-height:340px;display:flex;align-items:end;color:#fff}
.guest-photo-card>picture{position:absolute;inset:0;z-index:-2}
.guest-photo-card img{width:100%;height:100%;object-fit:cover}
.guest-photo-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(20,10,30,.95));z-index:-1}
.guest-photo-card>div{padding:28px}.guest-photo-card :is(h2,p,.eyebrow){color:#fff}
@media(max-width:620px){.guest-preview-grid{grid-template-columns:1fr}.preview-invitation .row{align-items:flex-start;flex-direction:column}.preview-invitation .button{max-width:100%;white-space:normal}}

/* Every Notice destination has its own photograph, without nested image panels. */
.notice-paths .notice-path{position:relative;isolation:isolate;min-height:360px;justify-content:end;background:#20122e;color:#fff}
.notice-paths .notice-path>picture{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.notice-paths .notice-path:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(20,10,30,.12),rgba(20,10,30,.94))}
.notice-paths .notice-path-copy{flex:0;position:relative}
.notice-paths .notice-path :is(h2,p,.text-button){color:#fff}
.notice-paths .notice-path .text-button{border-color:rgba(255,255,255,.6)}
.notice-paths .notice-path:focus-visible{outline:3px solid var(--ui-focus);outline-offset:4px}

/* Desktop review corrections: preserve imagery, useful spacing and contrast. */
.account-review-actions{gap:20px;margin-top:24px;align-items:center;flex-wrap:wrap}
.explore-about.residence-feature{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:32px 0}
.explore-about.residence-feature .feature-image{display:block;width:100%;min-width:0;height:420px}
.explore-about .feature-copy{min-width:0}
.about-introduction{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:32px 0 48px}
.about-introduction .about-photograph{margin:0}.about-introduction picture,.about-introduction img{display:block;width:100%;height:380px;object-fit:cover}
.listen-music-invitation{margin-top:32px;margin-bottom:32px}
.reset-photograph{margin:24px 0 28px;overflow:hidden}.reset-photograph picture{display:block}.reset-photograph img{display:block;width:100%;height:clamp(220px,25vw,360px);object-fit:cover;object-position:50% 55%}
.photo-card-stage.affirmation-layout .affirmation-feature :is(.pale,.outline-light){color:#fff!important;border-color:rgba(255,255,255,.7)!important}
.photo-card-stage.affirmation-layout .affirmation-feature .outline-light{background:transparent!important}
.photo-card-stage.affirmation-layout .affirmation-feature .pale:hover,.photo-card-stage.affirmation-layout .affirmation-feature .outline-light:hover{color:#20122e!important;background:#fff!important}
.breath-sound-help{flex-basis:100%;margin:12px 0 0}
@media(max-width:620px){.explore-about.residence-feature,.about-introduction{grid-template-columns:1fr}.explore-about.residence-feature .feature-image{height:260px}.about-introduction{gap:24px}.about-introduction img,.about-introduction picture{height:260px}.account-review-actions{align-items:flex-start;flex-direction:column}}

.breath-volume{display:grid;gap:10px;width:min(100%,320px);margin-top:20px}.breath-volume>span{display:flex;justify-content:space-between;gap:20px}.breath-volume input{width:100%;min-height:44px;padding:0;accent-color:var(--ui-accent)}

/* Shared collection layout. One photographic stage and one borderless text area. */
main:has(.photo-card-stage),main:has(.moment-stage){max-width:none;width:100%}
main:has(.photo-card-stage)>.page-head,main:has(.moment-stage)>.page-head{max-width:1236px;margin-inline:auto}
main:has(.photo-card-stage)>.notice-navigation,main:has(.moment-stage)>.notice-navigation{max-width:1236px;margin-inline:auto}
.photo-card-stage,.moment-stage{position:relative;isolation:isolate;margin:28px -42px 32px;padding:56px 42px;min-height:460px}
.photo-card-stage:after,.moment-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:rgba(20,10,30,.22);pointer-events:none}
.photo-card-backdrop,.moment-backdrop{z-index:-2}
.photo-card-content,.moment-browser{width:min(100%,780px);max-width:780px;margin:0 auto;padding:36px;background:rgba(20,10,30,.78);color:#fff;box-sizing:border-box}
.photo-card-stage :is(.prompt-card,.tip-card,.affirmation-feature),.moment-stage .noticing-card{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;min-height:280px;color:#fff!important}
.photo-card-stage.affirmation-layout .affirmation-feature{min-height:280px}
.photo-card-stage.gratitude-welcome #gratitude-feature{background:rgba(20,10,30,.78);padding:36px;min-height:360px}
.moment-filters{padding:0 0 20px;background:transparent}
.photo-card-stage .reference,.photo-card-stage .found-in,.photo-card-stage .found-in span,.photo-card-stage .evidence,.photo-card-stage .evidence summary,.photo-card-stage .attribution{color:#f3edf5!important;opacity:1!important}
.photo-card-stage .reference{font-size:13px;line-height:1.6}
.photo-card-stage :is(.reference-link,.evidence a){color:#fff!important;text-decoration:underline}
.photo-card-stage :focus-visible,.moment-stage :focus-visible{outline:3px solid #fff;outline-offset:4px}
.collection-progress{margin:0 0 18px;color:inherit;font-size:14px}
.guest-photo-card{min-height:320px}.guest-photo-card>div{padding:28px}
.formula-pentavitin{padding:24px 0;border-top:1px solid var(--ui-border)}
.formula-teaser-image img,.formula-image img{display:block;object-fit:contain;max-width:100%;height:240px;width:auto}
.formula-teaser-image{align-items:center;justify-content:center;gap:30px}
.explore-feature>p{max-width:80ch}.explore-feature-actions{flex-wrap:wrap;gap:20px}
.about-rosey>section{margin-bottom:32px}
@media(max-width:900px){.photo-card-stage,.moment-stage{margin-inline:-25px;padding-inline:25px}}
@media(max-width:620px){.photo-card-stage,.moment-stage{margin-inline:-21px;padding:28px 21px;min-height:0}.photo-card-content,.moment-browser,.photo-card-stage.gratitude-welcome #gratitude-feature{padding:24px}.guest-photo-card{min-height:290px}.formula-teaser-image img,.formula-image img{height:200px}}
main:has(.photo-card-stage)>:not(.photo-card-stage):not(.moment-stage):not(.immersive-entry):not(.narrow),main:has(.moment-stage)>:not(.photo-card-stage):not(.moment-stage):not(.immersive-entry):not(.narrow){max-width:1236px;margin-inline:auto}
main:has(.photo-card-stage)>.prompt-page-links{width:100%}
main:has(.photo-card-stage)>.tip-browser{max-width:none!important}
.tip-search-help,.tip-related{max-width:1236px;margin-inline:auto}
body[data-guest=false] :is(.collection-progress,#tip-progress){display:none!important}
#care{scroll-margin-top:32px}
.founder-quote-accent{display:block;width:min(100%,410px);height:auto;margin:0 0 20px}
@media(prefers-color-scheme:dark){.founder-quote-accent{filter:brightness(0) invert(1)}}
.founder-note .founder-quote-accent{filter:brightness(0) invert(1)}
.founder-note blockquote p{font-size:clamp(20px,1.6vw,24px)!important;line-height:1.6;max-width:64ch}
.about-introduction .about-photograph{height:340px;overflow:hidden}
.about-introduction .about-photograph picture,.about-introduction .about-photograph img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:620px){.about-introduction .about-photograph{height:260px}}
/* One writing experience, with source-specific questions and optional fields. */
.journal-editor{max-width:760px;margin:24px auto 32px;padding:clamp(24px,4vw,40px)}
.journal-editor .writing-question{font-size:clamp(21px,2vw,26px);line-height:1.45;margin-bottom:20px}
.journal-words{display:grid;gap:10px}.journal-words textarea{width:100%;min-height:220px;resize:vertical;font-size:17px;line-height:1.6}
.journal-editor .form-actions{gap:20px;align-items:center;flex-wrap:wrap}
.journal-write-action{min-height:44px;display:inline-flex;align-items:center}
.guest-photo-card .row{gap:18px;flex-wrap:wrap;margin-top:18px}
.guest-photo-card .row :is(a,button){color:#fff;border-color:rgba(255,255,255,.65)}
@media(max-width:620px){.journal-editor{padding:24px}.journal-words textarea{min-height:200px}}

.favourite-sections{display:flex;flex-wrap:wrap;gap:12px 26px;margin:28px 0 44px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.favourite-collection{margin:0 0 48px;scroll-margin-top:110px}
.favourite-collection>h2{font-size:clamp(20px,2vw,26px);margin:0 0 22px}
.favourite-card h3{font:500 25px/1.3 var(--sans);letter-spacing:0;text-transform:none}