.calendar-view{position:absolute;inset:0;margin:auto;width:min(100%,480px);min-height:100vh;background:var(--paper);z-index:13;padding:20px}.calendar-view header{display:flex;justify-content:space-between;align-items:center}.calendar-view button{border:0;background:none}.calendar-view h1{font:27px "Jua"}.range-tabs,.week-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #ddd}.range-tabs button{padding:12px}.range-tabs .active{color:var(--green);border-bottom:3px solid var(--green)}.week-strip{grid-template-columns:repeat(7,1fr);border:0;padding:15px 0}.week-strip button{padding:8px 2px;border-radius:13px}.week-strip .today{background:var(--green);color:#fff}.schedule article{display:grid;grid-template-columns:42px 5px 1fr 28px;gap:8px;align-items:center;background:#fff;padding:13px 10px;margin:9px 0;border-radius:15px}.schedule-line{height:55px;background:var(--green);border-radius:4px}.schedule-line.red{background:var(--red)}.schedule h3{font:14px "Jua";margin:4px 0}.schedule p,.schedule small{font-size:9px;color:var(--muted);margin:0}.schedule article>button{color:var(--green);font-size:19px}
.calendar-view{position:fixed;inset:0;height:100dvh;min-height:100vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding-bottom:110px}