:root{color-scheme:light dark}*{box-sizing:border-box}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}.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}.Panel{display:grid;grid-template-rows:auto 1fr;border:1px solid;gap:var(--gap)}.EntryModal textarea[name=entry]{height:100vh}.DailyLogHeader{width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;padding:var(--gap)}.DailyLogHeader .title{margin:0;font-size:12px}.DailyLogHeader .habit-tracker-button{border:none;font-family:inherit;background:none;font-size:10px;cursor:pointer;padding:2px 4px}.DailyLogHeader .habit-tracker-button:hover,.DailyLogHeader .habit-tracker-button:focus{background:var(--hover-color)}.Timeline{position:relative}.line{display:grid;grid-template-columns:min-content min-content 1fr;gap:var(--gap);padding:0 var(--gap);align-items:center}.line.withHabits{grid-template-columns:min-content min-content 1fr auto}.line.withHabits .entry{border-right:1px dotted}.line.past{opacity:.7}.line.today{position:relative}.line.today .day,.line.today .weekday{font-weight:700;color:var(--marker-color)}.line.today:before{content:"•";color:var(--marker-color);position:absolute;top:50%;transform:translateY(-50%);left:-8px}.line:hover{background:var(--hover-color)}.line.last-weekday{border-bottom:1px dotted}.line .entry{height:22px;font-size:10px;font-family:inherit;padding:4px var(--gap);background:none;border:none;border-left:1px dotted;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.line .tag{border:1px solid;padding:1px 4px;font-size:10px;border-radius:3px;margin-right:1ch}.line .tag.event{color:#1e90ff}.line .tag.task{color:#cd5c5c}.line .empty{height:1lh}.line .habits{display:flex;flex-flow:row nowrap;align-items:center;gap:var(--gap)}.line .habits .habit{position:relative}.line .habits .habit .habitCategoryHeader{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-2px);font-size:10px;line-height:1}.line .habits input[type=checkbox]{margin:0;cursor:pointer}.line .habits input[type=checkbox]:hover{scale:1.2}.MonthYearSelector{font-size:16px;margin:0;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.MonthYearSelector:focus-within .arrow{display:inline}.MonthYearSelector .arrow{position:absolute;font-size:20px;top:50%;transform:translateY(-50%);display:none;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}.MainPage{display:grid;grid-template-rows:auto 1fr;gap:16px;padding:12px}.MainPageHeader{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:0 4px;position:relative}.MainPageHeader .logout{font-size:10px}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}