body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0003;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}#calendarCont{display:block;left:5%;min-height:90%;position:relative;top:5%;width:90%}#header{box-sizing:border-box;display:flex;height:3em;justify-content:space-between;padding:.5em 1em}#header #headerRight{align-items:baseline;column-gap:1em;display:flex;flex-wrap:wrap;justify-content:flex-end}#header #headerRight>*{position:relative;top:.3rem;vertical-align:initial}#header #username{font-size:1.1em;margin-right:.5em}#header #score{font-weight:700}#header #score:before{content:"today's busy-score";font-size:.8em;font-weight:700;margin-right:.5em;text-transform:uppercase}#header #logout,#header #userCont{display:inline-block}#header #logout{cursor:pointer;font-size:.8em;font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none}#header #logout:hover{text-decoration:underline}#header #refresh,#header .refreshStyle{cursor:pointer;display:inline-block;font-weight:700;margin-left:1em;text-transform:uppercase;-webkit-user-select:none;user-select:none}#header #refresh:before,#header .refreshStyle:before{content:"🔃";display:inline-block;margin-right:.2em}#header #refresh.refreshing:before,#header .refreshStyle.refreshing:before{animation:rotating 3s infinite}#header #spaces{display:inline-flex;gap:.5em}#header #spaces>*{background:linear-gradient(135deg,#7b68ee,#fd71af 90%);border-radius:.75em;color:#fff;cursor:pointer;display:inline-block;font-weight:700;overflow:hidden;padding:.4em 1em .4em .3em;position:relative;text-decoration:none;-webkit-user-select:none;user-select:none}#header #spaces>:before{content:"";display:inline-block;text-align:center;width:2em}#header #spaces>.checked:before{color:#0000;content:"✔";text-shadow:0 0 #fff}#subheader{display:flex;gap:1em;justify-content:flex-end;margin-bottom:1em;margin-top:-.5em;padding-right:1em;position:relative;z-index:5}.sectionHeadline{font-size:.9em;font-weight:700;margin-bottom:.5em;text-transform:uppercase}#settings{box-sizing:border-box;left:5%;padding:1em 0;position:relative;width:90%}#settings .setting{display:inline-block;margin-right:1.5em;-webkit-user-select:none;user-select:none}#settings .setting:last-child{margin-right:0}#settings .checkbox{display:inline-block}#settings .settingHelp{align-items:center;border:3px solid #000;border-radius:50%;color:#0000;cursor:pointer;display:inline-flex;flex-direction:column;font-size:.7em;height:1.2em;justify-content:center;margin-left:.5em;padding:.1em;text-align:center;text-shadow:0 0 #000;transform:translateY(-.2em);width:1.2em}#settings .sectionHeadline{pointer-events:none}#settings .sectionHeadline:after{align-items:center;border:2px solid #000;border-radius:.3em;content:"❌";cursor:pointer;display:inline-flex;filter:saturate(0) brightness(0);flex-direction:column;justify-content:center;margin-left:.5em;padding:.1em .1em .2em;pointer-events:all;transform:scale(.6)}#howWorks,#showGCalSyncSettings,#showSettings{cursor:pointer;display:inline-block;font-weight:700}#showGCalSyncSettings:hover,#showSettings:hover{text-decoration:underline}.keyword,.upperHighlight{font-weight:700;text-transform:uppercase}#loginScreen{background:#fdfdfd;border:2px solid #e3e3e3;border-radius:4em;box-shadow:.5em .5em 5em 1em #ddd;box-sizing:border-box;left:50%;padding:3em 5em;position:absolute;text-align:center;top:45%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}#loginScreen img{max-height:50vh;max-width:65vw}#appTitle{font-size:3em}#introHelpTitle{font-size:1.2em;font-weight:700}#introHelp{cursor:pointer;font-size:1.3em;margin-top:.2em}#connecting{background:linear-gradient(90deg,#7b68ee,#fd71af);border-radius:.75em;color:#fff;display:inline-block;font-size:1.5em;font-weight:700;margin-top:1em;overflow:hidden;padding:.4em 1em;position:relative;text-decoration:none}#connecting:before{animation-duration:1s;animation-iteration-count:infinite;animation-name:sheen;background:linear-gradient(-45deg,#0000 25%,#fff 50%,#0000 75%);background-position-x:0;content:"";display:block;height:100%;left:0;opacity:.5;position:absolute;top:0;transform:translateX(-100%);transition:opacity .5s;width:200%}p{margin-block-end:.25em;margin-block-start:.5em}.busyScore{font-size:.9em;font-weight:700;text-transform:uppercase}.mouseMessage{box-shadow:0 0 .5em #ddd;display:inline-block;max-width:500px;padding:1em}.mouseMessage,.popupMessage{background:#fff;border:2px solid #e3e3e3;border-radius:1em;position:fixed;z-index:5}.popupMessage{box-shadow:.5em .5em 5em 1em #0000001a;box-sizing:border-box;display:block;left:50%;max-height:95%;max-width:95%;overflow-y:auto;padding:1.5em;top:50%;transform:translate(-50%,-50%);width:30em}.popupMessage .close{align-items:center;border:2px solid #000;border-radius:.3em;cursor:pointer;display:inline-flex;filter:saturate(0) brightness(0);flex-direction:column;justify-content:center;margin-left:.5em;padding:.1em .1em .2em;position:absolute;right:.5em;top:.5em;transform:scale(.75)}.settingsHelpTitle{font-size:1.2em;font-weight:700;margin-bottom:.1em}#connectButton{background:linear-gradient(90deg,#7b68ee,#fd71af);border-radius:.75em;color:#fff;cursor:pointer;display:inline-block;font-size:1.5em;font-weight:700;margin-top:1em;overflow:hidden;padding:.4em 1em;position:relative;text-decoration:none}#connectButton:before{animation-duration:3s;animation-iteration-count:infinite;animation-name:sheen;background:linear-gradient(-45deg,#0000 25%,#fff 50%,#0000 75%);background-position-x:0;opacity:.3;transform:translateX(-100%)}#connectButton:after,#connectButton:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:opacity .5s;width:200%}#connectButton:after{background:linear-gradient(-45deg,#0000 25%,#fff 50%,#0000 75%);opacity:0;transform:translateX(-70%)}#connectButton:hover:before{opacity:0}#connectButton:hover:after{opacity:.6;transform:translateX(50%);transition:transform 1.5s,opacity .5s}#connectButton:active{transform:scale(.99)}@keyframes sheen{0%{transform:translateX(-100%)}to{transform:translateX(50%)}}@keyframes rotating{0%{animation-timing-function:ease-out;transform:rotate(0)}12.5%{animation-timing-function:ease-in;transform:rotate(45deg)}20%{animation-timing-function:ease-out;transform:rotate(90deg)}25%{animation-timing-function:ease-out;transform:rotate(90deg)}37.5%{animation-timing-function:ease-in;transform:rotate(135deg)}45%{animation-timing-function:ease-out;transform:rotate(180deg)}50%{animation-timing-function:ease-out;transform:rotate(180deg)}62.5%{animation-timing-function:ease-in;transform:rotate(225deg)}70%{animation-timing-function:ease-out;transform:rotate(270deg)}75%{animation-timing-function:ease-out;transform:rotate(270deg)}87.5%{animation-timing-function:ease-in;transform:rotate(315deg)}95%{transform:rotate(1turn)}to{transform:rotate(1turn)}}@media screen and (max-width:960px){#loginScreen{padding:3em 4em}#header{flex-direction:column;padding-left:.2em;padding-right:.2em}#header #headerRight{order:-1;text-align:center}#header #subheader{justify-content:center;margin-bottom:0;margin-top:.5em;order:0}#header #refresh{margin-top:1em}#header #headerLeft{order:1;text-align:center}#header #headerRight{display:flex;margin-bottom:.25em;row-gap:.4em}#header #headerRight,#header #spaces{flex-wrap:wrap;justify-content:center}#header #spaces{margin-top:1em}}@media screen and (min-width:960px){#header{background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:2}}@media screen and (max-width:960px){html{font-size:15px}}#calendar{margin-top:.5em}#calendarYM{align-items:flex-end;display:flex;flex-wrap:wrap;font-size:2em;gap:.5em;justify-content:flex-end;text-align:right;-webkit-user-select:none;user-select:none}#calendarYM #viewSelector{display:inline-block;font-size:.8em;text-align:center}#calendarYM #viewSelector select{border-color:#0000;border-radius:1em;border-right:.5em solid #0000;font-size:1em;outline:1px solid #767676;padding:.2em .5em;transform:translateY(.15em)}#calendarYM #rangeSelector{display:inline-block;white-space:nowrap}#calendarYM #rangeSelector .value{cursor:pointer;display:inline-block;text-align:center;width:8ch}#calendarYM #rangeSelector.disabled .controls{visibility:hidden}#calendarYM #daysPerRowSelector{display:inline-block;white-space:nowrap}#calendarYM #daysPerRowSelector .title{display:inline-block;font-size:.65em;line-height:.9;text-align:left;text-transform:uppercase;transform:translateY(.2em)}#calendarYM #daysPerRowSelector .value{display:inline-block;text-align:center;width:2.5ch}#calendarYM .controls{cursor:pointer;font-size:1.2em;padding:0 .5em}#today{cursor:pointer;font-size:.95em;text-transform:uppercase}#calendarDays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(5,1fr);height:100%;width:100%}#calendarRows{height:100%;margin-top:1em;width:100%}@media screen and (min-width:960px){#calendarYM div{align-items:flex-end;display:flex}#calendarYM #today{margin-right:1em}}@media screen and (max-width:960px){#calendarYM{background:#fff;justify-content:space-between;padding:.5em 1em .3em;position:-webkit-sticky;position:sticky;top:-1px;z-index:2}#calendarYM>div{align-items:flex-end;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:space-around;margin-bottom:.2em;position:relative;row-gap:.5em}#calendarYM>div>div{flex-basis:0;flex-grow:1;text-align:center}.sectionHeadline{text-align:center}#calendarRows{margin-top:0}.calendarRow .dayTitles .dayTitle{padding-top:.8em!important}}@keyframes flashing{0%{background:#0000}50%{background:orange}to{background:#0000}}#calendarYM{font-size:1.5em}#calendar:not(.jsSticky) .calendarRow .dayTitles{top:2.9em!important}.calendarRow{margin-bottom:2em;position:relative}.calendarRow .dayTitles{background:#fff;position:-webkit-sticky;position:sticky;top:2.9em;z-index:1}.calendarRow .dayTitles .dayTitle{background:#fff;border-right:1px solid #ddd;box-sizing:border-box;display:inline-block;font-size:1.25em;padding-bottom:.4em;padding-top:.4em;position:relative;text-align:center;width:calc(100%/var(--dayCount))}.calendarRow .dayTitles .dayTitle .dayTitleText{position:relative;z-index:1}.calendarRow .dayTitles .dayTitle .dayName{font-size:.8em;text-transform:uppercase}.calendarRow .dayTitles .dayTitle.busy{background:red}.calendarRow .dayTitles .dayTitle.today:before{background:#c9e4ef;border-radius:1em 1em 0 0;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.calendarRow .rowEvents{padding-bottom:.5em;padding-top:3px;position:relative}.calendarRow .rowEvents .event{align-items:center;box-sizing:border-box;color:#000;display:flex;justify-content:space-between;margin-bottom:3px;margin-left:calc(100%/var(--dayCount)*var(--event-left-slot));min-height:2em;opacity:.9;padding:.4em .5em;position:relative;text-decoration:none;width:calc(100%/var(--dayCount)*var(--event-row-slots))}.calendarRow .rowEvents .event.urgent:before{animation-duration:1s;animation-iteration-count:infinite;animation-name:flashing;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.calendarRow .rowEvents .event.start,.calendarRow .rowEvents .event.start:before{border-bottom-left-radius:1em;border-top-left-radius:1em}.calendarRow .rowEvents .event.end,.calendarRow .rowEvents .event.end:before{border-bottom-right-radius:1em;border-top-right-radius:1em}.calendarRow .rowEvents .event .nameTrack{display:block;flex-grow:1;margin-right:.5em}.calendarRow .rowEvents .event .eventName{display:inline-block;left:.5em;position:-webkit-sticky;position:sticky;white-space:nowrap}.calendarRow .rowEvents .event .afterDue{position:-webkit-sticky;position:sticky;right:.5em;white-space:nowrap}.calendarRow .rowEvents .event .afterDue:not(:empty):after{content:"days\aover";display:inline-block;font-size:.5em;font-weight:700;line-height:.85;margin-left:.2em;text-transform:uppercase;transform:translateY(.1em);white-space:pre-wrap}.calendarRow .rowEvents .event .afterDue:not(:empty).single:after{content:"day\aover"}.calendarRow .rowEvents .event:hover:before{border:2px solid #000;content:"";display:inline-block;height:calc(100% - .2em);left:0;position:absolute;top:0;width:calc(100% - .2em)}.calendarRow .rowEvents .dayBlocks{height:100%;position:absolute;top:0;width:100%}.calendarRow .rowEvents .dayBlock{border-right:1px solid #ddd;box-sizing:border-box;display:inline-block;height:100%;width:calc(100%/var(--dayCount))}.calendarRow .rowEvents .dayBlock.today{background:#c9e4ef;border-radius:0 0 1em 1em}@media screen and (max-width:960px){#calendarCont{left:0;width:100%}#calendarRows{overflow-x:auto}.calendarRow .dayTitles{position:relative;top:0;white-space:nowrap}.calendarRow .dayBlocks{white-space:nowrap}}.checkbox{cursor:pointer;padding:.3em;-webkit-user-select:none;user-select:none}.checkbox:before{content:"⬜";margin-right:.2em}.checkbox.checked:before{content:"✅"}.syncItem{background:#f2f2f2;border-radius:2em;margin-bottom:1em;padding:2em}#gCalSyncSettingsCont{box-sizing:border-box;padding:2em}#gCalSyncSettingsCont .header{font-size:1.5em;margin-bottom:1em}#gCalSyncSettingsCont .syncItemRow{display:flex}#gCalSyncSettingsCont .clickUpScopes,#gCalSyncSettingsCont .googleCalendarSelector{flex-grow:1}#gCalSyncSettingsCont .arrow{align-self:center;font-size:2em;margin:1em}#gCalSyncSettingsCont .actions{align-items:flex-start;display:flex}#gCalSyncSettingsCont .actions div{aspect-ratio:1;border:1px solid #000;border-radius:1em;cursor:pointer;flex-grow:0;margin:.2em;padding:1em}#gCalSyncSettingsCont .actions div:hover{box-shadow:0 0 .2em 0 #00000080}#gCalSyncSettingsCont .carret{cursor:pointer;display:inline-block;margin-right:.5em;text-align:center;transform:scaleY(.7);transform-origin:50% 50%;width:1em}#gCalSyncSettingsCont .carret:hover{font-weight:700}#gCalSyncSettingsCont .carret.collapsed{transform:rotate(-90deg) scaleY(.7)}#gCalSyncSettingsCont .carret.invisible{visibility:hidden}#gCalSyncSettingsCont .folderNode,#gCalSyncSettingsCont .listNode,#gCalSyncSettingsCont .spaceNode{margin-left:1em}#gCalSyncSettingsCont .folderNode.selected,#gCalSyncSettingsCont .listNode.selected,#gCalSyncSettingsCont .spaceNode.selected{font-weight:700}#gCalSyncSettingsCont .spaceNode{margin-left:0}#gCalSyncSettingsCont .nodeChildren.hidden{display:none}#gCalSyncSettingsCont .nodeName:hover{cursor:pointer;text-decoration:underline}#gCalSyncSettingsCont .clickUpTreeMode{margin-bottom:.5em}#gCalSyncSettingsCont .clickUpTreeMode span{cursor:pointer}#gCalSyncSettingsCont .clickUpTreeMode span:hover{text-decoration:underline}#gCalSyncSettingsCont .clickUpScopes{display:flex;flex-direction:column}#gCalSyncSettingsCont .clickUpScopeSelector{display:flex;margin-bottom:2em}#gCalSyncSettingsCont .scopeProps{margin-right:1em;min-width:45ch}#gCalSyncSettingsCont .saveSyncItems{border:.1em solid #000;border-radius:.5em;cursor:pointer;display:inline-block;padding:.25em 1em}#gCalSyncSettingsCont .cancelEdit,#gCalSyncSettingsCont .editTree{cursor:pointer;display:inline-block;margin-left:.5em}