.start-date-screen{position:absolute;inset:0;display:flex;flex-direction:column;background:#fff;color:#080808;transform:translateY(100%);pointer-events:none;will-change:transform;transition:transform 820ms cubic-bezier(.22,1.1,.36,1);transition-timing-function:linear(0,.02244,.07948,.15824,.24883,.34384,.4379,.52732,.60972,.68373,.74875,.80475,.85209,.89138,.92339,.94896,.96897,.98424,.99556,1.00365,1.00913,1.01257,1.01444,1.01514,1.01498,1.01423,1.01311,1.01177,1.01034,1.00891,1.00753,1.00625,1.00509,1.00406,1.00318,1.00243,1.0018,1.00128,1.00087,1.00055,1)}
.phone.start-date-open .commitment-screen{transform:translateY(-100%);pointer-events:none}
.phone.start-date-open .start-date-screen{transform:translateY(0);pointer-events:auto}
.phone.static-preview .start-date-screen{transition:none!important}
.start-date-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 7cqw 5cqw;scrollbar-width:thin;scrollbar-color:#bdbdbd #fff}
.start-date-screen .charity-title-bar{padding-bottom:7cqw}
.date-choice{display:flex;align-items:center;justify-content:space-between;gap:3cqw;width:100%;padding:3.8cqw 0;border:0;border-bottom:1px solid #e4e4e4;background:#fff;text-align:left;color:#080808;font-family:inherit;cursor:pointer}
.date-choice-copy{min-width:0}
.date-choice strong{display:block;font-size:4.7cqw;line-height:1.25;letter-spacing:-.025em;font-weight:550}
.date-choice small{display:block;font-size:3.5cqw;line-height:1.4;letter-spacing:-.01em;color:#808080;margin-top:1.1cqw}
.date-choice-mark{width:5cqw;height:5cqw;border:1px solid #d0d0d0;border-radius:50%;position:relative;flex-shrink:0}
.date-choice[aria-pressed=true] .date-choice-mark{border-color:#080808}
.date-choice[aria-pressed=true] .date-choice-mark:after{content:"";position:absolute;inset:1cqw;background:#080808;border-radius:50%}
.date-choice:focus-visible,.calendar-day:focus-visible,.calendar-heading button:focus-visible{outline:2px solid #080808;outline-offset:3px}
.date-summary{margin-top:7cqw;padding-top:5cqw;border-top:1px solid #e1e1e1}
.date-summary[hidden]{display:none}
.date-summary-label{font-size:2.8cqw;font-weight:500;line-height:1.35;letter-spacing:.06em;color:#858585;margin:0 0 3.5cqw}
.date-summary dl{margin:0}
.date-summary dl>div{display:grid;grid-template-columns:28cqw minmax(0,1fr);gap:3cqw;margin:2.5cqw 0}
.date-summary dt,.date-summary dd{font-size:3.45cqw;line-height:1.4;letter-spacing:-.015em;font-weight:400;margin:0}
.date-summary dt{color:#7b7b7b}
.date-summary dd{color:#111;font-weight:500;text-align:right}
.date-timezone,.date-review-note{font-size:3cqw;line-height:1.45;color:#8b8b8b;letter-spacing:-.01em;margin:3cqw 0 0}
.date-review-note{margin-top:5cqw}
.today-allowance{font-size:3.4cqw;line-height:1.5;color:#333;background:#f4f4f4;padding:3.5cqw;border-radius:1cqw;margin:4cqw 0 0}
.date-footer{flex-shrink:0;padding:3cqw 7cqw 7cqw;background:#fff}
.date-next{background:#080808;color:#fff}
.date-next:disabled{opacity:.3;cursor:default}
.date-next:focus-visible{outline:2px solid #080808;outline-offset:4px}
.custom-date-field{margin-top:5cqw}
.custom-date-field[hidden]{display:none}
.custom-date-field label{display:block;font-size:3.5cqw;color:#666;margin-bottom:2cqw}
.custom-date-field input{width:100%;min-width:0;padding:3cqw;border:1px solid #c8c8c8;border-radius:1cqw;background:#fff;color:#111;font:400 4cqw/1.3 -apple-system,BlinkMacSystemFont,sans-serif}
.custom-date-field input:focus-visible{outline:2px solid #080808;outline-offset:3px}
.date-invalid{font-size:3.2cqw;color:#9a2323;margin:2cqw 0 0}
.date-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3cqw}
.date-tile{position:relative;display:block;min-height:30cqw;padding:4cqw;border:1px solid #dedede;border-radius:1.5cqw}
.date-tile[aria-pressed=true]{border-color:#080808;background:#f7f7f7}
.date-tile .date-choice-mark{position:absolute;top:4cqw;right:4cqw;width:4.5cqw;height:4.5cqw}
.date-tile-number{display:block;font-size:11cqw;font-weight:450;letter-spacing:-.06em;line-height:1;margin:0 0 4cqw}
.date-tile-number svg{width:9cqw;height:9cqw;display:block;stroke:currentColor;stroke-width:1.25;fill:none;stroke-linecap:round;stroke-linejoin:round;margin:0 0 2cqw}
.date-tile strong{font-size:3.95cqw}
.date-tile small{font-size:3cqw;line-height:1.4}
.date-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.7cqw;margin-bottom:5.3cqw}
.date-shortcuts .date-choice{justify-content:center;text-align:center;border:1px solid #e0e0e0;border-radius:1cqw;padding:3cqw .5cqw;gap:0}
.date-shortcuts .date-choice[aria-pressed=true]{background:#080808;color:#fff;border-color:#080808}
.date-shortcuts .date-choice strong{font-size:3.05cqw;letter-spacing:-.025em;white-space:nowrap}
.date-shortcuts .date-choice small{font-size:2.5cqw;margin-top:1cqw}
.date-shortcuts .date-choice[aria-pressed=true] small{color:#ccc}
.date-shortcuts .date-choice-mark{display:none}
.calendar-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 3cqw}
.calendar-heading h3{font-size:4.5cqw;font-weight:550;line-height:1.3;letter-spacing:-.025em;margin:0}
.calendar-heading>div{display:flex;gap:2cqw}
.calendar-heading button{font:400 6cqw/1 -apple-system,BlinkMacSystemFont,sans-serif;display:flex;align-items:center;justify-content:center;width:8cqw;height:8cqw;border:0;border-radius:1cqw;background:#fff;color:#111;cursor:pointer}
.calendar-heading button:disabled{opacity:.2;cursor:default}
.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1cqw}
.calendar-weekdays span{font-size:2.8cqw;font-weight:500;color:#999;text-align:center;padding:1cqw 0 2.5cqw}
.calendar-day{display:flex;align-items:center;justify-content:center;width:100%;height:8cqw;border:0;border-radius:1cqw;background:#fff;color:#222;font:400 3.7cqw/1 -apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer}
.calendar-day:disabled{color:#c9c9c9;cursor:default}
.calendar-day[aria-pressed=true]{background:#080808;color:#fff;font-weight:550}
.date-style-calendar+.date-summary{margin-top:5cqw;padding-top:4cqw}
@media(prefers-reduced-motion:reduce){.start-date-screen{transition:none}}

.date-choices .date-choice:last-child{border-bottom:0}

/* Selected date tiles: one contextual note, replaced by the custom calendar. */
.date-summary{margin-top:5cqw;padding:0;border:0}
.today-allowance{margin:0;font-size:3.4cqw;line-height:1.5;padding:3.5cqw}
.custom-inline-calendar{margin-top:5cqw}
.date-style-calendar+.date-summary{margin-top:5cqw;padding-top:0}