:root{color-scheme:light dark}*{box-sizing:border-box}h1,h2,h3,h4{margin:0}button{border:1px solid;background:none;padding:4px 8px;cursor:pointer;font-family:inherit;color:inherit;font-size:14px}button:hover,button:focus{background:var(--hover-color)}input{font-family:inherit;padding:4px}input[type=checkbox]{margin:0;cursor:pointer}input[type=text],input[type=password]{font-size:14px}textarea{font-size:14px;resize:vertical;padding:4px;min-height:5lh;max-height:20lh}fieldset{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;gap:4px;border:none;padding:0;margin:0}@media(hover:none)and (pointer:coarse){input,textarea,select{font-size:16px}}.Logo{text-decoration:underline;text-decoration-style:solid;text-underline-offset:2px;text-decoration-style:double;font-size:16px}.Login{display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start;position:fixed;top:30%;left:50%;transform:translate(-50%)}.Login .LoginForm{margin:24px 0 12px;padding:16px;border:1px solid;width:300px}.Login .LoginForm .LoginFormHeader{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;margin:0 0 12px}.Login .LoginForm .LoginFormHeader h1{font-size:16px;margin:0}.Login .LoginForm .LoginFormHeader label{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;white-space:nowrap}.Login .LoginForm .LoginFormHeader label input[type=checkbox]{margin:0}.Login .LoginForm input{margin-bottom:6px;padding:4px;font-family:inherit;width:100%}.Login .LoginForm button{margin-top:6px;width:100%}.Login .LoginForm small{margin-top:8px;display:block;text-align:center}.Login .LoginForm small.confirmMessage{color:#3cb371}.Login .LoginForm small.failureMessage{color:#cd5c5c}.Login a{text-underline-offset:4px;cursor:pointer;color:inherit;text-decoration:none}.Login a:hover,.Login a:focus{text-decoration:underline}.Login a:active,.Login a:visited{color:currentColor}.Panel{display:grid;grid-template-rows:auto 1fr;border:1px solid;gap:var(--gap)}.Panel .header{width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;padding:var(--gap);font-size:12px}.Panel .actions button{border:none;font-family:inherit;background:none;font-size:10px;cursor:pointer;padding:2px 4px}.Panel .actions button:hover,.Panel .actions button:focus{background:var(--hover-color)}.Tabs{display:flex;flex-flow:row nowrap;align-items:stretch;gap:2ch}.Tabs button{background:none;border:none;opacity:.5;font-size:12px;height:16px;padding:0;font-weight:600}.Tabs button:hover,.Tabs button:focus{opacity:.8}.Tabs button.selected{opacity:1;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:light-dark(rgba(255,255,255,.5),rgba(0,0,0,.5));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;transition:opacity .2s,display .2s;transition-behavior:allow-discrete}@starting-style{.ModalOverlay{opacity:0;height:0}}.ModalOverlay.isOpen{display:block}.ModalOverlay .Modal{border:2px solid;border-radius:4px;padding:12px;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;width:90%;max-width:85ch;gap:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ModalOverlay .Modal .header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.ModalOverlay .Modal .header h3{margin:0;font-size:14px;text-align:left}.ModalOverlay .Modal .header .close{position:relative;width:12px;height:12px;padding:6px;background:none;border:none;cursor:pointer}.ModalOverlay .Modal .header .close:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:12px;background:currentcolor;transform:translate(-50%,-50%) rotate(45deg)}.ModalOverlay .Modal .header .close:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:12px;background:currentcolor;transform:translate(-50%,-50%) rotate(-45deg)}.ModalOverlay .Modal .footer{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;gap:8px}.EntryModal textarea[name=entry]{height:100vh}.MonthYearSelector{font-size:16px;margin:0;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.MonthYearSelector .arrow{position:absolute;font-size:20px;top:50%;transform:translateY(-50%);border:none;background:none}.MonthYearSelector .arrow.left{right:100%}.MonthYearSelector .arrow.right{left:100%}.MonthYearSelector .monthYearAction{background:none;font-family:inherit;font-size:inherit;border:none;padding:4px}.MonthYearSelector .monthYearAction:hover,.MonthYearSelector .monthYearAction:focus{background:var(--hover-color);cursor:pointer}.Notes{padding:0 var(--gap);max-height:100%;resize:none;background:none;border:none;outline:none;line-height:1.5lh}.Timeline{position:relative;--separator: 1px solid light-dark(rgba(0, 0, 0, .5), rgba(255, 255, 255, .5))}.Timeline .line{display:grid;grid-template-columns:min-content min-content 1fr;gap:var(--gap);padding:0 var(--gap);align-items:center}.Timeline .line.withHabits{grid-template-columns:min-content min-content 1fr auto}.Timeline .line.withHabits .entry{border-right:var(--separator)}.Timeline .line.past{opacity:.7}.Timeline .line.today{position:relative}.Timeline .line.today .day,.Timeline .line.today .weekday{font-weight:700;color:var(--marker-color)}.Timeline .line.today:before{content:"•";color:var(--marker-color);position:absolute;top:50%;transform:translateY(-50%);left:-8px}.Timeline .line:hover{background:var(--hover-color)}.Timeline .line.last-weekday{border-bottom:var(--separator)}.Timeline .line .entry{height:22px;font-size:10px;font-family:inherit;padding:4px var(--gap);background:none;border:none;border-left:var(--separator);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.Timeline .line .tag{border:1px solid;padding:1px 4px;font-size:10px;border-radius:3px;margin-right:1ch}.Timeline .line .tag.event{color:#1e90ff}.Timeline .line .tag.task{color:#cd5c5c}.Timeline .line .empty{height:1lh}.Timeline .line .habits{display:flex;flex-flow:row nowrap;align-items:center;gap:var(--gap)}.Timeline .line .habits .habit{position:relative}.Timeline .line .habits .habit .habitCategoryHeader{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-2px);font-size:10px;line-height:1}.Timeline .line .habits input[type=checkbox]{margin:0;cursor:pointer}.Timeline .line .habits input[type=checkbox]:hover{scale:1.2}.MainPage{display:grid;grid-template-areas:"header header" "mainPanel sidePanel";grid-template-rows:auto 1fr;grid-template-columns:1fr 60ch;gap:16px;padding:12px}.MainPage .mainPanel{grid-area:mainPanel}.MainPage .mainPanel .Notes{min-height:28lh}.MainPage .sidePanel{grid-area:sidePanel}.MainPageHeader{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:0;position:relative;grid-area:header}.MainPageHeader .logout{font-size:10px}@media(max-width:1000px){.MainPage{grid-template-areas:"header" "mainPanel";grid-template-columns:1fr}}body{box-sizing:border-box;font-family:monospace;font-size:12px;margin:0;padding:0;--gap: 8px;--hover-color: light-dark(#eee, #222);--marker-color: light-dark(slateblue, mediumseagreen);background-color:light-dark(#fff,#000);color:light-dark(#000,#eee);border-color:currentColor}.scrollLock{overflow:hidden}