html,body,#app{height:100%;min-height:0;overflow:hidden}
.setup{height:100dvh;min-height:0;overflow:hidden;padding:28px 4vw;gap:4vw;grid-template-columns:minmax(0,1fr) minmax(320px,36%)}
.sleep-settings{min-height:0;max-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:24px;gap:16px}.sleep-intro{min-height:0}.dawn{height:100dvh;min-height:0;max-height:100dvh;overflow:auto;overscroll-behavior:contain}
.night-mixer{max-height:calc(100dvh - 180px);overflow:auto;overscroll-behavior:contain}
@media(max-width:759px){.setup{display:grid;grid-template-columns:1fr;grid-template-rows:145px minmax(0,1fr);gap:0;padding:0 12px 12px}.sleep-intro{padding:20px 10px 10px;min-height:0}.setup h1{font-size:32px;max-width:none}.sleep-intro .intro{max-width:31em;font-size:10px}.sleep-settings{height:100%;padding:16px 18px;gap:12px;align-self:stretch}.bedside-title{padding-bottom:8px}.bedside-title h2{font-size:20px;margin-top:5px}.skyline,.sleep-intro .skyline{height:100%;min-height:0}}