/* Airier calendar form with consistent spacing on desktop and mobile. */
.reminders.glass{padding:clamp(28px,4vw,52px);gap:clamp(32px,5vw,72px);align-items:start}
.reminders .calendar-controls{display:flex;flex-direction:column;min-width:0}
.reminders .calendar-controls label{margin:0 0 12px;line-height:1.5}
.reminders .calendar-controls input{width:100%;margin:0 0 26px}
.reminders .calendar-controls #calendar{margin:4px 0 0;min-height:54px;padding:16px 22px;line-height:1.5;text-transform:none}
.reminders .calendar-controls .micro{margin:24px 0 0;max-width:none;line-height:1.75}
.reminders #calendar-status:empty{display:none}
.reminders #calendar-status:not(:empty){margin:18px 0 0;line-height:1.6}
@media(max-width:700px){.reminders.glass{gap:32px;padding:28px 24px}.reminders .calendar-controls .micro{margin-top:22px}}

/* Native time fields must include padding in their available width on iOS. */
.reminders.glass{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.reminders.glass>div{min-width:0}
.reminders .calendar-controls input[type=time]{box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;min-height:60px;padding:17px 20px;border:1px solid #ffffffc7;border-radius:22px;font-size:18px;box-shadow:inset 0 2px 1px #ffffff80,0 8px 24px #53658010;-webkit-appearance:none;appearance:none}
.reminders .calendar-controls #am-time{background:linear-gradient(130deg,#fff1c9,#f1d6b6);color:#71532d;color-scheme:light}
.reminders .calendar-controls #pm-time{background:linear-gradient(130deg,#d6e5f7,#b7c8e4);color:#344f72;color-scheme:light}
.reminders .calendar-controls input::-webkit-date-and-time-value{min-width:0;text-align:center}
.reminders .calendar-controls input::-webkit-datetime-edit{padding:0;min-width:0}
.reminders .calendar-controls input:focus-visible{outline:2px solid #738ead;outline-offset:4px}
#breath-note{box-sizing:border-box;max-width:390px;width:100%;padding:17px 18px 19px;margin:12px auto 32px;border-radius:24px;border:1px solid #ffffffb0;background:linear-gradient(125deg,#f9f1d37a,#e2eaf27a,#ded6ee70);box-shadow:inset 0 1px 0 #fff9,0 12px 28px #566a8210;backdrop-filter:blur(12px);color:#36465f;font-size:15px!important;line-height:1.65}
.breath-rhythm{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;font-size:16px;font-weight:500}
.breath-rhythm>span{display:inline-flex;gap:4px;align-items:baseline;padding:5px 7px;border-radius:12px;background:#ffffff60}
.breath-rhythm b{font-weight:700}.breath-rhythm i{font-style:normal;opacity:.65}
.breath-comfort{display:block;margin-top:12px;text-wrap:pretty}
@media(max-width:800px){.reminders.glass{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){
.breath-space .breathing-art .seed{position:relative;top:-16px}
.breath-space .breathing-art .halo{top:24px;bottom:81px}
.breath-space .breath-copy{top:-16px;bottom:16px}
#breath-note{font-size:15px!important;padding:16px 12px 18px;margin-top:14px}
.breath-rhythm{font-size:15px;gap:5px}.breath-rhythm>span{padding:5px 6px}
}