.calendar-demo{--umpire-demo-root-padding: 1rem;--umpire-demo-root-radius: 1.2rem;--umpire-demo-root-accent-primary-position: top right;--umpire-demo-root-accent-primary: rgba(107, 254, 156, .16);--umpire-demo-root-accent-primary-size: 34%;--umpire-demo-root-accent-secondary-position: bottom left;--umpire-demo-root-accent-secondary: rgba(254, 208, 35, .1);--umpire-demo-root-accent-secondary-size: 32%;--umpire-demo-root-highlight-stop: 24%;--calendar-demo-panel-border: rgba(107, 254, 156, .12);--calendar-demo-soft-border: rgba(255, 255, 255, .08);--calendar-demo-soft-surface: rgba(255, 255, 255, .03);--calendar-demo-soft-surface-strong: rgba(255, 255, 255, .045);--calendar-demo-green-soft: rgba(107, 254, 156, .16);--calendar-demo-yellow-soft: rgba(254, 208, 35, .14);--calendar-demo-red-soft: rgba(255, 113, 108, .16);--calendar-demo-day-shadow: 0 0 22px rgba(107, 254, 156, .12)}.sl-markdown-content .calendar-demo section+section,.sl-markdown-content .calendar-demo button+button,.sl-markdown-content .calendar-demo fieldset+fieldset{margin-top:0}.sl-markdown-content .calendar-demo h2,.sl-markdown-content .calendar-demo h3{margin:.25rem 0 0;padding:0;border:0}.calendar-demo__strip,.calendar-demo__panel{min-width:0;border:1px solid var(--umpire-demo-border);border-radius:1rem;overflow:hidden;background:linear-gradient(180deg,rgba(107,254,156,.04),transparent 20%),var(--umpire-demo-surface);backdrop-filter:blur(18px)}.calendar-demo__strip-header,.calendar-demo__panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.85rem;padding:.95rem 1rem .85rem;border-bottom:1px solid rgba(107,254,156,.1);background:linear-gradient(90deg,rgba(107,254,156,.08),transparent 58%),#ffffff05}.calendar-demo__eyebrow,.calendar-demo__accent,.calendar-demo__group-kicker,.calendar-demo__label,.calendar-demo__suffix,.calendar-demo__weekday,.calendar-demo__table th,.calendar-demo__status-text{font-family:JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.calendar-demo__eyebrow{font-size:.64rem;color:var(--umpire-demo-text-muted)}.calendar-demo__title,.calendar-demo__panel-title{margin:.25rem 0 0;font-family:Space Grotesk,sans-serif;font-size:1.22rem;line-height:1.08;color:var(--umpire-demo-text)}.calendar-demo__accent{font-size:.68rem;color:var(--umpire-demo-green);white-space:nowrap}.calendar-demo__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;padding:1rem}.calendar-demo__group{display:flex;flex-direction:column;gap:.75rem;padding:.85rem;border:1px solid var(--calendar-demo-panel-border);border-radius:.95rem;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 56%),#ffffff05}.calendar-demo__group--exceptions,.calendar-demo__group--patterns,.calendar-demo__group--subday{grid-column:1 / -1}.calendar-demo__group-head{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.calendar-demo__group-kicker{font-size:.66rem;color:var(--umpire-demo-yellow)}.calendar-demo__group-caption,.calendar-demo__reason,.calendar-demo__empty,.calendar-demo__note,.calendar-demo__legend-item,.calendar-demo__table-reason{color:var(--umpire-demo-text-dim)}.calendar-demo__group-caption{font-size:.8rem;text-align:right}.calendar-demo__control{display:flex;flex-direction:column;gap:.42rem;padding:.78rem;border:1px solid rgba(255,255,255,.06);border-radius:.85rem;background:var(--calendar-demo-soft-surface);transition:border-color .18s ease,background .18s ease,opacity .18s ease,transform .18s ease}.calendar-demo__control:focus-within{border-color:#6bfe9c38;background:var(--calendar-demo-soft-surface-strong)}.calendar-demo__control--inline{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.calendar-demo__control--nested{padding:.65rem;background:#ffffff06}.calendar-demo__control--disabled{border-color:var(--umpire-demo-field-disabled-border-color);background:var(--umpire-demo-field-disabled-bg);opacity:var(--umpire-demo-field-disabled-opacity)}.calendar-demo__control-copy{display:flex;flex-direction:column;gap:.3rem;min-width:0}.calendar-demo__label{font-size:.62rem;color:var(--umpire-demo-text-muted)}.calendar-demo__reason,.calendar-demo__empty,.calendar-demo__note,.calendar-demo__legend-item,.calendar-demo__table-reason{font-size:.82rem}.calendar-demo__input-row,.calendar-demo__split-inputs,.calendar-demo__nav,.calendar-demo__chip-row,.calendar-demo__legend{display:flex;gap:.5rem}.calendar-demo__split-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-demo__input,.calendar-demo__toggle,.calendar-demo__chip,.calendar-demo__action,.calendar-demo__nav-button{transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.calendar-demo__input{width:100%;min-width:0;border:1px solid var(--calendar-demo-soft-border);border-radius:var(--umpire-demo-input-radius);padding:var(--umpire-demo-input-padding);background:var(--umpire-demo-input-bg);color:var(--umpire-demo-text);font:inherit;outline:none}.calendar-demo__input:focus{border-color:#6bfe9c47}.calendar-demo__input::placeholder{color:#f5f7f447}.calendar-demo__input:disabled{color:#f5f7f46b;cursor:not-allowed}.calendar-demo__action,.calendar-demo__nav-button{border:1px solid rgba(107,254,156,.28);border-radius:999px;padding:.72rem .95rem;background:#6bfe9c1f;color:var(--umpire-demo-green);font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.calendar-demo__chip,.calendar-demo__toggle{border:1px solid var(--calendar-demo-soft-border);cursor:pointer}.calendar-demo__action:hover,.calendar-demo__nav-button:hover,.calendar-demo__chip:hover,.calendar-demo__toggle:hover{transform:translateY(-1px)}.calendar-demo__action:hover,.calendar-demo__nav-button:hover{background:#6bfe9c2e;box-shadow:0 0 18px #6bfe9c1f}.calendar-demo__action:disabled,.calendar-demo__nav-button:disabled,.calendar-demo__chip:disabled,.calendar-demo__toggle:disabled{cursor:not-allowed;transform:none;box-shadow:none}.calendar-demo__chip-row{flex-wrap:wrap}.calendar-demo__chip{display:inline-flex;align-items:center;gap:.42rem;border-radius:999px;padding:.45rem .72rem;background:#ffffff0a;color:var(--umpire-demo-text);font-family:JetBrains Mono,monospace;font-size:.72rem}.calendar-demo__chip:hover{border-color:#6bfe9c38}.calendar-demo__chip--remove{padding-right:.58rem}.calendar-demo__chip-x{color:var(--umpire-demo-text-dim);font-size:.68rem}.calendar-demo__toggle-grid{display:grid;gap:.42rem}.calendar-demo__toggle-grid--weekdays{grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-demo__toggle-grid--months{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-demo__toggle-grid--days,.calendar-demo__toggle-grid--hours{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-demo__toggle{border-radius:.74rem;padding:.66rem .5rem;background:#ffffff0a;color:var(--umpire-demo-text-dim);font-family:JetBrains Mono,monospace;font-size:.69rem;font-weight:600;text-align:center}.calendar-demo__toggle:hover{color:var(--umpire-demo-text)}.calendar-demo__toggle--active{border-color:#6bfe9c42;background:#6bfe9c29;color:var(--umpire-demo-green);box-shadow:inset 0 0 0 1px #6bfe9c29,0 0 18px #6bfe9c1a}.calendar-demo__suffix{flex-shrink:0;align-self:center;font-size:.72rem;color:var(--umpire-demo-text-dim)}.calendar-demo__switch{position:relative;display:inline-flex;cursor:pointer}.calendar-demo__switch input{position:absolute;opacity:0;pointer-events:none}.calendar-demo__switch-track{position:relative;width:3.4rem;height:1.95rem;border:1px solid var(--calendar-demo-soft-border);border-radius:999px;background:#ffffff0f;transition:background .18s ease,border-color .18s ease}.calendar-demo__switch-track:after{content:"";position:absolute;top:.17rem;left:.2rem;width:1.34rem;height:1.34rem;border-radius:50%;background:#ffffffc2;transition:transform .18s ease,background .18s ease}.calendar-demo__switch input:checked+.calendar-demo__switch-track{border-color:#6bfe9c47;background:#6bfe9c2e}.calendar-demo__switch input:checked+.calendar-demo__switch-track:after{transform:translate(1.42rem);background:var(--umpire-demo-green)}.calendar-demo__switch input:disabled+.calendar-demo__switch-track{opacity:.45;cursor:not-allowed}.calendar-demo__branch-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-demo__interval-fields{display:grid;gap:.55rem}.calendar-demo__panel--preview .calendar-demo__month-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-demo__panel--preview .calendar-demo__day{min-height:5.5rem}.calendar-demo__panel-body{padding:1rem}.calendar-demo__panel-body--table{padding-top:.85rem}.calendar-demo__note{margin:0 0 .9rem}.calendar-demo__hint{margin:0;padding:.6rem .78rem;border:1px solid rgba(254,208,35,.18);border-radius:.72rem;background:#fed0230f;color:#fed023d1;font-size:.8rem;line-height:1.55}.calendar-demo__hint code{padding:.1em .3em;border-radius:.3em;background:#fed0231f;font-family:JetBrains Mono,monospace;font-size:.85em;color:#fed023f2}.calendar-demo__weekday-row,.calendar-demo__month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem}.calendar-demo__weekday{text-align:center;font-size:.6rem;color:var(--umpire-demo-text-muted)}.calendar-demo__weekday:first-child{margin-top:var(--sl-content-gap-y)}.calendar-demo__month-grid{margin-top:.55rem}.calendar-demo__day{position:relative;display:flex;align-items:flex-start;justify-content:space-between;min-height:4.75rem;padding:.58rem;border:1px solid rgba(255,255,255,.05);border-radius:.9rem;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 56%),#ffffff05;overflow:hidden}.sl-markdown-content .calendar-demo__month-grid>div,.sl-markdown-content .calendar-demo__legend>.calendar-demo__legend-item{margin-top:0}.calendar-demo__day:after{content:"";position:absolute;inset:auto .58rem .58rem;height:.18rem;border-radius:999px;background:transparent}.calendar-demo__day-number{display:inline-flex;align-items:center;justify-content:center;min-width:1.8rem;padding:.24rem .4rem;border-radius:999px;font-family:JetBrains Mono,monospace;font-size:.76rem;color:var(--umpire-demo-text)}.calendar-demo__day-markers{display:flex;gap:.28rem;align-self:flex-end}.calendar-demo__day-marker{width:.5rem;height:.5rem;border-radius:50%;background:#fff3}.calendar-demo__day-marker--active,.calendar-demo__legend-swatch--active{background:var(--umpire-demo-green)}.calendar-demo__day-marker--excluded,.calendar-demo__legend-swatch--excluded{background:var(--umpire-demo-yellow)}.calendar-demo__day-marker--bounds,.calendar-demo__legend-swatch--bounds{background:#ffffff52}.calendar-demo__day--active{border-color:#6bfe9c3d;background:linear-gradient(180deg,#6bfe9c2e,#6bfe9c14),#ffffff06;box-shadow:var(--calendar-demo-day-shadow)}.calendar-demo__day--active:after{background:#6bfe9ce6}.calendar-demo__day--active .calendar-demo__day-number{background:#07230f8c;color:#b7ffcc}.calendar-demo__day--excluded{border-style:dashed;border-color:#fed0233d;background:linear-gradient(180deg,rgba(254,208,35,.12),transparent 70%),#ffffff05}.calendar-demo__day--excluded .calendar-demo__day-number{color:#fff3b8cc;text-decoration:line-through;text-decoration-color:#fed023cc}.calendar-demo__day--outside-window,.calendar-demo__day--adjacent{border-color:#ffffff0a;background:#ffffff03}.calendar-demo__day--outside-window .calendar-demo__day-number,.calendar-demo__day--adjacent .calendar-demo__day-number{color:var(--umpire-demo-text-muted)}.calendar-demo__day--outside-window{opacity:.54}.calendar-demo__day--adjacent{opacity:.42}.calendar-demo__day--today{box-shadow:inset 0 0 0 1px #fed02347,0 0 20px #fed02314}.calendar-demo__legend{flex-wrap:wrap;margin-top:.9rem}.calendar-demo__legend-item{display:inline-flex;align-items:center;gap:.42rem}.calendar-demo__legend-swatch{width:.72rem;height:.72rem;border-radius:50%}.calendar-demo__table-shell{border:1px solid rgba(255,255,255,.06);border-radius:.9rem;overflow:hidden;background:#ffffff05}.calendar-demo__table{width:100%;border-collapse:collapse;font-size:.76rem}.calendar-demo__table th,.calendar-demo__table td{padding:.8rem .85rem;border-bottom:1px solid rgba(255,255,255,.05);text-align:left;vertical-align:top}.calendar-demo__table th{background:#ffffff08;font-size:.62rem;color:var(--umpire-demo-text-muted)}.calendar-demo__table tbody tr:last-child td{border-bottom:0}.calendar-demo__table-field{color:var(--umpire-demo-text);font-weight:600}.calendar-demo__status{display:inline-flex;align-items:center;gap:.45rem}.calendar-demo__status-dot{width:.48rem;height:.48rem;border-radius:50%;box-shadow:0 0 10px currentColor}.calendar-demo__status--enabled{color:var(--umpire-demo-green)}.calendar-demo__status--disabled{color:var(--umpire-demo-red)}.calendar-demo__status--enabled .calendar-demo__status-dot{background:var(--umpire-demo-green)}.calendar-demo__status--disabled .calendar-demo__status-dot{background:var(--umpire-demo-red)}.calendar-demo__status-text{font-size:.66rem}@media(max-width:70rem){.calendar-demo__lower,.calendar-demo__branch-grid{grid-template-columns:1fr}}@media(max-width:56rem){.calendar-demo__groups{grid-template-columns:1fr}.calendar-demo__group-head,.calendar-demo__strip-header,.calendar-demo__panel-header,.calendar-demo__control--inline,.calendar-demo__input-row{flex-direction:column;align-items:stretch}.calendar-demo__group-caption{text-align:left}.calendar-demo__toggle-grid--weekdays{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-demo__toggle-grid--months{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:40rem){.calendar-demo__toggle-grid--hours{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-demo__day{min-height:3.95rem;padding:.45rem}.calendar-demo__table-shell{overflow-x:auto}.calendar-demo__table{min-width:35rem}}