/* Material-only treatment. Frozen layout, planet geometry and interactions stay in styles.css/app.js. */
/* Use direct compact image URLs: full PNG data URLs exceeded the browser's CSS variable limit. */
.site-header,.site-footer{
 background-color:#123b33;
 background-image:linear-gradient(90deg,rgba(11,43,43,.84),rgba(17,52,47,.82)),url('/living-lotus/assets/header-footer-geometric-enamel.webp');
 background-size:auto,380px 380px;
 background-position:center,center;
 background-repeat:no-repeat,repeat;
}
.content-panel{
 background-color:#f8f0db;
 background-image:linear-gradient(90deg,rgba(255,249,229,.70),rgba(250,236,204,.60),rgba(255,249,229,.70)),url('/living-lotus/assets/panel-geometric-ivory.webp');
 background-size:auto,430px 430px;
 background-position:center,center;
 background-repeat:no-repeat,repeat;
}
.panel-index,.panel-actions{
 background-image:radial-gradient(circle at 45% 38%,rgba(255,248,224,.92),rgba(249,231,189,.87)),url('/living-lotus/assets/panel-geometric-ivory.webp');
 background-size:auto,250px 250px;
 background-position:center,center;
 background-repeat:no-repeat,repeat;
}

.site-header{background-image:linear-gradient(90deg,rgba(11,43,43,.84) 0%,rgba(17,52,47,.82) 28%,rgba(17,52,47,.56) 53%,rgba(17,52,47,.82) 74%,rgba(11,43,43,.84) 100%),url('/living-lotus/assets/header-footer-geometric-enamel.webp')}
@media(max-width:1020px){.site-header{background-image:linear-gradient(90deg,rgba(11,43,43,.84),rgba(17,52,47,.82)),url('/living-lotus/assets/header-footer-geometric-enamel.webp')}}