/* A persistent, always-visible palette. The page never covers or replaces it. */
:root{--brand-chrome-height:124px;--chrome-main-height:80px}
html{scroll-padding-top:136px;background:#252043}
body[data-mood] .site-chrome{display:block;height:var(--brand-chrome-height);padding:0;gap:0;background:linear-gradient(110deg,color-mix(in srgb,var(--dream-base) 88%,var(--dream-accent)),var(--dream-base) 55%,color-mix(in srgb,var(--dream-base) 96%,#000));border-bottom:1px solid var(--dream-edge);box-shadow:0 6px 20px #00000012;backdrop-filter:none}
.chrome-main{height:var(--chrome-main-height);padding:3px 4vw;display:flex;align-items:center;gap:24px}
body[data-mood] .chrome-main .maker{width:140px}body[data-mood] .chrome-actions{margin-left:auto;gap:24px}
body[data-mood] .chrome-actions #motion{color:var(--ink);background:transparent;border:0;min-height:40px;font:11px Arial,sans-serif;padding:8px 0}
body[data-mood] .ambient-player{position:relative;inset:auto;width:100%;height:44px;max-width:none;color:var(--ink);background:linear-gradient(90deg,#ffffff08,transparent 40%,#ffffff05);border-top:1px solid var(--dream-edge);box-shadow:inset 0 1px 0 #ffffff08;z-index:80}
body[data-mood] .ambient-bar{display:flex;align-items:center;justify-content:center;gap:12px;height:43px;width:max-content;max-width:calc(100% - 24px);margin:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.atmosphere-invitation{font:10px/1.4 Arial,sans-serif;letter-spacing:.05em;color:var(--muted);margin-right:6px;white-space:nowrap}
body[data-mood] .atmosphere-choices{display:flex;gap:7px;flex:none;border:0;margin:0;padding:0;min-width:0}
body[data-mood] .atmosphere-choice{--tile:#d5beff;display:flex;align-items:center;justify-content:center;gap:7px;position:relative;height:34px;min-height:34px;min-width:76px;padding:3px 8px 3px 4px;margin:0;border:1px solid color-mix(in srgb,var(--tile) 46%,transparent);border-radius:3px;background:linear-gradient(130deg,color-mix(in srgb,var(--tile) 15%,var(--dream-base)),color-mix(in srgb,var(--tile) 4%,var(--dream-base)));box-shadow:inset 0 1px 0 #ffffff12,0 2px 3px #0002;cursor:pointer;font:10px/1 Arial,sans-serif;transition:background .25s,border-color .25s,box-shadow .25s}
body[data-mood] .mood-key-botanical{--tile:#89dcbd}body[data-mood] .mood-key-cosmic{--tile:#99adff}body[data-mood] .mood-key-geometric{--tile:#f4a4ce}body[data-mood] .mood-key-white{--tile:#f4f4f7}
body[data-mood] .atmosphere-choice input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:2}
body[data-mood] .atmosphere-swatch{position:relative;display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:2px;border:1px solid #ffffff66;background:linear-gradient(135deg,#fff9,var(--tile) 55%,color-mix(in srgb,var(--tile) 65%,#333));color:#25243b;font:18px/1 Georgia,serif;box-shadow:inset 0 1px 2px #fff8,0 1px 2px #0002;transition:transform .24s ease,box-shadow .24s}
body[data-mood] .atmosphere-choice:has(input:checked){border-color:var(--tile);background:linear-gradient(130deg,color-mix(in srgb,var(--tile) 30%,var(--dream-base)),color-mix(in srgb,var(--tile) 14%,var(--dream-base)));box-shadow:inset 0 -2px 0 var(--tile),0 0 0 1px var(--tile),0 2px 5px #0003}
body[data-mood] .atmosphere-choice:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:3px}
body[data-mood] .atmosphere-check{position:absolute;right:2px;top:2px;display:block;visibility:hidden;margin:0;color:var(--ink);font:8px/1 Arial,sans-serif}body[data-mood] .atmosphere-choice:has(input:checked) .atmosphere-check{visibility:visible}
body[data-mood] .atmosphere-choice:hover{border-color:var(--tile);background:linear-gradient(110deg,color-mix(in srgb,var(--tile) 28%,var(--dream-base)),color-mix(in srgb,var(--tile) 10%,var(--dream-base)));box-shadow:inset 0 1px 0 #fff4,0 2px 6px #0003}
body[data-mood] .atmosphere-choice:hover .atmosphere-swatch{transform:translateY(-2px) rotate(-5deg);box-shadow:inset 0 1px 2px #fff9,0 3px 7px #0003}
.tile-meter{position:absolute;right:3px;bottom:4px;display:none;align-items:flex-end;gap:1px;height:9px;pointer-events:none}.tile-meter i{display:block;width:2px;height:4px;background:var(--ink);animation:tile-beat .8s ease-in-out infinite alternate}.tile-meter i:nth-child(2){height:8px;animation-delay:-.3s}.tile-meter i:nth-child(3){height:6px;animation-delay:-.6s}
body[data-sound=playing][data-track=dreamlike] .mood-key-dreamlike .tile-meter,body[data-sound=playing][data-track=botanical] .mood-key-botanical .tile-meter,body[data-sound=playing][data-track=cosmic] .mood-key-cosmic .tile-meter,body[data-sound=playing][data-track=geometric] .mood-key-geometric .tile-meter,body[data-sound=playing][data-track=white] .mood-key-white .tile-meter{display:flex}
@keyframes tile-beat{to{height:2px}}
body[data-mood] .ambient-player .sound-toggle{width:32px;min-width:32px;height:34px;min-height:34px;padding:0;border:1px solid var(--line);border-radius:3px;background:linear-gradient(135deg,#fff1,#0001);color:var(--ink);box-shadow:inset 0 1px 0 #fff1;flex:none}
body[data-mood] .ambient-player .sound-toggle[aria-pressed=true]{background:var(--dream-accent);color:var(--dream-base);border-color:var(--dream-accent)}body[data-mood] .ambient-player .sound-toggle[aria-pressed=true] .sound-symbol{color:var(--dream-base)}
body[data-mood] .volume-control{display:flex;align-items:center;gap:5px;flex:0 0 86px;width:86px;padding:0;margin:0;border:0}.volume-symbol{font:13px Georgia,serif;color:var(--muted)}body[data-mood] .volume-control input{height:32px;width:66px;min-width:0;accent-color:var(--dream-accent)}
.atmosphere-now{min-width:105px;font:10px/1.4 Arial,sans-serif;color:var(--muted);white-space:nowrap}
body[data-mood] .ambient-player .ambient-error{top:50px;right:4vw;bottom:auto;background:var(--dream-base);color:var(--ink);border:1px solid var(--line);font:11px/1.6 Arial,sans-serif}
/* More tonal depth, without moving the shopping surfaces or changing frame sizes. */
body[data-mood]{--surface-top:color-mix(in srgb,var(--dream-base) 82%,var(--dream-accent));--surface-bottom:color-mix(in srgb,var(--dream-base) 94%,#000);--surface-edge:color-mix(in srgb,var(--dream-accent) 28%,var(--dream-base))}
body[data-mood] :is(.gallery-label,.open-drawer,.supply-cabinet,.rummage-tools,.reading-paper,.reading-bookmark,.directory-label,.dream-output,.starter-panel,.starter-prompt,.starter-checklist,.history-drawer){background:linear-gradient(140deg,var(--surface-top),var(--dream-panel) 42%,var(--surface-bottom));border-color:var(--surface-edge);box-shadow:inset 0 1px 0 #ffffff10,0 10px 28px #00000014}
body[data-mood] .dream-wash{background:radial-gradient(ellipse at 70% 15%,transparent 0,transparent 25%,var(--dream-base) 100%),linear-gradient(90deg,var(--dream-base),transparent 95%),linear-gradient(0deg,var(--dream-base),transparent 65%);opacity:.8}
/* Gallery keeps the legacy white key so saved choices continue to work. */
body[data-mood=white]{--dream-base:#f3f4f6;--dream-panel:#fcfcfd;--dream-ink:#20232c;--dream-muted:#515762;--dream-accent:#505a6c;--dream-edge:#b8bdc7;--accent-soft:#e3e6eb;--surface-top:#fff;--surface-bottom:#e9ebf0;--surface-edge:#c4c9d1;--wordmark-ink:#3f4756;background:#f3f4f6}
body.room-home[data-mood=white] main{background:transparent}
body[data-mood=white] .dream-lens{display:block;background:radial-gradient(ellipse at 20% 6%,#fff 0,transparent 55%),radial-gradient(ellipse at 95% 68%,#d3d7de 0,transparent 62%),linear-gradient(118deg,#fff 0%,#f0f1f4 58%,#fff 58.2%,#e5e7ec 100%)}
body[data-mood=white] .dream-lens:before{content:'';position:absolute;inset:calc(var(--brand-chrome-height) + 50px) 8% 14% 60%;border:1px solid #cbd0d8;background:linear-gradient(145deg,#ffffffb3,#fff1 65%);box-shadow:inset 1px 1px 0 #fff,18px 28px 55px #555e701c;transform:skewY(-7deg);pointer-events:none}
body[data-mood=white] .dream-lens:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#fff3 0 1px,transparent 1px 4px);opacity:.4;pointer-events:none}
body[data-mood=white] .dream-art{opacity:0!important}body[data-mood=white] .dream-wash{background:linear-gradient(105deg,#fff7,transparent 56%,#6f788710);opacity:1}body[data-mood=white] :is(.living-stairs,.living-space,.dream-wallpaper,.dream-horizon,.dream-float){display:none}body[data-mood=white] #dream-canvas{opacity:.16}
body[data-mood=white] .smallprint{background:linear-gradient(120deg,#fff,#eceef2)}body[data-mood=white] .atmosphere-choice{color:#282e3b}body[data-mood=white] .atmosphere-choice:has(input:checked){box-shadow:inset 0 -2px 0 #535e72,0 0 0 1px #535e72,0 2px 5px #0002}
body[data-mood] .smallprint{border-top:1px solid var(--surface-edge)}.listing-disclosure{display:block;font-size:13px;line-height:1.4;margin-bottom:8px}
/* No cross-document snapshots or entrance effects: the shell stays in place. */
@view-transition{navigation:none}
::view-transition-old(root),::view-transition-new(root){animation:none!important}
html{scroll-behavior:auto}.js .scene-reveal,.js .scene-reveal:not(.scene-seen){opacity:1!important;transform:none!important;transition:none!important}
main#main:focus{outline:none}
.route-error{position:fixed;left:50%;top:calc(var(--brand-chrome-height) + 12px);transform:translateX(-50%);z-index:90;max-width:calc(100vw - 32px);width:540px;padding:16px;background:var(--dream-panel);color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 28px #0003;font:13px/1.6 Arial,sans-serif}.route-error button,.route-error a{margin:8px 12px 0 0;color:inherit;background:none;text-decoration:underline;min-height:32px;display:inline-flex;align-items:center;border:0}
@media(max-width:1000px){.atmosphere-now{display:none}.atmosphere-invitation{display:none}body[data-mood] .ambient-bar{gap:12px}}
@media(max-width:740px){:root{--brand-chrome-height:116px;--chrome-main-height:72px}html{scroll-padding-top:128px}.chrome-main{padding-inline:4vw;gap:12px}body[data-mood] .chrome-main .maker{width:126px}body[data-mood] .chrome-actions{gap:18px}body[data-mood] .ambient-bar{gap:8px;max-width:calc(100% - 18px)}body[data-mood] .atmosphere-choice{min-width:68px;padding-right:6px}.mood-name{font-size:9px}}
@media(max-width:600px){body[data-mood] .atmosphere-choices{gap:7px}.mood-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body[data-mood] .atmosphere-choice{width:34px;min-width:34px;padding:4px;height:34px}body[data-mood] .ambient-bar{gap:9px}body[data-mood] .volume-control{flex-basis:55px;width:55px}.volume-symbol{display:none}body[data-mood] .volume-control input{width:55px}.tile-meter{right:1px;bottom:2px}body[data-mood] .atmosphere-choice:has(input:checked) .atmosphere-swatch{box-shadow:inset 0 1px 2px #fff9,0 2px 4px #0002}}
@media(max-width:360px){body[data-mood] .atmosphere-choices{gap:5px}body[data-mood] .ambient-bar{gap:7px}body[data-mood] .volume-control{flex-basis:46px;width:46px}body[data-mood] .volume-control input{width:46px}body[data-mood] .chrome-main .maker{width:120px}body[data-mood] .chrome-actions{gap:14px}}
@media(prefers-reduced-motion:reduce){body[data-mood] .atmosphere-choice,body[data-mood] .atmosphere-swatch{transition:none!important}body[data-mood] .atmosphere-choice:hover .atmosphere-swatch{transform:none!important}.tile-meter i{animation:none!important}}
.motion-paused .atmosphere-choice:hover .atmosphere-swatch{transform:none!important}.motion-paused .tile-meter i{animation:none!important}

@media(max-width:740px){body[data-mood=white] .dream-lens:before{inset:calc(var(--brand-chrome-height) + 42px) -15% 12% 54%;transform:skewY(-10deg)}}
@media(forced-colors:active){body[data-mood=white] .dream-lens:before,body[data-mood=white] .dream-lens:after{display:none}}