/* A faint sky edge and warm paper-like inputs; existing Easylistr colors stay central. */
:root{--sky-edge:#bfdce8;--sun-paper:#fffdf6;--sun-edge:#d9d3be}
body{background:linear-gradient(180deg,#eaf5fa 0,#f1f7fa 58%,#edf4f7 100%);background-attachment:fixed}
#appShell>header{border-bottom:1px solid #9cc8dc;box-shadow:0 2px 12px #70b6d31a}
#appShell .listing{border-color:var(--sky-edge);box-shadow:0 0 0 1px #dceff566,0 4px 18px #72adc00c}
#appShell .hero{border-color:#b0cdda}
#appShell input:not([type=checkbox]):not([type=radio]):not([type=file]),#appShell textarea,#appShell select,#appShell #title,#appShell #description,#appShell #vibeSelect{background:var(--sun-paper);border-color:var(--sun-edge)}
#appShell input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,#appShell textarea:focus,#appShell select:focus{outline:2px solid #9cc5d6;outline-offset:1px}
#betaGate,#sessionLoading{background:radial-gradient(ellipse at 50% 0,#396071 0,transparent 55%),radial-gradient(ellipse at 50% 5%,#2f5148 0,#18333d 45%,#102631 100%)}
#betaGate input{background:#e6c86a12;border-color:#aab4a766}

/* Soft recessed fields: a tiny upper shadow and lower light. */
body{background:radial-gradient(ellipse at 50% 100%,#ffffff99,transparent 65%),linear-gradient(180deg,#eaf5fa 0,#f1f7fa 58%,#edf4f7 100%);background-attachment:fixed}
#appShell .listing{background:linear-gradient(180deg,#fbfdfe 0,#ffffff 22%,#ffffff 78%,#f9fcfd 100%);box-shadow:inset 0 2px 3px #526d7a0a,inset 0 -2px 2px #ffffff,0 2px 10px #7299ad12,0 1px 0 #ffffff}
#appShell input:not([type=checkbox]):not([type=radio]):not([type=file]),#appShell textarea,#appShell select,#appShell #title,#appShell #description,#appShell #vibeSelect{background:linear-gradient(180deg,#faf6eb 0,#fffdf6 55%,#fffefb 100%);box-shadow:inset 0 2px 3px #5b657818,inset 0 -2px 2px #ffffffed,0 1px 0 #ffffffcc}

/* Pale sky surfaces and soft gold fields, with a blue outer glow. */
body{background:linear-gradient(180deg,#e3f2fa 0,#eaf5fb 55%,#dfedf7 100%);background-attachment:fixed}
#appShell .listing{background:linear-gradient(180deg,#edf7fd 0,#eff8fd 55%,#e8f3fb 100%);border-color:#b4d6e9;box-shadow:inset 0 2px 3px #527d9810,inset 0 -2px 2px #ffffff99,0 4px 18px #65acd528,0 0 12px #85c2e41c}
#appShell .visible-description,#appShell .visible-facts,#appShell .step-panel,#appShell .listing>.listingbar{background:transparent}
#appShell .hero{background:#e7f2f9}
#appShell .hero.hasphoto{background:#edf7fd}
#appShell input:not([type=checkbox]):not([type=radio]):not([type=file]),#appShell textarea,#appShell select,#appShell #title,#appShell #description,#appShell #vibeSelect{background:linear-gradient(180deg,#f6edcf 0,#fcf4df 55%,#fff8e8 100%);border-color:#d9ca9f;box-shadow:inset 0 2px 3px #76633e16,inset 0 -2px 2px #fffdf5d9,0 1px 0 #ffffff99}

/* Mostly white space; sky color stays in the soft outer shadow. */
body{background:linear-gradient(180deg,#f5fafc 0,#fafcfd 55%,#f1f7fa 100%);background-attachment:fixed}
#appShell .listing{background:linear-gradient(180deg,#fbfdfe 0,#ffffff 45%,#f9fcfe 100%);border-color:#bfdce9;box-shadow:inset 0 2px 3px #527d9809,inset 0 -2px 2px #ffffff,0 4px 18px #65acd528,0 0 12px #85c2e41c}
#appShell .hero{background:#f2f7fa}
#appShell .hero.hasphoto{background:#ffffff}