.cal-shell{padding-top:calc(var(--header-h) + 20px);grid-template-columns:minmax(0,1fr);grid-template-areas:"title""chips""nav""month";row-gap:12px;display:grid}.cal-title{grid-area:title}.cal-chips{grid-area:chips;min-width:0}.cal-nav{grid-area:nav}.cal-month{grid-area:month;min-width:0}.cal-chips .ar-chips{padding-top:2px;padding-bottom:8px}@media (min-width:1024px){.cal-shell{height:min(100svh,1080px);min-height:600px;padding-top:calc(var(--header-h) + 14px);grid-template:"title nav""chips chips""month month"minmax(0,1fr)/minmax(0,1fr) auto;gap:8px clamp(14px,1.3vw,22px);padding-bottom:16px}.cal-title,.cal-nav{align-self:center}.cal-nav{min-width:340px}.cal-month{min-height:0}.cal-chips .ar-chips{gap:8px 6px}.cal-chips .ar-chip,.cal-chips .ar-chip-face{min-height:40px}.cal-chips .ar-chip-face{gap:8px;padding:0 11px 0 10px;font-size:.875rem}.cal-chips .ar-chip-count{font-size:1.1875rem}}.cal-day{--cut:8px;--rim:color-mix(in srgb, var(--text-color-white) 20%, transparent);--plate:color-mix(in srgb, var(--text-color-white) 4%, var(--background-color-deep));--rim-w:1px;width:100%;min-width:0;height:100%;padding:var(--rim-w);background:var(--rim);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));color:var(--text-color-white);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .16s var(--ease-cc-out);display:block;position:relative}.cal-day-plate{--cut-in:calc(var(--cut) - var(--rim-w) * .59);background:var(--plate);min-width:0;height:100%;clip-path:polygon(var(--cut-in) 0, 100% 0, 100% calc(100% - var(--cut-in)), calc(100% - var(--cut-in)) 100%, 0 100%, 0 var(--cut-in));transition:background-color .16s var(--ease-cc-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.cal-day[data-empty]{--plate:var(--color-well)}.cal-day[data-weekend]{--plate:color-mix(in srgb, var(--color-pink) 8%, var(--background-color-deep))}.cal-day[data-weekend][data-empty]{--plate:color-mix(in srgb, var(--color-pink) 6%, var(--color-well))}.cal-day[data-out]{--plate:var(--color-well);--rim:var(--color-well);cursor:default}@media (hover:hover) and (pointer:fine){.cal-day:not([data-out]):hover{--rim:color-mix(in srgb, var(--text-color-white) 50%, transparent)}}.cal-day[aria-current=date]{--rim:color-mix(in srgb, var(--border-color-pink) 60%, transparent)}.cal-day[aria-pressed=true]{--rim:var(--border-color-pink);--rim-w:2px}.cal-day:focus-visible{--rim:var(--border-color-pink);--rim-w:3px;outline:none}.cal-day:active:not([data-out]) .cal-day-plate{background:color-mix(in srgb, var(--text-color-white) 8%, var(--plate))}.cal-mark{border-left:2px solid var(--accent);background:color-mix(in srgb, var(--text-color-white) 7%, transparent);white-space:nowrap;align-items:center;gap:5px;min-width:0;height:18px;padding:0 5px 0 4px;font-size:.75rem;font-weight:600;line-height:1;display:flex}.cal-mark[data-finished]{color:var(--color-mist)}.cal-mark-time{font-variant-numeric:tabular-nums;color:var(--color-mist);flex:none}.cal-pip{background:var(--accent);flex:none;width:6px;height:6px}.cal-dialog{width:min(560px,100vw - 24px);max-width:none;max-height:min(720px,100dvh - 48px);color:var(--text-color-white);filter:drop-shadow(6px 6px #060a2c);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.cal-dialog[open]{display:flex}.cal-dialog::backdrop{background:#060a2ccc}.cal-dialog-box{--cut:16px;--rim:color-mix(in srgb, var(--text-color-white) 28%, transparent);--plate:var(--color-well);width:100%;max-height:inherit;flex-direction:column;min-height:0;display:flex}@media (max-width:639.98px){.cal-dialog{width:100vw;max-height:calc(100dvh - 56px);margin:auto 0 0}.cal-dialog-box{--cut:14px}}.cal-box{--cut:14px;--rim:color-mix(in srgb, var(--text-color-white) 20%, transparent);--plate:var(--color-well);background:var(--rim);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));padding:1px}.cal-box>.cal-box-plate{--cut-in:calc(var(--cut) - .6px);background:var(--plate);height:100%;clip-path:polygon(var(--cut-in) 0, 100% 0, 100% calc(100% - var(--cut-in)), calc(100% - var(--cut-in)) 100%, 0 100%, 0 var(--cut-in))}.cal-event{--cut:10px;--rim:color-mix(in srgb, var(--text-color-white) 16%, transparent);--plate:var(--background-color-deep);transition:background-color .16s var(--ease-cc-out)}.cal-event>.cal-box-plate{border-left:3px solid var(--accent);transition:background-color .16s var(--ease-cc-out)}@media (hover:hover) and (pointer:fine){a.cal-event:hover{--rim:var(--border-color-pink)}a.cal-event:hover>.cal-box-plate{--plate:color-mix(in srgb, var(--text-color-white) 5%, var(--background-color-deep))}a.cal-event:hover .cal-event-go{color:var(--text-color-pink);transform:translate(3px)}}a.cal-event:focus-visible{--rim:var(--border-color-pink);outline:none;padding:2px}a.cal-event:active>.cal-box-plate{--plate:color-mix(in srgb, var(--text-color-white) 8%, var(--background-color-deep))}.cal-event-go{transition:transform .2s var(--ease-cc-out), color .16s var(--ease-cc-out)}.cal-arrow{--cut:8px;--rim:color-mix(in srgb, var(--text-color-white) 22%, transparent);--plate:var(--color-well);background:var(--rim);min-width:44px;height:44px;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));color:var(--text-color-white);-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex:none;padding:1px;display:inline-flex}.cal-arrow>span{--cut-in:calc(var(--cut) - .6px);background:var(--plate);clip-path:polygon(var(--cut-in) 0, 100% 0, 100% calc(100% - var(--cut-in)), calc(100% - var(--cut-in)) 100%, 0 100%, 0 var(--cut-in));transition:background-color .16s var(--ease-cc-out), color .16s var(--ease-cc-out);flex:1;justify-content:center;align-items:center;gap:8px;display:inline-flex}@media (hover:hover) and (pointer:fine){.cal-arrow:hover>span{background:var(--color-pink);color:var(--color-abyss)}}.cal-arrow:active>span{background:var(--color-pink);color:var(--color-abyss)}.cal-arrow:focus-visible{--rim:var(--border-color-pink);outline:none;padding:2px}@media (min-width:1024px){.cal-arrow{min-width:40px;height:40px}}:root[data-theme=light] .cal-dialog::backdrop{background:#0b114573}