/* A calm mint rainforest surrounds the reading surfaces. No moving decoration. */
body:not(.home-screen){background:#cce4c7}
body:not(.home-screen) .app>main{
 background-color:#d5ecd8;
 background-image:url('rimba-leafy-corners.svg'),radial-gradient(ellipse at 45% 8%,#fff5cc99,transparent 48%),linear-gradient(#d9f0df90,#b9dcd099),url('cute-jungle-background.png');
 background-size:100% 100vh,100% 100vh,100% 100vh,100% 100vh;
 background-position:center top;
 background-repeat:repeat-y;
 background-attachment:fixed;
 background-blend-mode:normal,normal,multiply,multiply;
}
body:not(.home-screen) .sidebar{
 background-color:#c4dfba;
 background-image:linear-gradient(#d4eac7eb 25%,#b5d7b5a8 75%,#99c8ad55),url('cute-jungle-background.png');
 background-size:100% 100%,auto 100vh;
 background-position:center,left bottom;
 background-repeat:no-repeat;
 border-right:2px solid #a1c6a3;
}
.sidebar nav{background:#d9ebcceF;border-radius:20px;padding:6px 0}
.sidebar .side-note{background:#f4f6e5}.sidebar .settings{background:#f9f6e4}
body:not(.home-screen) .app>main>footer{background:var(--reading-surface,#fef9e7);border:1px solid #b4caa7;border-radius:18px;padding:16px;color:#234b38}
/* Keep words on opaque paper, with a little depth above the forest. */
body:not(.home-screen) .journey-banner,
body:not(.home-screen) .journey-mission,
body:not(.home-screen) .collect-card,
body:not(.home-screen) .wide-card{
 background:var(--reading-surface,#fef9e7);
 border-color:#b5cda5;
 box-shadow:0 5px 0 #7fa18a22,0 10px 25px #234c3512;
}
body:not(.home-screen) .journey-footnote,
body:not(.home-screen) .journey-scroll-hint{
 background:var(--reading-surface,#fef9e7);color:#254c38;border-radius:12px;padding:10px 14px;
}
@media(max-width:650px){
 body:not(.home-screen) .app>main{background-size:auto 100vh,100% 100vh,100% 100vh,auto 100vh;background-position:center top}
 body:not(.home-screen) .sidebar{background:#d5e8c8}
}
@media print{body:not(.home-screen) .app>main,body:not(.home-screen) .sidebar{background-image:none!important;background-color:#fff!important}}
/* The welcome heading remains readable above the illustrated surroundings. */
body:not(.home-screen) .app>main>.intro{
 background:linear-gradient(100deg,var(--reading-surface,#fef9e7) 60%,#e3efd9)!important;
 border:1px solid #b4caa7;
 box-shadow:0 5px 0 #7fa18a22;
}
body:not(.home-screen) .app>main>.intro h1,
body:not(.home-screen) .app>main>.intro p{color:#173f34!important;text-shadow:none}