.day{--slot-h: 13px;--gutter-w: 2.75rem;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;background:var(--edge);gap:2px;border:2px solid var(--edge);border-radius:4px;box-shadow:4px 4px 0 var(--drop);overflow:hidden;-webkit-user-select:none;user-select:none}.day__head{background:var(--sunken);min-height:1.85rem;display:flex;align-items:center;padding:.45rem .5rem;font-family:var(--font-hud);font-size:.5625rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.day__head--name{color:var(--ink)}.day__gutter,.day__track{position:relative;background:var(--panel)}.day__gutter{background:var(--sunken)}.day__rule{position:absolute;left:0;right:0;border-top:1px solid var(--hairline);pointer-events:none}.day__rule--half{border-top-style:dotted;opacity:.6}.day__hour{position:absolute;left:0;right:0;padding:2px 0 0 .4rem;font-family:var(--font-hud);font-size:.5625rem;color:var(--muted);border-top:1px solid var(--hairline);font-variant-numeric:tabular-nums}.day__anchor{position:absolute;left:0;right:0;z-index:0;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--c-chore) var(--tint-soft),var(--panel)) 0 5px,color-mix(in srgb,var(--c-chore) 8%,var(--panel)) 5px 10px);border-top:1px dashed color-mix(in srgb,var(--c-chore) 55%,transparent);border-bottom:1px dashed color-mix(in srgb,var(--c-chore) 55%,transparent);padding:.2rem .4rem;font-family:var(--font-hud);font-size:.5rem;text-transform:uppercase;color:var(--muted);pointer-events:none}.day__block{--c: var(--c-chore);position:absolute;left:3px;right:4px;z-index:1;display:flex;flex-direction:column;gap:1px;overflow:hidden;padding:.2rem .35rem;text-align:left;font:inherit;color:var(--ink);background:color-mix(in srgb,var(--c) var(--tint),var(--panel));border:1px solid color-mix(in srgb,var(--c) 55%,transparent);border-left:4px solid var(--c);border-radius:3px;box-shadow:2px 2px color-mix(in srgb,var(--c) 26%,transparent);cursor:var(--cur-grab);touch-action:none}.day__block--static{cursor:default;touch-action:auto}.day__block:focus-visible{outline:3px solid var(--c-grow);outline-offset:1px}.day__block-title{font-size:.75rem;font-weight:700;line-height:1.2}.day__block-time{font-family:var(--font-hud);font-size:.5rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.day__block--dragging{z-index:3;cursor:var(--cur-grabbing);box-shadow:4px 4px color-mix(in srgb,var(--c) 34%,transparent);pointer-events:none}.day__block--blocked{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--c) 16%,var(--panel)) 0 4px,transparent 4px 8px);border-style:dashed;box-shadow:none}.day__block--blocked .day__block-title{font-weight:400;font-style:italic;color:var(--muted)}.day__origin{position:absolute;left:3px;right:4px;z-index:2;border:1px dashed var(--muted);border-radius:3px;opacity:.5;pointer-events:none}.day__block--blocker{z-index:2;border-color:var(--ink);box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 45%,transparent)}.day__handle{position:absolute;left:0;right:0;height:8px;cursor:var(--cur-ns-resize);touch-action:none;background:transparent;border:0;padding:0}.day__handle--start{top:-2px}.day__handle--end{bottom:-2px}.day__block:hover .day__handle:after,.day__block:focus-within .day__handle:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:22px;height:2px;background:var(--c);border-radius:1px;opacity:.75}.day__handle--start:after{top:2px}.day__handle--end:after{bottom:2px}.day__readout{grid-column:1 / -1;background:var(--sunken);padding:.45rem .6rem;font-family:var(--font-hud);font-size:.5625rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);min-height:1.9rem;display:flex;align-items:center;gap:.5rem}.day__readout strong{color:var(--ink);font-weight:400}.day--timegutter{width:var(--gutter-w);align-content:start}.day__track--over{background:color-mix(in srgb,var(--c-grow) 10%,var(--panel))}.day__remove{position:absolute;top:1px;right:1px;width:16px;height:16px;padding:0;display:grid;place-items:center;font-size:.7rem;line-height:1;color:var(--ink);background:var(--panel);border:1px solid var(--edge);border-radius:2px;box-shadow:none;opacity:0;cursor:pointer}.day__block:hover .day__remove,.day__block:focus-within .day__remove{opacity:1}.day__remove:active{transform:none}.day--today .day__head{background:var(--c-learn);color:#2b2540}.day--today .day__date{color:#2b2540}.day--today .day__track{background:color-mix(in srgb,var(--c-learn) 12%,var(--panel))}.day__gone{position:absolute;inset:0;z-index:4;pointer-events:none;background:color-mix(in srgb,var(--panel) 58%,transparent)}.day--past .day__head,.day--past .day__date{color:color-mix(in srgb,var(--muted) 55%,transparent)}
