:root{color:#f5f5f5f0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--main:#121212;--secondary:#050505;--text:#f5f5f5f0;--muted:#f5f5f594;--accent:#3b82f6;background:#121212;font-family:Noto Sans,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}main{padding:16px}button,select,input{font:inherit;color:var(--text);background:var(--secondary);border:1px solid #f5f5f533;border-radius:8px;min-height:36px;padding:7px 10px}button{cursor:pointer}button:hover{border-color:#f5f5f57a}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.calendar-page{flex-direction:column;gap:12px;height:100dvh;min-height:400px;display:flex}.calendar-toolbar{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.calendar-toolbar button{height:40px}.calendar-toolbar .nav{width:44px;font-size:26px;line-height:20px}.nav span{background:var(--text);width:24px;height:24px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.previous span{-webkit-mask-image:url(/icons/chevron-left.svg);mask-image:url(/icons/chevron-left.svg)}.next span{-webkit-mask-image:url(/icons/chevron-right.svg);mask-image:url(/icons/chevron-right.svg)}.calendar-toolbar select{margin-left:auto}.date-picker-anchor{position:relative}.date-picker{z-index:10;background:var(--main);border:1px solid #f5f5f533;border-radius:8px;width:min(330px,100vw - 32px);padding:12px;position:fixed;top:64px;left:max(16px,min(200px,100vw - 346px))}.picker-header{gap:8px;margin-bottom:8px;display:flex}.picker-header select{flex:1;min-width:0;margin:0}.picker-header input{width:140px;min-width:0}.picker-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.picker-days button{height:34px;min-height:34px;padding:0}.calendar-status{color:var(--muted);flex-shrink:0;min-height:20px}.calendar-scroll{scrollbar-color:#f5f5f559 transparent;scrollbar-width:thin;flex:1;min-width:0;min-height:0;display:flex;overflow:auto}.month{flex-direction:column;flex:1;min-width:980px;min-height:626px;display:flex}.weekdays{color:var(--muted);text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));height:26px;padding-bottom:6px;display:grid}.month-grid{flex:1;grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;min-height:0;display:grid}.month-day{background:#0505057a;border:1px solid #f5f5f514;min-width:0;padding:5px;overflow:hidden}.day-number{height:24px}.day-number.today{color:var(--accent);font-weight:700}.other-month,.outside-range{opacity:.4}.month-event,.more{text-align:left;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:4px;width:100%;height:23px;min-height:0;margin-top:2px;padding:0 5px;font-size:12px;display:block;overflow:hidden}.month-event{background:color-mix(in srgb, var(--event-colour) 20%, transparent)}.more{background:0 0;height:22px;font-size:14px}.timeline-view{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.timeline-head{text-align:center;z-index:3;background:var(--main);height:26px;display:grid;position:sticky;top:0}.timeline-head>div:first-child{background:var(--main);position:sticky;left:0}.timeline-scroll{scrollbar-color:#f5f5f559 transparent;scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.timeline-content{min-width:calc(56px + var(--day-count) * 140px)}.time-grid{height:1440px;position:relative}.hour{width:100%;height:60px;position:absolute}.hour span{text-align:right;width:56px;color:var(--muted);z-index:2;background:var(--main);padding-right:8px;font-size:11px;display:block;position:sticky;left:0}.hour>div{background:#f5f5f51a;height:1px;position:absolute;top:0;left:52px;right:0}.day-columns{z-index:1;height:1440px;display:grid;position:absolute;top:0;left:56px;right:0}.day-column{border-left:1px solid #f5f5f514;position:relative}.time-event{border:1px solid color-mix(in srgb,var(--event-colour) 65%,transparent);background:color-mix(in srgb,var(--event-colour) var(--event-opacity),var(--main));text-align:left;border-radius:5px;min-height:0;padding:3px 5px;position:absolute;overflow:hidden}.event-text{flex-direction:column;gap:2px;font-size:12px;display:flex;position:sticky;top:4px}.event-text>span,.event-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-text small{color:var(--muted);font-size:11px}.event-dialog{color:var(--text);background:var(--main);border:1px solid #f5f5f538;border-radius:8px;width:min(600px,100vw - 32px);max-height:calc(100dvh - 32px);padding:20px;overflow-y:auto}.event-dialog::backdrop{background:0 0}.close{background:0 0;border:0;width:36px;min-height:32px;padding:0;position:absolute;top:0;right:0}.event-heading{margin-bottom:16px;padding-right:20px;font-size:20px}.event-title,.event-details>div{background:color-mix(in srgb,var(--text) 7%,var(--secondary));overflow-wrap:anywhere;border:1px solid #f5f5f533;border-radius:8px;min-height:36px;padding:7px 10px}.event-title{margin-bottom:12px}.event-details{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px 12px;display:grid}.event-details>span{text-align:right;color:var(--muted)}.notes{white-space:pre-wrap}a{color:var(--accent)}@media (width<=480px){.event-details{grid-template-columns:minmax(0,1fr)}.event-details>span{text-align:left}}