.calendar-plan{--plan-paper:#0c1211;--plan-raised:#18201d;--plan-frame:#29312e;--plan-rule:#64716b;--plan-accent:#688778;color:var(--document-text-color,var(--plan-ink,#c0c9c1))}
.plan-schedule{color:var(--document-text-color,var(--plan-schedule-ink,inherit));border:1px solid var(--plan-schedule-frame-paint,color-mix(in srgb,var(--plan-frame) 88%,transparent));border-radius:24px;padding:10px;background:linear-gradient(90deg,var(--plan-schedule-start-paint,color-mix(in srgb,var(--plan-paper) 76%,transparent)),var(--plan-schedule-end-paint,color-mix(in srgb,var(--plan-paper) 52%,transparent)))}
.calendar-plan button,.calendar-plan input{font:inherit;color:inherit;background:transparent;border:0;box-shadow:none;margin:0;min-width:0}.calendar-plan input{outline-offset:-2px;border-radius:0;padding:0 8px}.calendar-plan button{min-height:30px;padding:0 6px}
.plan-header{display:flex;align-items:center;gap:4px;padding:0 4px;min-height:30px;font-size:11px}.plan-header>input{width:116px;padding:0}.plan-count{margin-left:auto;font-size:9px;white-space:nowrap}.plan-header>button{width:30px;font-size:16px}.plan-header svg{width:17px;height:17px}
.plan-date-strip{color:var(--document-text-color,var(--plan-row-ink,inherit));display:flex;overflow-x:auto;scrollbar-width:none;gap:1px;padding:4px 10px;margin:8px 0 0;border-radius:12px;background:var(--plan-date-strip-paint,color-mix(in srgb,var(--plan-raised) 42%,transparent))}.plan-date-strip[hidden]{display:none}.plan-day{flex:0 0 42px;width:42px;display:flex;flex-direction:column;align-items:center;border-radius:6px;padding:2px 0!important}.plan-day>span{font-size:7px;line-height:12px}.plan-day>strong{font-size:11px;line-height:16px;font-weight:500}.plan-day[aria-pressed=true]{color:var(--document-text-color,var(--plan-selected-ink,inherit));background:var(--plan-selected-day-paint,color-mix(in srgb,var(--plan-accent) 56%,transparent))}
.plan-activities{padding-top:10px}.plan-row{color:var(--document-text-color,var(--plan-row-ink,inherit));display:flex;align-items:center;height:44px;border:1px solid var(--plan-row-rule-paint,color-mix(in srgb,var(--plan-rule) 45%,transparent));background:var(--plan-row-paint,color-mix(in srgb,var(--plan-raised) 58%,transparent));border-radius:10px;padding:0 8px}.plan-row>input[aria-label=Time],.plan-time{width:82px;flex:0 0 82px;text-align:center;font-size:11px}.plan-row>input[aria-label=Todo],.plan-todo{flex:1;width:0;min-width:0;border-left:1px solid var(--plan-rule);font-size:13px;padding:0 8px}.plan-row input{height:42px}.plan-row>button{width:32px;flex:none;font-size:16px}.plan-activities>button{display:block;margin:6px auto;min-width:44px}.plan-activity-date{width:48px;text-align:center;border-right:1px solid var(--plan-rule);font-size:11px}.plan-empty{text-align:center;min-height:44px;font-size:10px;letter-spacing:.8px}
.plan-annual{margin-top:19px;height:584px;padding:5px 6px;border:1px solid var(--plan-annual-frame-paint,color-mix(in srgb,var(--plan-frame) 72%,transparent));border-radius:12px;background:var(--plan-annual-paint,color-mix(in srgb,var(--plan-raised) 36%,transparent))}.plan-annual[hidden]{display:none}.plan-annual-header{height:42px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;font-weight:700;letter-spacing:.8px}.plan-annual-header>span{width:112px;text-align:center}.plan-annual-header>button{width:30px;font-size:19px}.plan-month{display:flex;align-items:center;height:44px;padding:0 5px;margin:0!important}.plan-month>span:first-child{width:21px;font-size:10px;font-weight:700;flex:none}.plan-month>input,.plan-month>span:last-child:not(:first-child){min-width:0;flex:1;height:30px;border-left:1px solid var(--plan-month-rule-paint,color-mix(in srgb,var(--plan-rule) 52%,transparent));padding:0 6px;font-size:12.5px;line-height:30px}.plan-month>input::placeholder{font-size:9.5px}

/* Palettes change paint and legibility; every palette presents Standard's fields. */
.calendar-plan [hidden]{display:none!important}
.calendar-plan[data-plan-structured=true]{--plan-ledger-rule:color-mix(in srgb,currentColor 38%,transparent);caret-color:currentColor}
.calendar-plan[data-plan-structured=true] .plan-schedule,
.calendar-plan[data-plan-structured=true] .plan-annual{border-color:color-mix(in srgb,currentColor 32%,transparent)}
.calendar-plan[data-panel-tone=NONE] .plan-schedule,
.calendar-plan[data-panel-tone=NONE] .plan-annual{border-color:transparent}
.calendar-plan[data-plan-structured=true] .plan-header{font-size:13px}
.calendar-plan[data-plan-structured=true] .plan-count{font-size:11px}
.calendar-plan[data-plan-structured=true] .plan-day>span{font-size:10px;line-height:16px}
.calendar-plan[data-plan-structured=true] .plan-day>strong{font-size:14px;line-height:20px}
.calendar-plan[data-plan-structured=true] .plan-day[aria-pressed=true]{color:inherit;background:color-mix(in srgb,currentColor 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 70%,transparent)}
.calendar-plan[data-panel-tone=NONE] .plan-day[aria-pressed=true]{background:transparent}
.calendar-plan[data-plan-structured=true] .plan-row{border-color:var(--plan-ledger-rule)}
.calendar-plan[data-plan-structured=true] .plan-row>input[aria-label=Time],
.calendar-plan[data-plan-structured=true] .plan-time{font-size:13px}
.calendar-plan[data-plan-structured=true] .plan-row>input[aria-label=Todo],
.calendar-plan[data-plan-structured=true] .plan-todo{border-color:var(--plan-ledger-rule)}
.calendar-plan[data-plan-all=true] .plan-time{flex-basis:58px;width:58px}
.calendar-plan[data-plan-structured=true] .plan-annual-header>span{width:176px}
.calendar-plan[data-plan-structured=true] .plan-month{border-bottom:1px solid var(--plan-ledger-rule)}
.calendar-plan[data-plan-structured=true] .plan-month>span:first-child{width:64px;font-size:12px;text-align:center}
.calendar-plan[data-plan-structured=true] .plan-month>input,
.calendar-plan[data-plan-structured=true] .plan-month>span:last-child:not(:first-child){border-color:var(--plan-ledger-rule)}
.calendar-plan[data-plan-structured=true] input::placeholder{color:inherit;opacity:.85;font-size:12px}
.calendar-plan[data-plan-structured=true] .plan-empty{font-size:12px}
.calendar-plan .plan-header svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.calendar-plan[data-plan-structured=true] input:focus-visible{outline:none}
.calendar-plan[data-plan-structured=true] button:focus-visible{outline:2px solid currentColor;outline-offset:-2px}