/* The reading, listening and recording surfaces belong to the same environment. */
body[data-practice-world]{--interior-page:var(--world-field);--interior-plane:color-mix(in srgb,var(--world-field) 60%,var(--world-surface));--interior-inset:var(--world-surface);--interior-ink:#292f26;--interior-muted:#41483d;--interior-edge:color-mix(in srgb,var(--interior-ink) 25%,transparent);--interior-border:color-mix(in srgb,var(--interior-ink) 55%,var(--interior-plane));--interior-primary:#343d30;--interior-primary-ink:#fffaf2;background:var(--interior-page);color:var(--interior-ink)}
body:is([data-practice-world=E02],[data-practice-world=THIRD-EYE],[data-practice-world=E07],[data-practice-world=E09],[data-practice-world=E10],[data-practice-world=E11]):not([data-lighter-reading]){--interior-page:color-mix(in srgb,var(--world-hero) 94%,#171b16);--interior-plane:color-mix(in srgb,var(--world-hero) 91%,#fffaf2);--interior-inset:color-mix(in srgb,var(--world-hero) 90%,#fffaf2);--interior-ink:var(--world-title);--interior-muted:color-mix(in srgb,var(--world-title) 87%,var(--world-hero));--interior-primary:var(--world-title);--interior-primary-ink:var(--world-hero);color-scheme:dark}
body[data-practice-world]{--control-bg:var(--interior-inset);--control-hover:var(--interior-plane);--control-ink:var(--interior-ink);--control-border:var(--interior-border);--control-primary:var(--interior-primary);--control-primary-ink:var(--interior-primary-ink);--control-primary-hover:color-mix(in srgb,var(--interior-primary) 88%,var(--interior-page))}
body[data-practice-world]::before{opacity:.24}
#main[data-practice-world]::before{display:none}
body[data-practice-world]>footer{background:var(--interior-page);color:var(--interior-muted);border-color:var(--interior-edge)}
body[data-practice-world] :is(.practice-local-nav,nav[data-world-compact][data-world-menu-open]){background:var(--interior-page);color:var(--interior-ink);border-color:var(--interior-edge)}
body[data-practice-world] .practice-local-nav :is(a,button){color:var(--interior-ink);border-color:var(--interior-border)}
body[data-practice-world] nav[data-world-compact] a{color:var(--interior-ink);background:var(--interior-plane);border-color:var(--interior-border)}
body[data-practice-world] footer a{color:var(--interior-ink)}
body[data-practice-world] .skip{background:var(--interior-plane);color:var(--interior-ink)}
body[data-practice-world] .storage-warning{color:#171b16}
#main[data-practice-world]{color:var(--interior-ink)}
#main[data-practice-world] :is(.saved-state,.record dt,.evidence-basis){color:var(--interior-ink)}
#main[data-practice-world] th{background:var(--interior-plane);color:var(--interior-ink)}
body[data-practice-world] .notice,#main[data-practice-world] :is(.badge,.plan-guidance,.adjustment-source,.record,.plan-summary,.daily-focus,#entry-error:not(:empty),#plan-error:not(:empty)){background:var(--interior-plane);color:var(--interior-ink);border-color:var(--interior-border)}
#main[data-practice-world] :is(.panel,.room-boundaries,.runner,.journal-core,.program-session-brief,.entry-heading,#observation-form,#room-session-controls,.practice-runner){background:var(--interior-plane);color:var(--interior-ink);border-color:var(--interior-edge);box-shadow:none}
#main[data-practice-world] :is(.source-copy,.small,.eyebrow,.muted,.lede,.room-setup,.method-summary,.room-control-guide,.practice-audio){color:var(--interior-ink)}
#main[data-practice-world] :is(.room-navigation,.room-setup,.room-actions,.room-control-guide,.brief-save,.draft-controls,#observation-form>details,.method-summary,.practice-audio>details,#complete-instructions>p:has(>strong:first-child)){border-color:var(--interior-edge)}
#main[data-practice-world] .room-layout{max-width:960px;gap:1.8rem}
#main[data-practice-world] .room-layout>.room-boundaries{background:var(--interior-plane);border:1px solid var(--interior-border);border-left:4px solid var(--interior-border);border-radius:3px}
#main[data-practice-world] .room-boundaries .source-copy{column-rule-color:var(--interior-edge)}
#main[data-practice-world] .room-boundaries>p{border-color:var(--interior-edge);color:var(--interior-muted)}
#main[data-practice-world] :is(#complete-instructions,#room-session-controls){background:transparent;border:0;border-top:1px solid var(--interior-edge);border-radius:0;box-shadow:none;padding:2rem .25rem}
#main[data-practice-world] :is(#complete-instructions,#room-session-controls,.entry-heading)::after{background-color:var(--interior-page);border-color:var(--interior-page);opacity:.65}
#main[data-practice-world] .audio-current{background:var(--interior-plane);color:var(--interior-ink);border:1px solid var(--interior-edge);box-shadow:none}
#main[data-practice-world] .audio-current-copy .eyebrow,#main[data-practice-world] #audio-status{color:var(--interior-muted)}
#main[data-practice-world] .practice-audio{background:transparent}
#main[data-practice-world] .audio-sequence-arrow{color:var(--interior-muted)}
#main[data-practice-world] :is(button,a.button,.practice-reference-actions>summary,.section-audio-button,.room-navigation [data-world-action]){background:var(--interior-inset);color:var(--interior-ink);border-color:var(--interior-border);box-shadow:inset 0 1px 0 #ffffff12}
#main[data-practice-world] :is(button,a.button,.practice-reference-actions>summary):hover{background:var(--interior-plane);color:var(--interior-ink);border-color:var(--interior-ink)}
#main[data-practice-world] :is(.primary,.practice-entry-actions .primary,.practice-runner .primary,button[aria-pressed=true],.audio-sequence button[aria-pressed=true]){background:var(--interior-primary);color:var(--interior-primary-ink);border-color:var(--interior-primary);outline-color:var(--interior-border)}
#main[data-practice-world] :is(.primary,button[aria-pressed=true]):hover{background:var(--control-primary-hover);color:var(--interior-primary-ink)}
#main[data-practice-world] :is(input,textarea,select),#main[data-practice-phase=record] #noticed{background:var(--interior-inset);color:var(--interior-ink);border-color:var(--interior-border);accent-color:var(--interior-primary)}
#main[data-practice-world] :is(input,textarea)::placeholder{color:var(--interior-muted);opacity:1}
#main[data-practice-world] :is(.source-copy a,.small a){color:inherit;text-decoration:underline}
#main[data-practice-world] :is(button,a,summary,input,textarea,select):focus-visible,body[data-practice-world] .practice-local-nav :focus-visible{outline:3px solid var(--interior-ink);outline-offset:4px}
#main[data-practice-world] .practice-display-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem;margin:-.25rem auto 1.5rem;max-width:800px}
#main[data-practice-world] .practice-display-controls button{min-height:44px;min-width:150px;max-width:100%;font-size:.8rem;padding:.65rem .9rem;background:transparent;box-shadow:none}
#main[data-practice-world] .practice-display-controls button:disabled{opacity:.75}
#main[data-practice-world] .reflection-art{float:right;display:block;width:160px;height:auto;aspect-ratio:3/2;object-fit:contain;margin:.25rem 0 1rem 1.5rem;border:1px solid var(--interior-edge)}
#main[data-practice-world] .closing-guidance{display:flow-root}
/* Only a separate light layer moves: no pixels of the approved painting are warped. */
.painting-stage{position:relative;width:100%;isolation:isolate;overflow:hidden}
.painting-stage>img{position:relative;z-index:0}
#main[data-practice-world] .guided-heading .painting-stage{max-width:420px}
.painting-light{position:absolute;inset:0;pointer-events:none;z-index:1;background:var(--world-light);opacity:.04;animation:painting-daylight 38s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:50% 50%}
.painting-light[data-motion-state=running]{animation-play-state:running;will-change:transform,opacity}
.painting-light:not([data-motion-state=running]){will-change:auto}
.painting-light:is([data-motion-state=reduced],[data-motion-state=practice]){animation:none;opacity:0}
@keyframes painting-daylight{from{transform:translate(-1.5%,0);opacity:.04}to{transform:translate(1.5%,0);opacity:.18}}
#main[data-practice-composition=grounded] :is(.chapter-heading,.guided-heading)>.chapter-art .painting-stage{margin-right:1.5rem}
#main[data-practice-composition=grounded] :is(.chapter-heading,.guided-heading)>[data-practice-art] .painting-stage img{padding-right:0}
@media(max-width:700px){#main[data-practice-world] .room-layout{gap:1.5rem}#main[data-practice-world] :is(#complete-instructions,#room-session-controls){padding:1.5rem .1rem}#main[data-practice-world] .practice-display-controls{gap:.5rem;margin-bottom:1.2rem}#main[data-practice-world] .reflection-art{width:110px;margin-left:1rem}#main[data-practice-composition=grounded] :is(.chapter-heading,.guided-heading)>.chapter-art .painting-stage{margin-right:0}}
@media(prefers-reduced-motion:reduce){.painting-light{display:none;animation:none!important}}
@media(forced-colors:active){.painting-light{display:none}body[data-practice-world]{--interior-page:Canvas!important;--interior-plane:Canvas!important;--interior-inset:Canvas!important;--interior-ink:CanvasText!important;--interior-muted:CanvasText!important;--interior-edge:CanvasText!important;--interior-border:ButtonText!important;--interior-primary:Highlight!important;--interior-primary-ink:HighlightText!important}}
@media print{.painting-light,.practice-display-controls{display:none!important}body[data-practice-world]{--interior-page:white!important;--interior-plane:white!important;--interior-inset:white!important;--interior-ink:black!important;--interior-muted:black!important;--interior-edge:#777!important;--interior-border:#777!important;color-scheme:light}}