/* Preserve the original page layouts. This sheet owns scenes, not page geometry. */
html.scene-site{
 --scene-day:url('./assets/backgrounds/twilight-landscape.webp');--scene-night:url('./assets/backgrounds/scene-night-v2.webp');
 --scene-image:var(--scene-day);--scene-wash:linear-gradient(180deg,rgba(238,247,255,.5),rgba(255,239,247,.72));
 min-height:100%;height:auto!important;background-color:#d9e8f7!important;background-image:var(--scene-wash),var(--scene-image)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;background-repeat:no-repeat!important;isolation:isolate;
}
html.scene-site[data-scene='quiet'],html.scene-site[data-scene='account']{--scene-day:url('./assets/backgrounds/scene-rain-v2.webp');--scene-night:url('./assets/backgrounds/scene-rain-v2.webp')}
html.scene-site[data-scene='sunrise'],html.scene-site[data-scene='tool-sunset'],html.scene-site[data-scene='admin']{--scene-day:url('./assets/backgrounds/scene-sunrise-v2.webp')}
html.scene-site[data-scene='tool-water']{--scene-day:url('./assets/backgrounds/scene-rain-v2.webp')}
html.scene-site[data-theme='dark']{--scene-image:var(--scene-night);--scene-wash:linear-gradient(145deg,rgba(5,13,42,.38),rgba(30,21,66,.48));--muted:#b2bfd7}
html.scene-site::before,html.scene-site::after{content:'';position:fixed;inset:-3%;z-index:-1;pointer-events:none}
html.scene-site::before{background-image:var(--scene-wash),var(--scene-image);background-size:cover;background-position:center;animation:animeSkyDrift 22s ease-in-out infinite alternate}
html.scene-site::after{background:radial-gradient(ellipse at 12% 26%,#fff5de40,transparent 28%),radial-gradient(ellipse at 85% 66%,#deeaff28,transparent 26%);animation:animeCloudDrift 18s ease-in-out infinite alternate}
html.scene-site body[data-scene]{height:auto!important;min-height:100vh!important;min-height:100dvh!important;background:transparent!important;isolation:auto}
html.scene-site body[data-scene]::before,html.scene-site body[data-scene]::after{content:none!important}
/* Original glass navigation and cards; widths, typography, spacing and grids remain page-owned. */
body[data-scene] .nav{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-lg);padding:14px 18px;box-shadow:0 10px 35px rgba(35,52,106,.1);backdrop-filter:blur(16px);position:relative;z-index:1000}
body[data-scene] .nav-links{position:relative;z-index:1001}
body[data-scene] .nav-group{position:relative;z-index:1002}
body[data-scene] .nav-group-menu{z-index:1003}
body[data-scene] .card{background:rgba(255,255,255,.88);border-color:rgba(255,255,255,.7);box-shadow:0 16px 45px rgba(40,53,105,.13);backdrop-filter:blur(16px)}
html.scene-site[data-theme='dark'] .nav{background:rgba(15,25,60,.9);border-color:rgba(179,198,255,.2)}
html.scene-site[data-theme='dark'] .card{background:rgba(19,29,67,.93);border-color:rgba(180,197,255,.2)}
html.scene-site[data-theme='dark'] .nav a,html.scene-site[data-theme='dark'] .muted,html.scene-site[data-theme='dark'] .footer,html.scene-site[data-theme='dark'] .footer a{color:#c2cce0}
/* Contrast fixes only; no new heading panels, enlarged controls or widened admin container. */
html.scene-site[data-theme='dark'] .btn:not(.light):not(.gray):not(.outline):not(.danger){background:#6352c8;color:white}
html.scene-site[data-scene='admin'] th{background:var(--table-head)!important;color:var(--text)}
html.scene-site[data-scene='admin'] td{background:var(--card)!important;color:var(--text);border-color:var(--border)}
html.scene-site[data-scene='admin'] tr:nth-child(even) td{background:var(--table-stripe)!important}
html.scene-site[data-scene='admin'] .ops a{background:var(--hover);color:var(--text);border-color:var(--border)}
html.scene-site[data-scene='admin'] .ops a.danger{color:var(--fail,#ef4444)}
html.scene-site[data-theme='dark'] .modal-box,html.scene-site[data-theme='dark'] #guide-box{background:var(--card)!important;color:var(--text)}
html.scene-site[data-theme='dark'] #guide-box ul{color:var(--muted)!important}
html.scene-site .scene-control{cursor:pointer;background:transparent;border:0;color:var(--muted);font:inherit;padding:4px 6px;line-height:1.5}
html.scene-site #nav-theme{font-size:18px;flex-shrink:0}
html.scene-site .scene-control:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
html.scene-site .scene-footer-controls{display:inline-flex;gap:6px;align-items:center;margin:6px 0}
html.scene-site[data-scene='account'] .item>:last-child{min-width:0;max-width:100%}
html.scene-site[data-scene='account'] .item .val{max-width:100%;overflow-wrap:anywhere}
@keyframes animeSkyDrift{from{transform:scale(1) translate3d(-.6%,0,0)}to{transform:scale(1.035) translate3d(.6%,-.6%,0)}}
@keyframes animeCloudDrift{from{opacity:.5;transform:translate3d(-2%,1%,0)}to{opacity:1;transform:translate3d(2%,-1%,0)}}
html.scene-site[data-motion='off']::before,html.scene-site[data-motion='off']::after{animation:none}
html.scene-site[data-page-hidden='true']::before,html.scene-site[data-page-hidden='true']::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){html.scene-site::before,html.scene-site::after{animation:none!important}}
@media(max-width:640px){body[data-scene] .nav{padding:10px 12px}body[data-scene] .card{background:rgba(255,255,255,.93)}html.scene-site[data-theme='dark'] .card{background:rgba(19,29,67,.95)}html.scene-site[data-scene='account'] .item>:last-child{flex:1}html.scene-site::before{animation-duration:28s}}

/* Independent atmospheric layers: visible movement without moving any UI. */
html.scene-site .scene-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none!important;contain:strict}
html.scene-site .scene-atmosphere *{pointer-events:none!important}
.scene-cloud{position:absolute;left:0;top:var(--top);width:55vw;min-width:300px;height:24vh;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.5),rgba(255,243,238,.18) 45%,transparent 70%);animation:sceneCloudTravel var(--duration) linear var(--delay) infinite}
.scene-petal{position:absolute;left:var(--left);top:-30px;width:var(--size);height:calc(var(--size)*.65);border-radius:80% 12% 80% 20%;background:linear-gradient(135deg,#fff4ec,#ed94b5 65%,#d681b2);box-shadow:0 0 2px #fff9;animation:scenePetalFall var(--duration) linear var(--delay) infinite}
.scene-meteor{display:none;position:absolute;left:60%;top:8%;width:140px;height:2px;border-radius:50%;background:linear-gradient(90deg,transparent,#e4f1ff);transform:rotate(145deg);animation:sceneMeteor 9s linear -3s infinite}
html.scene-site[data-theme='dark'] .scene-cloud{opacity:.32}
html.scene-site[data-theme='dark'] .scene-petal{width:calc(var(--size)*.45);height:calc(var(--size)*.45);border-radius:50%;background:#fff2bf;box-shadow:0 0 7px 2px #b9d8ff8c;animation-name:sceneStarlightRise}
html.scene-site[data-theme='dark'] .scene-meteor{display:block}
@keyframes sceneCloudTravel{from{transform:translate3d(-65vw,0,0)}to{transform:translate3d(105vw,4vh,0)}}
@keyframes scenePetalFall{0%{transform:translate3d(-8vw,-5vh,0) rotate(0deg);opacity:0}8%{opacity:.88}50%{transform:translate3d(5vw,52vh,0) rotate(180deg);opacity:.8}92%{opacity:.88}100%{transform:translate3d(-3vw,112vh,0) rotate(350deg);opacity:0}}
@keyframes sceneStarlightRise{0%{transform:translate3d(0,108vh,0);opacity:0}12%{opacity:.85}50%{transform:translate3d(4vw,48vh,0);opacity:.45}85%{opacity:.9}100%{transform:translate3d(-2vw,-3vh,0);opacity:0}}
@keyframes sceneMeteor{0%,68%{opacity:0;transform:translate3d(20vw,-10vh,0) rotate(145deg)}70%{opacity:.85}84%,100%{opacity:0;transform:translate3d(-45vw,45vh,0) rotate(145deg)}}
html.scene-site[data-motion='off'] .scene-atmosphere{display:none}
html.scene-site[data-page-hidden='true'] .scene-atmosphere *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html.scene-site .scene-atmosphere{display:none!important}.scene-atmosphere *{animation:none!important}}
@media(max-width:640px){.scene-petal:nth-of-type(n+12){display:none}.scene-cloud{height:18vh}.scene-cloud:nth-child(3){display:none}.scene-meteor{width:90px}}