/* Consumer-web design contract. One palette per explicit site theme.
   The named layer owns essential color pairs ahead of legacy !important rules.
   Layout, content, data and interaction handlers stay with each component. */
@font-face{font-family:YMDisplay;font-style:normal;font-weight:400 800;font-display:swap;src:url('/static/landing-story-20260929/display.woff2') format('woff2')}
@layer ymWholeWorld.foundation{
html[data-ym-unified]{--site-bg:#f3eadc;--site-panel:#fcf8ef;--site-soft:#e5e7d8;--site-ink:#233d39;--site-muted:#52625b;--site-line:#87968a;--site-accent:#345a48;--site-on:#fffaf0;--site-danger:#a22e32;--site-warning:#765017;--site-success:#296141;--site-display:YMDisplay,Arial,sans-serif;color-scheme:light}
html[data-ym-unified][data-theme=dark]{--site-bg:#1b2d2e;--site-panel:#253b3b;--site-soft:#324a45;--site-ink:#f3eadc;--site-muted:#bfccbe;--site-line:#80998c;--site-accent:#c9dfb4;--site-on:#203829;--site-danger:#ffb5b5;--site-warning:#efce99;--site-success:#b7dbb0;color-scheme:dark}
html[data-ym-unified],html[data-ym-unified] body{
 --ym-bg:var(--site-bg)!important;--ym-bg-1:var(--site-bg)!important;--ym-bg-2:var(--site-bg)!important;--ym-bg-3:var(--site-soft)!important;--ym-txt:var(--site-ink)!important;--ym-txt-heading:var(--site-ink)!important;--ym-txt-dim:var(--site-muted)!important;--ym-txt-secondary:var(--site-muted)!important;--ym-txt-muted:var(--site-muted)!important;--ym-ink:var(--site-ink)!important;--ym-ink-2:var(--site-muted)!important;--ym-accent:var(--site-accent)!important;--ym-accent-solid:var(--site-accent)!important;--ym-accent-deep:var(--site-accent)!important;--ym-text-on-accent:var(--site-on)!important;--ym-glass-bg:var(--site-panel)!important;--ym-glass-border:var(--site-line)!important;--ym-surface-pure:var(--site-panel)!important;--ym-surface-raised:var(--site-soft)!important;--ym-border-muted:var(--site-line)!important;--ym-success:var(--site-success)!important;--ym-danger:var(--site-danger)!important;--ym-warning:var(--site-warning)!important;
 --world-bg:var(--site-bg)!important;--world-panel:var(--site-panel)!important;--world-paper:var(--site-soft)!important;--world-ink:var(--site-ink)!important;--world-muted:var(--site-muted)!important;--world-line:var(--site-line)!important;--world-accent:var(--site-accent)!important;--world-on-accent:var(--site-on)!important;--world-display:var(--site-display)!important;
 --rf-bg:var(--site-bg)!important;--rf-panel:var(--site-panel)!important;--rf-soft:var(--site-soft)!important;--rf-ink:var(--site-ink)!important;--rf-muted:var(--site-muted)!important;--rf-line:var(--site-line)!important;--rf-accent:var(--site-accent)!important;--rf-on:var(--site-on)!important;
 --ww-bg:var(--site-bg)!important;--ww-paper:var(--site-panel)!important;--ww-soft:var(--site-soft)!important;--ww-ink:var(--site-ink)!important;--ww-muted:var(--site-muted)!important;--ww-line:var(--site-line)!important;--ww-petrol:var(--site-accent)!important;--ww-on:var(--site-on)!important;--ww-display:var(--site-display)!important;
 --ys-bg:var(--site-bg)!important;--ys-paper:var(--site-panel)!important;--ys-soft:var(--site-soft)!important;--ys-ink:var(--site-ink)!important;--ys-muted:var(--site-muted)!important;--ys-line:var(--site-line)!important;--ys-accent:var(--site-accent)!important;--ys-button-ink:var(--site-on)!important;
}
html[data-ym-unified] body{background-color:var(--site-bg)!important;color:var(--site-ink)!important;font-family:var(--ym-font,'Inter'),Arial,sans-serif!important;color-scheme:inherit}
html[data-ym-unified] :is(h1,h2,h3,h4,h5,h6){color:inherit!important;-webkit-text-fill-color:currentColor!important;background-clip:border-box!important;text-shadow:none!important}
html[data-ym-unified] :is(h1,h2){font-family:var(--ym-font,var(--site-display))!important;letter-spacing:-.035em!important;line-height:1.15!important}
html[data-ym-unified] h1{font-size:clamp(2rem,4.3vw,4rem)!important;font-weight:650!important}
html[data-ym-unified] h2{font-size:clamp(1.5rem,2.6vw,2.35rem)!important;font-weight:600!important}
html[data-ym-unified] :is(h1,h2,h3,h4) :is(span,em,strong){color:inherit!important;-webkit-text-fill-color:currentColor!important;background:none!important}
html[data-ym-unified] :is(p,li,dt,dd,label,blockquote,figcaption){color:inherit!important}
html[data-ym-unified] :is(.muted,.text-muted,.ym-subtext,.subtitle,.subtext,.help-text,.hint,.caption){color:var(--site-muted)!important}
/* Native component buttons own their shape and surface. A button can be a
   scene hit target, track title or icon; only explicit actions get a box. */
html[data-ym-unified] button{font-family:inherit!important;-webkit-text-fill-color:currentColor!important}
html[data-ym-unified] :is(input[type=submit],input[type=button],.btn,.cta-btn,.world-button,.pk-action,.lib-stage-action):not(:where(.ghost)){color:var(--site-ink)!important;-webkit-text-fill-color:currentColor!important;background:var(--site-panel)!important;border:1px solid var(--site-line)!important;border-radius:8px!important;box-shadow:none!important;text-shadow:none!important;font-family:inherit!important;font-weight:600!important;min-height:44px}
html[data-ym-unified] :is(button,.btn,.cta-btn,.world-button,.lib-stage-action) :is(span,i,strong,small){color:inherit!important;-webkit-text-fill-color:currentColor!important}
html[data-ym-unified] :is(.btn-primary,.btn.primary,.world-button-primary,.btn-exp-primary,.lib-stage-action,button[type=submit],input[type=submit],button[aria-pressed=true],button[aria-selected=true],button.active,.ym-experience-choice[aria-pressed=true]){background:var(--site-accent)!important;color:var(--site-on)!important;border-color:var(--site-accent)!important}
html[data-ym-unified] :is(.btn-danger,button.danger){background:var(--site-danger)!important;color:var(--site-bg)!important;border-color:var(--site-danger)!important}
html[data-ym-unified] :is(button,.btn,.cta-btn):hover:not(:disabled){border-color:var(--site-accent)!important;filter:brightness(.97)}
html[data-ym-unified] :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=color]):not([type=hidden]),textarea,select,option,optgroup){color:var(--site-ink)!important;-webkit-text-fill-color:currentColor!important;background-color:var(--site-panel)!important;border-color:var(--site-line)!important;caret-color:var(--site-ink)!important;color-scheme:inherit;border-radius:8px}
html[data-ym-unified] :is(input,textarea)::placeholder{color:var(--site-muted)!important;opacity:1!important}
html[data-ym-unified] :is(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--site-accent)!important;outline-offset:3px!important;box-shadow:none!important}
html[data-ym-unified] :is(.yn-header,.yn-mobile,.yn-search,.m-nav,.m-dock,.cf-reading-tools,.folio-toolbar,.archive-toolbar){background-color:var(--site-bg)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-ym-unified] :is(.yn-header,.m-nav,.m-dock) :is(a,summary){color:var(--site-ink)!important;-webkit-text-fill-color:currentColor!important}
html[data-ym-unified] :is(.glass-card,.glass-card-sm,.card,.ex-card,.ph-card,.pl-card,.cf-card,.ymen-card,.ad-card,.ad-myth-card,.pgm-card,.security-claims){background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:12px!important}
html[data-ym-unified] #ym-bg{display:none!important}
html[data-ym-unified] [hidden]{display:none!important}
@media(forced-colors:active){html[data-ym-unified] :is(button,.btn,input,textarea,select){forced-color-adjust:auto}}
/* Adapt the existing reading and companion components to the shared pairs. */
html[data-ym-unified] :is(.cf-root,.cf-wrap){--cf-ink:var(--site-ink)!important;--cf-dim:var(--site-muted)!important;--cf-faint:var(--site-muted)!important;--cf-panel:var(--site-panel)!important;--cf-line:var(--site-line)!important;--cf-accent:var(--site-accent)!important;--cf-heal:var(--site-success)!important;--cf-wound:var(--site-danger)!important;background:var(--site-bg)!important;color:var(--site-ink)!important}
html[data-ym-unified] .ymen-wrap{--ymen-ink:var(--site-ink)!important;--ymen-body:var(--site-ink)!important;--ymen-mute:var(--site-muted)!important;--ymen-surface:var(--site-panel)!important;--ymen-surface-soft:var(--site-soft)!important;--ymen-line:var(--site-line)!important;--ymen-line-strong:var(--site-line)!important;--ymen-accent:var(--site-accent)!important;--ymen-accent-deep:var(--site-accent)!important;--ymen-warm:var(--site-warning)!important;color:var(--site-ink)!important}
html[data-ym-unified] body[data-song-desk]{--sd-paper:var(--site-panel)!important;--sd-ink:var(--site-ink)!important;--sd-muted:var(--site-muted)!important;--sd-line:var(--site-line)!important;--sd-red:var(--site-accent)!important}
html[data-ym-unified] body.dynamic-world{--dt-paper:var(--site-panel)!important;--dt-ink:var(--site-ink)!important;--dt-muted:var(--site-muted)!important;--dt-floor:var(--site-soft)!important;--dt-line:var(--site-line)!important;--dt-clay:var(--site-warning)!important;--dt-dark:var(--site-accent)!important}
html[data-ym-unified] .kr-stage{--kr-paper:var(--site-soft)!important;--kr-ink:var(--site-ink)!important;--kr-line:var(--site-line)!important}
html[data-ym-unified] :is(.lib-hero,.lib-item,.lib-section-head,.lib-closing,.sr-hero-copy,.sr-section-head,.sr-song,.reading-krow-host,.reading-krow-status,.sr-lede){color:var(--site-ink)!important}
html[data-ym-unified] :is(.lib-section,.lib-prompt,.dynamic-krow-room,.sr-feature,.sd-guide,.ymen-block,.ymen-toc,.ymen-doctrine,.ymen-chip,.cf-quote,.cf-session-cta){background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] :is(.ymen-wrap,.cf-root,.lib-section,.sr-hero-copy,.sr-section-head,.sd-guide) a:where(:not(.btn,.btn-primary,.primary,.lib-cta--primary,.cf-home-hero-cta)){color:var(--site-accent)!important;-webkit-text-fill-color:currentColor!important}
html[data-ym-unified] :is(.ym-experience-switch a[aria-current=true],.ym-experience-switch a[aria-current=page],.ym-experience-switch a.is-active){background:var(--site-accent)!important;color:var(--site-on)!important}
html[data-ym-unified] .ym-experience-switch a span{color:inherit!important}
html[data-ym-unified] :is(.df-cta,.ym-loopnext__primary){background:var(--site-accent)!important;color:var(--site-on)!important;border-color:var(--site-accent)!important}
html[data-ym-unified] :is(.ph-card-go,.pw-sh-go,.pw-invite-preview,.ex-card-tag,.yc-source,.pl-lessons,.ab-num){color:var(--site-muted)!important}
html[data-ym-unified] :is(.ex-card-tag,.pl-tag){background:var(--site-soft)!important;color:var(--site-ink)!important}

/* Reading pages use the same paper and ink in both themes, including inset panels. */
html[data-ym-unified] :is(.cf-wrap,.ymen-wrap){background:var(--site-bg)!important;color:var(--site-ink)!important}
html[data-ym-unified] :is(.cf-cover,.cf-tldr,.cf-field,.cf-link,.cf-branch,.cf-whatif,.cf-panel,.cf-mirror,.cf-vs-col,.cf-session,.cf-sources,.cf-next,.cf-rx-item,.cf-action,.cf-turn,.cf-turn-half,.cf-prow,.cf-turn-row,.cf-show-browser,.cf-show-summary,.cf-show-card,.ymen-sidebar-block,.ymen-stat,.ymen-main,.ymen-flagship,.ymen-index-row,.ymen-detail-hero,.ymen-mid-cta,.ymen-practice,.ymen-more,.ymen-detail-actions,.sr-label-link,.sr-tool,.sk-host){background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] :is(.cf-root,.cf-wrap,.ymen-wrap) :is(p,div,span,label,small,cite,h1,h2,h3,h4,li){color:inherit!important;-webkit-text-fill-color:currentColor!important}
html[data-ym-unified] :is(.cf-wrap,.ymen-wrap) :is(.k,.lab,.cl,.cf-mono,.cf-tag,.cf-stamp,.cf-lead,.ymen-note,.ymen-count){color:var(--site-muted)!important}
html[data-ym-unified] :is(.cf-wrap,.ymen-wrap) :is(a.primary,.cf-session-cta a,.lib-cta--primary),html[data-ym-unified] .lib-cta--primary{background:var(--site-accent)!important;color:var(--site-on)!important;border-color:var(--site-accent)!important}
html[data-ym-unified] :is(.cf-show-browser-head,.cf-show-summary-copy,.cf-show-result,.archive-arrival-copy,#world-reader-tools,.sk-host-status,.kr-response,.practice-header,.pl-hero-copy,.pl-section-head,.pl-pathways-head,.pl-rel-head,.pl-disclaimer){color:var(--site-ink)!important}
html[data-ym-unified] :is(.archive-arrival,.pl-hero-copy,.pl-section-head,.pl-pathways-head,.pl-rel-head,#world-reader-tools,.practice-header,.gw-garden-starter,#dynamic-directory){background-color:var(--site-bg)!important;color:var(--site-ink)!important}
html[data-ym-unified] :is(.dynamic-krow-perspectives a,.ph-card-go,.pw-foot a,.pl-topic span,.dynamic-filters legend){color:var(--site-accent)!important;background:transparent!important}
html[data-ym-unified] :is(.ym-experience-switch a[aria-current=page],.ym-experience-switch a[aria-current=true],.ym-experience-switch a.active){background:var(--site-accent)!important;color:var(--site-on)!important}
html[data-ym-unified] :is(.ym-experience-switch a[aria-current=page],.ym-experience-switch a[aria-current=true],.ym-experience-switch a.active) span{color:var(--site-on)!important}
html[data-ym-unified] :is(.footer-crisis,#chatDisclaimer){background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] :is(.footer-crisis,#chatDisclaimer) :is(span,a,strong){color:inherit!important;-webkit-text-fill-color:currentColor!important}
html[data-ym-unified] :is(.hc-popular,.hc-status,.hc-docs,#help-result-count,.hc-empty,#help-email-wrap small){color:var(--site-muted)!important}
html[data-ym-unified] .yc-hero-art figcaption{background:var(--site-panel)!important;color:var(--site-ink)!important}
html[data-ym-unified] :is(.ys-everyday-copy,.ys-world-description,.ys-world-company,.ys-phone figcaption,.together-invitation-copy){background-color:var(--site-bg)!important;color:var(--site-ink)!important}
html[data-ym-unified] :is(.ys-everyday-copy,.ys-world-description,.ys-world-company,.together-invitation-copy) :is(p,a,span){color:inherit!important}
html[data-ym-unified] .ym-ride-link{background:var(--site-panel)!important;color:var(--site-ink)!important}
html[data-ym-unified] :is(.sd-skip,.skip-to-main,.skip-link):focus{background:var(--site-accent)!important;color:var(--site-on)!important}
html[data-ym-unified] .kr-stage [data-krow-motion][aria-pressed=true]{background:var(--site-accent)!important;color:var(--site-on)!important}

/* A stale inherited text-fill color must not override a correctly paired color. */
html[data-ym-unified] *{-webkit-text-fill-color:currentColor!important}
html[data-ym-unified] :is(.lib-section,.cf-root,.cf-wrap,.ymen-wrap) :is(a.lib-cta--primary,a.primary,.cf-session-cta a,.cf-home-hero-cta){background:var(--site-accent)!important;color:var(--site-on)!important;-webkit-text-fill-color:currentColor!important}
html[data-ym-unified] :is(.cf-check,.cf-disc,.reading-krow-host,.reading-krow-host .kr-response){background-color:var(--site-panel)!important;color:var(--site-ink)!important}
html[data-ym-unified] #cfShowCount{color:var(--site-ink)!important}
html[data-ym-unified] #world-reader-tools :is(a,span,strong){color:var(--site-ink)!important}
html[data-ym-unified] .practice-header :is(a,strong):not(:where(.ym-experience-switch *)){color:var(--site-ink)!important}
html[data-ym-unified] .yc-hero-art figcaption span{color:inherit!important}
html[data-ym-unified] .sd-skip{background:var(--site-accent)!important;color:var(--site-on)!important}
html[data-ym-unified] .lib-stage-action{padding:10px 14px!important}
html[data-ym-unified] :is(.cf-misread-card,.ex-recommend,.ys-focus-options){background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] :is(.cf-misread-card,.ex-recommend) :is(a,strong,span,div),html[data-ym-unified] .ys-focus-options summary{color:inherit!important}
html[data-ym-unified] .ys-page-header{background:var(--site-bg)!important;color:var(--site-ink)!important}
/* Scene hit targets remain transparent; their visible labels keep paired ink. */
html[data-ym-unified] .lw-seat-objects>button,html[data-ym-unified] .tr-krow-touch{background:transparent!important;border:0!important;box-shadow:none!important}
html[data-ym-unified] .lw-seat-objects>button span{background:var(--site-panel)!important;color:var(--site-ink)!important}
html[data-ym-unified] .yn-brand{font-family:var(--site-display)!important}
html[data-ym-unified] .kr-scene-note{background:var(--site-panel)!important;color:var(--site-ink)!important;padding:3px 7px!important;border-radius:4px!important;opacity:1!important}
html[data-ym-unified] #welcome .room-routes a{background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] .pw-footnote{background:var(--site-panel)!important;color:var(--site-ink)!important}
html[data-ym-unified] #yc-player{--p-bg:var(--site-panel)!important;--p-ink:var(--site-ink)!important;--p-line:var(--site-line)!important}
html[data-ym-unified] .yc-player-dialog{background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
/* Keep paired colors for authored actions without imposing new outlines. */
html[data-ym-unified] .sk-host-actions button,html[data-ym-unified] .cf-fork>button,html[data-ym-unified] #sfPurposeRow button{background:var(--site-panel)!important;color:var(--site-ink)!important}
html[data-ym-unified] #sfPurposeRow :is(button.active,button[aria-pressed=true]){background:var(--site-accent)!important;color:var(--site-on)!important}
html[data-ym-unified] #cfModeToggle button.on{color:var(--site-on)!important}
html[data-ym-unified] #world-reader-tools button:not([aria-pressed=true]),html[data-ym-unified] .hc-topic-list button:not(.active):not([aria-pressed=true]):not([aria-selected=true]),html[data-ym-unified] button[data-pack]{color:var(--site-ink)!important}
/* The chat composer is one field, with one visible boundary. */
html[data-ym-unified] #inputBar{background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] #inputBar #message{background:transparent!important;border:0!important;box-shadow:none!important}
html[data-ym-unified] #inputBar:has(#message:focus-visible){outline:3px solid var(--site-accent)!important;outline-offset:3px!important}
html[data-ym-unified] #inputBar #message:focus-visible{outline:none!important}
/* Scene labels belong to a responsive navigation row, not intersecting hotspots. */
html[data-ym-unified] .lw-house .lw-house-view{--site-court-height:clamp(240px,35vw,540px);display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:var(--site-court-height) auto!important;gap:12px!important;width:calc(100% - 48px)!important;max-width:1280px!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;margin:24px auto!important;padding:0!important;overflow:visible!important}
html[data-ym-unified] .lw-house .lw-house-view>.lw-house-plate{position:relative!important;inset:auto!important;grid-area:1/1/2/-1!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important;mask-image:none!important;border-radius:12px!important;z-index:0!important}
html[data-ym-unified] .lw-house .lw-house-view>.lw-ambient-film{position:absolute!important;inset:0 0 auto!important;width:100%!important;height:var(--site-court-height)!important;max-height:none!important;object-fit:cover!important;mask-image:none!important;border-radius:12px!important;z-index:1!important;pointer-events:none!important}
html[data-ym-unified] .lw-house-view .lw-house-door{position:relative!important;inset:auto!important;grid-row:2!important;align-self:stretch!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:54px!important;display:flex!important;gap:12px!important;justify-content:space-between!important;padding:14px 16px!important;margin:0!important;transform:none!important;font-size:clamp(13px,1.25vw,18px)!important;line-height:1.4!important;text-align:left!important;white-space:normal!important;background:var(--site-panel)!important;color:var(--site-ink)!important;border:1px solid var(--site-line)!important;border-radius:8px!important;z-index:2!important;box-sizing:border-box!important}
html[data-ym-unified] .lw-house-door span{flex:none!important}
html[data-ym-unified] :is(.lw-house,.lw-house-heading,.gw-room-addresses,.gw-directions){background-color:var(--site-bg)!important;color:var(--site-ink)!important}
html[data-ym-unified] .gw-room-addresses :is(a,button){color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] .gw-direction,html[data-ym-unified] .ym-court-controls button{color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] :is(.gw-direction,.ym-court-controls button)[aria-pressed=true]{background:var(--site-accent)!important;color:var(--site-on)!important}
/* The pattern workbench keeps its layout without staying in a light palette. */
html[data-ym-unified] body.pattern-world main.content{background:var(--site-bg)!important;color:var(--site-ink)!important}
html[data-ym-unified] :is(.pattern-bench,.pattern-reading-desk,.reading-krow-desk){background:var(--site-soft)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] .pattern-points details{background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] :is(.pattern-workshop,.pattern-reading-desk,.pattern-bench) :is(p,a,summary){color:inherit!important;border-color:var(--site-line)!important}
html[data-ym-unified] .reading-krow-host{--rk-paper:var(--site-soft)!important;--rk-ink:var(--site-ink)!important}
/* Complete the remaining public utility and dashboard color pairs. */
html[data-ym-unified] #dcCompleteBtn,html[data-ym-unified] .reading-krow-bookmark{background:var(--site-accent)!important;color:var(--site-on)!important;border-color:var(--site-accent)!important}
html[data-ym-unified] :is(.gw-day-welcome,.gw-trail-options,.gw-day-activities) button{background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] .gw-trail-options button[aria-pressed=true]{background:var(--site-accent)!important;color:var(--site-on)!important}
html[data-ym-unified] :is(.lw-shelf-home,.gw-directory-start,.as-bridge){background:var(--site-soft)!important;color:var(--site-ink)!important}
html[data-ym-unified] .lw-shelf-home :is(p,button),html[data-ym-unified] .world-krow-hint{color:var(--site-ink)!important}
html[data-ym-unified] .world-krow-hint{background:var(--site-panel)!important;padding:6px 10px!important;border-radius:4px!important}
html[data-ym-unified] .gw-room-addresses>:is(a,button):is(:hover,:focus-visible){background:var(--site-soft)!important;color:var(--site-ink)!important}
html[data-ym-unified] :is(.ww-community-title,.ww-community-intro){color:var(--site-ink)!important}
html[data-ym-unified] .header-inner:has(.ww-community-title){background:var(--site-panel)!important;color:var(--site-ink)!important;padding:28px!important;border-radius:12px!important}
html[data-ym-unified] :is(.yc-required,.reg-field [id$="-hint"],.ds-breadcrumb,.score-benchmark,.pipeline-arrow,.mi-label){color:var(--site-muted)!important}
html[data-ym-unified] .cat-btn.active .count,html[data-ym-unified] #catCountAll{color:inherit!important;opacity:1!important}
html[data-ym-unified] #catCountAll{background:transparent!important}
html[data-ym-unified] :is(.hd-stat,.hd-results-info,.hd-results-info button,.hd-region-heading,.hd-footer-note){color:var(--site-muted)!important}
html[data-ym-unified] .hd-region-heading span{color:var(--site-muted)!important}
html[data-ym-unified] :is(.hd-cat-pill,.hd-line-cat-tag,.ce-status){background:var(--site-soft)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] .hd-cat-pill .pill-count{color:inherit!important;opacity:1!important;background:transparent!important}
html[data-ym-unified] :is(.ds-callout.crisis,section.rh-hero){background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] section.rh-hero :is(p,a,span){color:inherit!important}
html[data-ym-unified] section.rh-hero{min-height:0!important;height:auto!important;padding:clamp(24px,4vw,48px)!important;border-radius:12px!important}
html[data-ym-unified] a.rh-btn.primary{background:var(--site-accent)!important;color:var(--site-on)!important;border-color:var(--site-accent)!important}
html[data-ym-unified] .dynamic-krow-controls button{background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] .dynamic-krow-controls button[aria-pressed=true]{background:var(--site-accent)!important;color:var(--site-on)!important}
html[data-ym-unified] .hiw-loop__n{background:var(--site-accent)!important;color:var(--site-on)!important}
/* Keep the legacy motion controls in document flow, clear of page actions. */
html[data-ym-unified] #ys-motion-tools:not([hidden]){--ka-tools-bg:var(--site-panel)!important;--ka-tools-ink:var(--site-ink)!important;--ka-tools-muted:var(--site-muted)!important;position:relative!important;inset:auto!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:10px!important;width:fit-content!important;max-width:calc(100% - 40px)!important;margin:20px 20px 20px auto!important;padding:0!important;transform:none!important;z-index:auto!important}
/* Composite searches have one field boundary and one keyboard focus ring. */
html[data-ym-unified] :is(.hc-search,.yn-search-field,.rh-search){background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important;box-shadow:none!important}
html[data-ym-unified] :is(#help-search,#yn-search-input,#searchInput){background:transparent!important;border:0!important;box-shadow:none!important}
html[data-ym-unified] :is(.hc-search,.yn-search-field,.rh-search):has(input:focus-visible){outline:3px solid var(--site-accent)!important;outline-offset:3px!important}
html[data-ym-unified] :is(#help-search,#yn-search-input,#searchInput):focus-visible{outline:0!important}
html[data-ym-unified] .rh-search{border-radius:8px!important}
html[data-ym-unified] .rh-search #searchInput{min-width:0!important;color:var(--site-ink)!important}
html[data-ym-unified] .rh-search #searchBtn{border:0!important;border-radius:0!important;background:var(--site-accent)!important;color:var(--site-on)!important}
html[data-ym-unified] #help-search::-webkit-search-cancel-button{display:none}
/* Let Community's introduction, filters and activities take their own space. */
html[data-ym-unified] body.gw-community>.header{background:var(--site-bg)!important;border-color:var(--site-line)!important}
html[data-ym-unified] body.gw-community>.header .header-inner{width:100%!important;flex-basis:100%!important;box-sizing:border-box!important}
html[data-ym-unified] body.gw-community>.header .toolbar{position:relative!important;inset:auto!important;margin:24px 0 0!important;padding:0!important;background:transparent!important;border:0!important}
html[data-ym-unified] #mSheet .ym-experience-dock{position:relative!important;inset:auto!important;margin:0 0 20px!important;transform:none!important;z-index:auto!important}
html[data-ym-unified] body.m-body.mt-active:not(.yc-frame):not(.from-scene) :is(#mSheet.open,#mOverlay.open){display:block!important}
/* A compact reading panel replaces the full-height strip over the terrace. */
html[data-ym-unified] .together-invitation{display:grid!important;grid-template-columns:minmax(0,420px) minmax(0,1fr)!important;align-items:center!important;min-height:clamp(520px,44vw,760px)!important;padding:clamp(32px,6vw,88px)!important;box-sizing:border-box!important}
html[data-ym-unified] .together-invitation-copy{width:100%!important;max-width:420px!important;margin:0!important;padding:clamp(24px,3vw,44px)!important;box-sizing:border-box!important;background:var(--site-panel)!important;color:var(--site-ink)!important;border:1px solid var(--site-line)!important;border-radius:12px!important;position:relative!important;z-index:2!important}
html[data-ym-unified] .together-invitation-copy p{margin:24px 0!important}
html[data-ym-unified] .together-invitation-copy .text-route{max-width:100%!important;gap:14px!important;line-height:1.5!important}
/* Opened room and preference surfaces use the same explicit site theme. */
html[data-ym-unified] .lw-dialog{--lw-paper:var(--site-panel)!important;--lw-ink:var(--site-ink)!important;color:var(--site-ink)!important}
html[data-ym-unified] :is(.lw-room-arrival,.lw-room-footer){background:var(--site-panel)!important;color:var(--site-ink)!important}
html[data-ym-unified] .lw-room-arrival{padding:18px 22px!important;border-radius:10px!important;box-sizing:border-box!important}
html[data-ym-unified] .lw-room-arrival h2{margin:0!important}
html[data-ym-unified] .lw-room-arrival p{margin:14px 0 0!important}
html[data-ym-unified] :is(.lw-room-header,.lw-room-doors) button,html[data-ym-unified] .lw-room-find>span:last-child{background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] :is(.lw-room-tools,.lw-choice-row,.lw-room-footer) button{color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] :is(.lw-room-tools,.lw-choice-row) button[aria-pressed=true],html[data-ym-unified] :is(.lw-primary,.lw-room-product){background:var(--site-accent)!important;color:var(--site-on)!important}
html[data-ym-unified] .lw-save-note{color:var(--site-muted)!important}
@media(max-width:760px){
html[data-ym-unified] body:has(.rh-wrap) #fab{bottom:calc(90px + env(safe-area-inset-bottom,0px))!important}
html[data-ym-unified] body:has(.rh-wrap) #fabFilter{bottom:calc(154px + env(safe-area-inset-bottom,0px))!important}
html[data-ym-unified] .lw-house .lw-house-view{--site-court-height:260px;width:calc(100% - 32px)!important;gap:8px!important;margin:20px auto!important}
html[data-ym-unified] .lw-house-view .lw-house-door{padding:10px!important;gap:6px!important;font-size:12px!important;align-items:center!important}
html[data-ym-unified] .together-invitation{display:flex!important;flex-direction:column!important;min-height:0!important;padding:24px 0 0!important;background:var(--site-bg)!important;gap:24px!important}
html[data-ym-unified] .together-invitation-copy{order:0!important;width:calc(100% - 32px)!important;max-width:520px!important;padding:26px!important}
html[data-ym-unified] .together-invitation>picture{order:1!important;position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:300px!important;z-index:0!important;overflow:hidden!important}
html[data-ym-unified] .together-invitation>picture img{position:static!important;width:100%!important;max-width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;mask-image:none!important}
html[data-ym-unified] .together-invitation>.lw-ambient-film{inset:auto 0 0!important;width:100%!important;height:300px!important;z-index:1!important}
}
@media(prefers-contrast:more){
html[data-ym-unified]{--site-ink:#122d27;--site-muted:#28453b;--site-line:#345346}
html[data-ym-unified][data-theme=dark]{--site-ink:#fff;--site-muted:#dfebdf;--site-line:#c0d4ba}
html[data-ym-unified] :is(button,.btn,input,textarea,select){border-width:2px!important}
}
@media(max-width:520px){
html[data-ym-unified] .yn-bar{flex-wrap:wrap!important;row-gap:10px!important;padding-top:12px!important;padding-bottom:12px!important}
html[data-ym-unified] .yn-actions{flex-wrap:wrap!important;max-width:100%!important;min-width:0!important;margin-left:auto!important}
html[data-ym-unified] #welcome{overflow-x:clip!important}
html[data-ym-unified] .pw-header{flex-wrap:wrap!important;gap:10px!important}
html[data-ym-unified] .pw-header>nav{flex-wrap:wrap!important;max-width:100%!important;min-width:0!important}
}

}
/* Program pages predeclare their own first layer. Give that layer the same
   type and control pairs without changing its layout rules. */
@layer ymProgramKrow.foundation{
html[data-ym-unified][data-krow-page-host=true] :is(h1,h2){font-family:var(--ym-font,var(--site-display))!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}
html[data-ym-unified][data-krow-page-host=true] .kr-stage [data-krow-motion][aria-pressed=true]{background:var(--site-accent)!important;color:var(--site-on)!important;-webkit-text-fill-color:currentColor!important}
}

/* Account and private-tool surfaces: keep color pairs together in both themes. */
@layer ymWholeWorld.foundation{
html[data-ym-unified] .stg{--t1:var(--site-ink);--t2:var(--site-muted);--t3:var(--site-muted);--ok:var(--site-success);--green:var(--site-success);--warn:var(--site-warning);--rose:var(--site-danger);--ok-soft:var(--site-soft);--rose-soft:var(--site-soft);--accent:var(--site-accent);--accent-soft:var(--site-soft);--panel:var(--site-panel);--panel-solid:var(--site-panel);--line:var(--site-line);--line-light:var(--site-line)}
html[data-ym-unified] .stg :is(.pill,.stg-nav button){color:var(--site-ink)!important}
html[data-ym-unified] .stg :is(.pill.on,.stg-nav button.on){background:var(--site-accent)!important;color:var(--site-on)!important;border-color:var(--site-accent)!important}
html[data-ym-unified] .stg .pill{min-height:44px}
html[data-ym-unified] #colorDots .dot{width:44px!important;height:44px!important;min-height:44px!important;flex:0 0 44px!important;padding:0!important;background:var(--swatch)!important;color:#fff!important;border:3px solid transparent!important}
html[data-ym-unified] #colorDots .dot[data-v=indigo]{--swatch:#6366f1}
html[data-ym-unified] #colorDots .dot[data-v=cyan]{--swatch:#06b6d4}
html[data-ym-unified] #colorDots .dot[data-v=emerald]{--swatch:#10b981}
html[data-ym-unified] #colorDots .dot[data-v=amber]{--swatch:#f59e0b}
html[data-ym-unified] #colorDots .dot[data-v=rose]{--swatch:#f43f5e}
html[data-ym-unified] #colorDots .dot[data-v=violet]{--swatch:#8b5cf6}
html[data-ym-unified] #colorDots .dot.on{box-shadow:0 0 0 2px var(--site-panel),0 0 0 4px var(--site-ink)!important}
html[data-ym-unified] #colorDots .dot.on::after{color:#142a29!important;background:#fff!important;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:12px}
html[data-ym-unified] .stg .tgl input:focus-visible+.tgl-track{outline:3px solid var(--site-accent)!important;outline-offset:4px}
html[data-ym-unified] .stg .tgl input:checked+.tgl-track::after{background:var(--site-on)!important}
html[data-ym-unified] :is(.jr-intro-copy,.jr-invite,.gw-night-ritual,.gw-together-start,.rf-header-content,.rooms-stat,.rooms-safety){background-color:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] .jr-intro-copy{padding:24px!important;border-radius:10px}
html[data-ym-unified] .jr-intro-copy :is(h1,p,.jr-back){color:var(--site-ink)!important;-webkit-text-fill-color:currentColor!important}
html[data-ym-unified] .jr-invite :is(span,strong,small){color:inherit!important;-webkit-text-fill-color:currentColor!important}
html[data-ym-unified] .ya-aside-note p{background:var(--site-panel)!important;color:var(--site-ink)!important}
html[data-ym-unified] .ys-topline{background:var(--site-bg)!important;color:var(--site-muted)!important}
html[data-ym-unified] .ys-topline :is(a,span){color:inherit!important}
html[data-ym-unified] :is(.mood-header .sub,.rooms-stat__label,.rooms-empty){color:var(--site-muted)!important}
html[data-ym-unified] .rooms-stat__value{color:var(--site-ink)!important}
html[data-ym-unified] .rooms-page .circles-error{color:var(--site-danger)!important}
html[data-ym-unified] body.journal-desktop{--jr-ink:var(--site-ink)!important;--jr-muted:var(--site-muted)!important;--jr-paper:var(--site-panel)!important;--jr-soft:var(--site-soft)!important;--jr-line:var(--site-line)!important;--jd-ink:var(--site-ink)!important;--jd-muted:var(--site-muted)!important;--jd-paper:var(--site-panel)!important;--jd-paper-edge:var(--site-line)!important;--jd-teal:var(--site-success)!important;--jd-teal-soft:var(--site-soft)!important}
html[data-ym-unified] body.journal-desktop .j-book-page{background:var(--site-panel)!important;color:var(--site-ink)!important}
html[data-ym-unified] .j-brand-copy strong{color:var(--site-ink)!important}
html[data-ym-unified] #autosave{background:var(--site-soft)!important;color:var(--site-success)!important}
html[data-ym-unified] #autosave:is(.is-saving,.is-offline){color:var(--site-warning)!important}
@media(max-width:900px){
html[data-ym-unified] body.journal-desktop :is(.j-book-scene,.j-book-shell,.j-main){height:auto!important;min-height:0!important}
html[data-ym-unified] body.journal-desktop .j-main{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
html[data-ym-unified] body.journal-desktop .j-main::before{display:none!important}
html[data-ym-unified] body.journal-desktop .j-book-page{display:flex!important;padding:24px 20px 36px!important;min-width:0!important;min-height:530px!important;height:auto!important;box-shadow:none!important}
html[data-ym-unified] body.journal-desktop .j-page-topline{gap:8px!important}
html[data-ym-unified] body.journal-desktop .j-date-nav{flex:1!important;min-width:0!important;gap:4px!important}
html[data-ym-unified] body.journal-desktop .j-date-nav button{width:36px!important;min-width:36px!important;height:44px!important;flex:0 0 36px!important}
html[data-ym-unified] body.journal-desktop #date-badge{width:auto!important;min-width:0!important;flex:1 1 auto!important;font-size:12px!important}
html[data-ym-unified] body.journal-desktop .j-page-topline-right>.j-icon-btn{flex:0 0 36px!important}
}
}

/* Small-screen notebook copy and explicit empty/error-state surfaces. */
@layer ymWholeWorld.foundation{
html[data-ym-unified] #colorDots .dot{position:relative!important}
html[data-ym-unified] #colorDots .dot.on::after{inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important}
html[data-ym-unified] .mood-header .sub{background:var(--site-panel)!important}
html[data-ym-unified] .rooms-page :is(.circles-loading,.circles-empty,.circles-error){background:var(--site-panel)!important;border-color:var(--site-line)!important}
@media(max-width:900px){
html[data-ym-unified] body.journal-desktop .j-writing-heading{flex-direction:column!important;align-items:stretch!important;gap:12px!important}
html[data-ym-unified] body.journal-desktop .j-writing-heading>div{min-width:0!important}
html[data-ym-unified] body.journal-desktop .j-add-entry{align-self:flex-start!important}
html[data-ym-unified] body.journal-desktop .j-editor-footer{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:flex-start!important}
html[data-ym-unified] body.journal-desktop .j-page-capacity{flex:0 0 auto!important}
html[data-ym-unified] body.journal-desktop .j-page-flow{flex:1 1 150px!important}
}
}

@layer ymWholeWorld.foundation{@media(max-width:520px){html[data-ym-unified] .stg #colorDots{display:grid!important;grid-template-columns:repeat(3,44px)!important;gap:16px!important}}
/* Scene actions keep a complete surface and a comfortable hit area. The
   parent strip owns its color; prose and keepsake art do not need boxes. */
html[data-ym-unified] .lw-seat-dock{background:var(--site-soft)!important;color:var(--site-ink)!important;align-items:center!important;gap:12px 24px!important}
html[data-ym-unified] #lwSeatLine{background:transparent!important;color:inherit!important;max-width:34ch;flex:0 1 auto}
html[data-ym-unified] .lw-seat-dock>div{gap:8px!important;flex-wrap:wrap!important}
html[data-ym-unified] .lw-seat-dock button{background:transparent!important;color:var(--site-ink)!important;min-height:44px!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:6px!important;font-size:12px!important;line-height:1.4!important}
html[data-ym-unified] .lw-seat-dock button[data-lw-room]{background:var(--site-accent)!important;color:var(--site-on)!important}
html[data-ym-unified] .lw-seat-dock button[aria-pressed=true]{background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] .lw-seat-dock button:hover{background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] #welcome .hero{overflow:clip!important}
html[data-ym-unified] #welcome .lw-seat-dock{height:auto!important;min-height:83px!important}
html[data-ym-unified] #welcome .room-routes a{padding:10px 14px!important;border-radius:6px!important;min-height:44px!important;box-sizing:border-box!important}
html[data-ym-unified] .lw-scene-actions{gap:10px 16px!important}
html[data-ym-unified] .lw-scene-actions button{background:var(--site-panel)!important;color:var(--site-ink)!important;padding:10px 14px!important;border:1px solid var(--site-line)!important;border-radius:6px!important;min-height:44px!important;line-height:1.5!important}
/* Selection lives in the shelf caption, keeping the authored objects clear. */
html[data-ym-unified] button.lw-keepsake[aria-pressed]{background:transparent!important;color:var(--site-ink)!important;border-bottom-color:#c49b72!important;padding:0 6px 14px!important}
html[data-ym-unified] .lw-keepsake strong{font-size:12px!important;min-height:32px!important;padding-inline:2px}
html[data-ym-unified] .lw-keepsake[aria-pressed=true] strong:after{content:none!important}
html[data-ym-unified] .lw-keepsake>span{font-size:11px!important;line-height:1.4!important;min-height:32px!important;padding:6px 4px!important;border-radius:4px!important}
html[data-ym-unified] .lw-keepsake[aria-pressed=true]>span{background:var(--site-accent)!important;color:var(--site-on)!important}
@media(max-width:440px){html[data-ym-unified] .lw-shelf-ledges{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 18px!important}}
/* The small-screen route links use the available width rather than a
   staggered half-width position. The scene itself may stay cropped. */
@media(max-width:760px){
 html[data-ym-unified] #welcome .hero{height:auto!important;min-height:0!important;padding-bottom:0!important}
 html[data-ym-unified] #welcome .lw-seat-dock{position:relative!important;inset:auto!important;min-height:114px!important;width:100%!important;margin-top:20px!important;padding:16px 22px!important;flex-shrink:0!important}
 html[data-ym-unified] #welcome .room-routes{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:calc(100% - 44px)!important;padding:0!important;gap:10px!important}
 html[data-ym-unified] #welcome .room-routes>a{width:100%!important;gap:10px!important;justify-content:space-between!important;box-shadow:none!important;min-width:0!important;font-size:12px!important}
 html[data-ym-unified] .lw-seat-objects .lw-seat-hit span{left:auto!important;right:0!important;transform:translateY(100%)!important}
}
@media(min-width:761px) and (max-width:1120px){
 html[data-ym-unified] #welcome .lw-seat-dock{display:block!important;min-height:118px!important;padding:16px 5%!important}
 html[data-ym-unified] #welcome .lw-seat-dock>div{margin-top:8px!important}
 html[data-ym-unified] #welcome .room-routes{bottom:134px!important}
 html[data-ym-unified] #welcome .hero{padding-bottom:138px!important}
}
@media(max-width:440px){html[data-ym-unified] #welcome .room-routes{grid-template-columns:1fr!important}}
/* Keep all header actions reachable on narrow phones. */
@media(max-width:380px){
 html[data-ym-unified] .yc-header .yn-bar{width:calc(100% - 24px)!important;gap:6px!important}
 html[data-ym-unified] .yc-header .yn-brand{font-size:19px!important;gap:5px!important}
 html[data-ym-unified] .yc-header .yn-wing{width:20px!important;height:20px!important}
 html[data-ym-unified] .yc-header .yn-actions{gap:5px!important}
}
}

/* Journal has one composed introduction. Child text does not paint its own
   rectangle over the scene; the secondary action has room for its icon. */
@layer ymWholeWorld.foundation{
html[data-ym-unified] body.journal-desktop .jr-intro{display:block!important}
html[data-ym-unified] .jr-intro-content{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(270px,.72fr);align-items:center;gap:32px;width:100%;min-width:0;box-sizing:border-box;position:relative;z-index:2}
html[data-ym-unified] .jr-intro-copy{background:transparent!important;padding:0!important;border:0!important;border-radius:0!important;min-width:0}
html[data-ym-unified] .jr-intro .jr-invite{display:flex!important;align-items:center!important;gap:20px!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:124px!important;padding:22px 24px!important;box-sizing:border-box!important;background:var(--site-soft)!important;color:var(--site-ink)!important;border:1px solid transparent!important;border-radius:8px!important;box-shadow:none!important;line-height:1.5!important}
html[data-ym-unified] .jr-invite:hover{border-color:var(--site-accent)!important}
html[data-ym-unified] .jr-invite .jr-wind{flex:0 0 38px!important;width:38px!important}
html[data-ym-unified] .jr-invite>span:last-child{min-width:0!important;flex:1!important}
html[data-ym-unified] .jr-invite strong{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important;font-size:20px!important;line-height:1.35!important}
html[data-ym-unified] .jr-invite strong>span{float:none!important;margin:0!important;flex:none!important}
html[data-ym-unified] .jr-invite small{margin-top:10px!important}
html[data-ym-unified][data-experience=world] .jr-intro-content{display:flex!important;flex-direction:column;align-items:stretch;gap:24px;max-width:540px;padding:clamp(24px,3vw,40px);background:var(--site-panel);color:var(--site-ink);border-radius:14px}
html[data-ym-unified] .jr-intro>.lw-scene-actions{margin-top:20px!important;position:relative;z-index:2}
/* Case-file secondary links use the shared ink instead of the old fixed white. */
html[data-ym-unified] :is(.cf-root,.cf-wrap) a.ghost{background:transparent!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
@media(max-width:900px){
 html[data-ym-unified] .jr-intro-content{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media(max-width:760px){
 html[data-ym-unified][data-experience=world] body.journal-desktop .jr-intro{background-color:var(--site-bg)!important;padding-inline:16px!important}
 html[data-ym-unified][data-experience=world] .jr-intro-content{max-width:none;padding:24px 20px}
 html[data-ym-unified] .jr-intro .jr-invite{padding:20px 18px!important;gap:16px!important}
 html[data-ym-unified] .jr-invite .jr-wind{flex-basis:30px!important;width:30px!important}
}
}

/* Browser views of the mobile shell use the same paper, ink and controls.
   Actual native clients retain their existing presentation gate. */
@layer ymWholeWorld.foundation{
html[data-ym-unified],html[data-ym-unified] body.m-body{
 --m-bg:var(--site-bg)!important;--m-s1:var(--site-panel)!important;--m-s2:var(--site-soft)!important;--m-s3:var(--site-soft)!important;--m-ink:var(--site-ink)!important;--m-ink2:var(--site-muted)!important;--m-ink3:var(--site-muted)!important;--m-border:var(--site-line)!important;--m-accent:var(--site-accent)!important;--m-accent2:var(--site-accent)!important;--m-on-accent:var(--site-on)!important;
}
html[data-ym-unified] :is(.cf-cta,.lp-choice,.sf-album-card,.rl-m,.rl-pipe){background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important;box-shadow:none!important}
html[data-ym-unified] .lp-choice__title,html[data-ym-unified] .sf-album-card :is(h2,p,a){color:inherit!important}
html[data-ym-unified] :is(.sf-label-artist,.sf-label-go,.rl-sec-num,.rhm-go){color:var(--site-accent)!important}
html[data-ym-unified] :is(.rl-m-label,.rl-pipe-title,.rl-updated,#lastUpdated){color:var(--site-muted)!important}
html[data-ym-unified] :is(.m-auth-btn.get-started,.dfm-cta,.rh-btn.primary,.tc-btn.is-primary,.tc-chip.is-active,.rl-btn-primary,.mp-cta>a){background:var(--site-accent)!important;color:var(--site-on)!important;border-color:var(--site-accent)!important}
html[data-ym-unified] :is(.m-auth-btn.get-started,.dfm-cta,.rh-btn.primary,.tc-btn.is-primary,.rl-btn-primary,.mp-cta>a) :is(span,strong){color:inherit!important}
html[data-ym-unified] :is(.mp-term-tag,.ce-tag,.tc-rank-badge,.mp-label.label-ban,.pr-badge.mission){background:var(--site-soft)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] .ce-tag.v{color:var(--site-success)!important}
html[data-ym-unified] .ce-tag.q{color:var(--site-warning)!important}
html[data-ym-unified] .mp-label.label-ban{color:var(--site-danger)!important}
html[data-ym-unified] .dn-imp-pct.i-ai{color:var(--site-accent)!important}
html[data-ym-unified] .save-tag{color:var(--site-ink)!important}
html[data-ym-unified] :is(.m-footer,.m-footer-crisis,.footer-crisis) a strong{color:inherit!important}
html[data-ym-unified] body.m-body .asm-bridge{background:var(--site-panel)!important;color:var(--site-ink)!important}
html[data-ym-unified] .lg-header{background:var(--site-panel)!important;color:var(--site-ink)!important;padding:24px!important;border-radius:12px}
}

/* Everyday tools share an open heading area. Borders belong to the working
   panels and controls, not to an extra box around each title or subtitle. */
@layer ymWholeWorld.foundation{
html[data-ym-unified]{--site-rule:color-mix(in srgb,var(--site-ink) 18%,transparent)}
html[data-ym-unified] :is(.card,.glass-card,.glass-card-sm){border-color:var(--site-rule)!important;border-width:1px!important}
html[data-ym-unified] .ys-main> :is(.mood-header,.report-header,.rf-header){background:transparent!important;color:var(--site-ink)!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:clamp(24px,3vw,42px) 0!important;min-height:0!important}
html[data-ym-unified] :is(.rf-header-content,.mood-header .sub){background:transparent!important;padding:0!important;border:0!important}
html[data-ym-unified] .report-header .spread{flex-wrap:wrap!important;align-items:center!important;gap:20px!important}
html[data-ym-unified] .report-header .spread>div{flex:1 1 260px;min-width:0}
html[data-ym-unified] .report-header h1{margin-top:0!important}
html[data-ym-unified] .rf-stats{display:flex!important;flex-wrap:wrap!important;gap:16px 28px!important;background:transparent!important;color:var(--site-ink)!important;padding:18px 0 0!important;margin-top:24px!important;border-top:1px solid var(--site-rule)!important}
html[data-ym-unified] .rf-stat{background:transparent!important;color:var(--site-ink)!important;border:0!important;box-shadow:none!important}
html[data-ym-unified] .rf-stat-label{color:var(--site-muted)!important}
html[data-ym-unified] body.ys-space .sleep-header{padding:clamp(24px,3vw,40px)!important;border:0!important;box-sizing:border-box!important}
html[data-ym-unified] .sleep-header .gw-night-ritual{background:transparent!important;color:var(--site-ink)!important;padding:24px 0 0!important;border:0!important;box-shadow:none!important;max-width:100%!important}
html[data-ym-unified] .sleep-header .gw-night-ritual:hover{color:var(--site-accent)!important}
html[data-ym-unified] :is(.sf-artist-flagship a,.sf-hero-anchor__label,.sf-hero-anchor__go){color:var(--site-accent)!important}
html[data-ym-unified] :is(.pt-primary,.mp-csp-btn.primary){background:var(--site-accent)!important;color:var(--site-on)!important;border-color:var(--site-accent)!important}
html[data-ym-unified] #heal-crisis-btn{background:var(--site-panel)!important;color:var(--site-danger)!important;border-color:var(--site-line)!important}
html[data-ym-unified] .bad{color:var(--site-danger)!important}
html[data-ym-unified] :is(.kx-chip,.kx-chip.xp,.cs-badge){background:var(--site-soft)!important;color:var(--site-ink)!important}
}

@layer ymWholeWorld.foundation{
html[data-ym-unified] .jj-strip-wrap{display:grid!important;grid-template-columns:36px minmax(0,1fr) 36px!important;gap:8px!important;align-items:center!important;min-width:0!important}
html[data-ym-unified] .jj-strip{min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;margin:0!important}
html[data-ym-unified] .jj-strip-wrap>.jj-icon{position:static!important;width:36px!important;min-width:36px!important;height:44px!important;z-index:1}
html[data-ym-unified] .mp-jj :is(.stat-badge,.template-btn,.prompt-bar){background:var(--site-soft)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] .mp-jj .prompt-text{color:var(--site-ink)!important}
html[data-ym-unified] .mv-fcount{background:var(--site-soft)!important;color:var(--site-ink)!important}
@media(max-width:760px){
 html[data-ym-unified] .mv-workspace-header{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;height:auto!important;min-height:0!important}
 html[data-ym-unified] .mv-mode-tabs{display:flex!important;flex-wrap:wrap!important;position:static!important;min-width:0!important;max-width:100%!important;gap:4px!important}
 html[data-ym-unified] .mv-mode-tab{flex:1 1 auto!important;min-height:44px!important;padding:10px!important}
 html[data-ym-unified] .mv-mode-aside{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;position:static!important;inset:auto!important;min-width:0!important;max-width:100%!important;gap:8px!important;transform:none!important}
 html[data-ym-unified] .mv-mode-mini{position:static!important;min-height:44px!important;max-width:100%!important;margin:0!important}
}
}

@layer ymWholeWorld.foundation{
html[data-ym-unified] .m-footer-crisis a,html[data-ym-unified] .m-footer-crisis a strong{color:var(--site-danger)!important}
html[data-ym-unified] button .save-tag{color:var(--site-ink)!important;background:transparent!important}
html[data-ym-unified] .mv-folder .mv-fcount{color:var(--site-ink)!important;background:var(--site-soft)!important}
html[data-ym-unified] .m-journal-screen :is(.stat-badge,.template-btn,.prompt-bar){background:var(--site-soft)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] .m-journal-screen #prompt-text{color:var(--site-ink)!important}
html[data-ym-unified] .ig-wrap .good{color:var(--site-success)!important}
html[data-ym-unified] .ig-step .n{background:var(--site-soft)!important;color:var(--site-ink)!important}
html[data-ym-unified] .ig-cta{background:var(--site-accent)!important;color:var(--site-on)!important;border-color:var(--site-accent)!important}
html[data-ym-unified] .page:has(#nudgesList) :is(a.back,.empty,.mood-hint){color:var(--site-ink)!important}
html[data-ym-unified] .page:has(#nudgesList) :is(#tabAM,#tabPM){background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] .page:has(#nudgesList) :is(#tabAM,#tabPM):is(.active,.on,[aria-selected=true]){background:var(--site-accent)!important;color:var(--site-on)!important}
}

/* Detail pages use the same pairs as their directories. A CTA container is
   transparent; only its links receive a button surface. */
@layer ymWholeWorld.foundation {
html[data-ym-unified] .df-wrap div.df-cta {background:transparent!important;color:var(--site-ink)!important;border:0!important}
html[data-ym-unified] .df-wrap :is(.df-seat,.df-other,.df-faq-item,.df-help,.dynamic-reading-map,.df-band) {background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-rule,var(--site-line))!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-ym-unified] .df-wrap .df-help {border-left:0!important;padding:18px 20px;border-radius:8px}
html[data-ym-unified] .df-wrap .df-btn {background:var(--site-accent)!important;color:var(--site-on)!important;border-color:transparent!important}
html[data-ym-unified] .df-wrap .df-btn2 {background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] .df-wrap :is(.df-seat-links a,.df-other .t,.df-faq-item summary,.dynamic-reading-map summary) {color:var(--site-ink)!important}
html[data-ym-unified] .author-info,html[data-ym-unified] .author-info :is(strong,span) {color:var(--site-ink)!important}
html[data-ym-unified] body:has(.page > #grid),html[data-ym-unified] body:has(.page > .crumbs) {
 --bg:var(--site-bg)!important;--ink:var(--site-ink)!important;--mute:var(--site-muted)!important;
 --line:var(--site-rule,var(--site-line))!important;--card:var(--site-panel)!important;--card-solid:var(--site-panel)!important;
 --soft:var(--site-soft)!important;--accent:var(--site-accent)!important;--accent-2:var(--site-accent)!important;
}
html[data-ym-unified] body:has(.page > #grid) > .bg,html[data-ym-unified] body:has(.page > .crumbs) > :is(.bg,.grain) {display:none!important}
html[data-ym-unified] .page:has(> #grid) :is(.k,.note,.topbar a.back) {color:var(--site-ink)!important}
html[data-ym-unified] .page:has(> #grid) .k {background:var(--site-panel)!important;border-color:var(--site-rule,var(--site-line))!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-ym-unified] .page:has(> #grid) .k.empty {opacity:1}
html[data-ym-unified] .page:has(> #grid) .k :is(.d,.dt) {color:var(--site-muted)!important}
html[data-ym-unified] .page:has(> .crumbs) :is(.chip,.comp) {color:var(--site-ink)!important;background:var(--site-panel)!important;border-color:var(--site-line)!important;backdrop-filter:none!important;box-shadow:none!important}
html[data-ym-unified] .page:has(> .crumbs) :is(.chip,.comp)[aria-pressed=true] {background:var(--site-accent)!important;color:var(--site-on)!important}
html[data-ym-unified] .page:has(> .crumbs) .comp[aria-pressed=true] :is(.m,.tag) {color:var(--site-on)!important;background:transparent!important}
html[data-ym-unified] .page:has(> .crumbs) .comp[aria-pressed=true]::after {background:var(--site-panel)!important;color:var(--site-ink)!important}
html[data-ym-unified] .page:has(> .crumbs) .crumbs i {background:var(--site-line)!important;box-shadow:none!important}
html[data-ym-unified] .page:has(> .crumbs) .crumbs i.on {background:var(--site-accent)!important}
}

@layer ymWholeWorld.foundation {
html[data-ym-unified] body.sr-page {
 --sr-bg:var(--site-bg)!important;--sr-panel:var(--site-panel)!important;--sr-paper:var(--site-panel)!important;
 --sr-ink:var(--site-ink)!important;--sr-muted:var(--site-muted)!important;--sr-line:var(--site-rule,var(--site-line))!important;
 --sr-accent:var(--site-accent)!important;--sr-on:var(--site-on)!important;
}
html[data-ym-unified] :is(.sf-artist-file,.sr-file-row,.sr-album,.sf-track-row,.rp-bridge,.df-bridge) {background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-rule,var(--site-line))!important}
html[data-ym-unified] :is(.sf-artist-file-link,.sf-track-title,.sr-file-title,.sr-album-label,.sr-album-preview) {color:var(--site-ink)!important}
html[data-ym-unified] :is(.sf-artist-file-album,.sf-artist-file-read,.sf-track-meta,.sf-track-hook,.sr-file-album,.sr-file-num,.sr-file-context) {color:var(--site-muted)!important}
html[data-ym-unified] .sf-album-badge {background:var(--site-soft)!important;color:var(--site-ink)!important;border-color:var(--site-rule,var(--site-line))!important}
html[data-ym-unified] .sr-button {background:var(--site-accent)!important;color:var(--site-on)!important;border-color:transparent!important}
}

@layer ymWholeWorld.foundation{html[data-ym-unified] .mv-welcome #welStart{background:var(--site-accent)!important;color:var(--site-on)!important;border-color:transparent!important}}

@layer ymWholeWorld.foundation {
html[data-ym-unified] .rf-wrap :is(.rf-card,.rf-stat){background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-rule,var(--site-line))!important}
html[data-ym-unified] .rf-wrap .rf-btn:not(.rf-btn-ghost){background:var(--site-accent)!important;color:var(--site-on)!important}
html[data-ym-unified] .rf-wrap .rf-btn-ghost{background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
}

@layer ymWholeWorld.foundation {
html[data-ym-unified][data-space=sleep] #logCard :is(#bedTime,#wakeTime){font-size:24px!important;line-height:1.5!important;min-width:0!important;max-width:100%!important;padding:12px!important;min-height:52px}
@media(max-width:440px){html[data-ym-unified][data-space=sleep] #logCard .form-grid{grid-template-columns:minmax(0,1fr)!important}html[data-ym-unified][data-space=sleep] #logCard :is(#bedTime,#wakeTime){font-size:20px!important}}
}


/* Route navigation focuses the heading to announce the new page. Keep that
   announcement without painting a control outline around noninteractive text. */
@layer ymWholeWorld.foundation {
html[data-ym-unified] h1[tabindex="-1"]:focus:not([role="button"]):not([contenteditable="true"]) {outline:none!important}
}

/* Classic: pair the music connection hint and remove the closed, inert
   notification dialog from layout so it cannot pause a living Krow. */
@layer ymWholeWorld.foundation{
html[data-ym-unified][data-experience=classic] .ymc-welcome>p{color:var(--site-muted)!important}
html[data-ym-unified][data-experience=classic] #ym-nc[aria-hidden=true]{display:none!important}
}

/* Effect roots use document coordinates. Their old measured height must not
   become the next document scroll height after a viewport resize. */
@layer ymWholeWorld.foundation{
html[data-ym-unified][data-experience=classic] :is(#krow-world,#krow-critters){height:0!important;overflow:visible!important}
}

/* Quick-help surfaces stay above customer tool overlays as a single stack. */
@layer ymWholeWorld.foundation{
html[data-ym-unified] body :is(#sosPanel,#groundingOverlay,#crisisOverlay) *{transition-property:background-color,border-color,color,opacity,transform!important}
html[data-ym-unified] body #sosFab{z-index:200010!important}
html[data-ym-unified] body #sosPanel{z-index:200011!important;transition-property:opacity,transform!important;max-height:calc(100dvh - 160px)!important;overflow-y:auto!important;overscroll-behavior:contain;background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] body #sosPanel :is(.sos-tool-btn,.sos-tool-body,.sos-tool-body strong){color:var(--site-ink)!important;-webkit-text-fill-color:currentColor!important}
html[data-ym-unified] body #sosPanel :is(.sos-sub,.sos-tool-body small){color:var(--site-muted)!important;opacity:1!important;-webkit-text-fill-color:currentColor!important}
html[data-ym-unified] body #sosPanel .sos-tool-btn:is(:hover,:focus-visible){background:var(--site-soft)!important}
html[data-ym-unified] body #sosPanel .sos-tool-btn:focus-visible{outline:2px solid var(--site-accent)!important;outline-offset:2px}
html[data-ym-unified] body :is(#groundingOverlay,#crisisOverlay){z-index:200012!important;transition-property:opacity!important;background:var(--site-bg)!important;color:var(--site-ink)!important;justify-content:flex-start!important;padding:72px 20px 24px!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain}
html[data-ym-unified] body :is(#sosPanel,#groundingOverlay,#crisisOverlay):not(.open){visibility:hidden!important}
html[data-ym-unified] body :is(#groundingOverlay,#crisisOverlay).open{visibility:visible!important}
html[data-ym-unified] body :is(#groundClose,#crisisClose){position:fixed!important;top:16px!important;right:16px!important;z-index:1!important;background:var(--site-panel)!important;color:var(--site-ink)!important;border:1px solid var(--site-line)!important;min-width:44px!important;min-height:44px!important}
html[data-ym-unified] body :is(#groundClose,#crisisClose) *{color:inherit!important}
html[data-ym-unified] body :is(#groundNum,#groundSense){color:var(--site-ink)!important;-webkit-text-fill-color:currentColor!important;opacity:1!important}
html[data-ym-unified] body :is(#groundPrompt,#groundProgress){color:var(--site-muted)!important;opacity:1!important}
html[data-ym-unified] body #groundingOverlay .ground-item{flex-shrink:0;background:var(--site-soft)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-ym-unified] body #groundingOverlay .ground-item.done{background:var(--site-accent)!important;color:var(--site-on)!important}
html[data-ym-unified] body #groundNext{background:var(--site-accent)!important;color:var(--site-on)!important;min-height:44px!important;flex-shrink:0}
html[data-ym-unified] body #crisisOverlay>div{width:100%!important;max-width:440px!important;min-width:0!important;flex:none;margin:auto 0!important}
html[data-ym-unified] body #crisisOverlay>div>div>:is(a,div){background:var(--site-panel)!important;color:var(--site-ink)!important;border:1px solid var(--site-line)!important;overflow-wrap:anywhere}
html[data-ym-unified] body #crisisOverlay :is(h2,strong){color:var(--site-ink)!important;-webkit-text-fill-color:currentColor!important}
html[data-ym-unified] body #crisisOverlay :is(p,small){color:var(--site-muted)!important;opacity:1!important;-webkit-text-fill-color:currentColor!important}
}