@font-face{font-family:Geologica;src:url(/assets/Geologica-Regular-DxVgD2xW.ttf)format("truetype");font-weight:400;font-style:normal;font-display:optional}@font-face{font-family:Geologica;src:url(/assets/Geologica-Bold-BMFn2nV2.ttf)format("truetype");font-weight:700;font-style:normal;font-display:optional}:root{--text-color:#333131;--background-color:#faf4ed;background:var(--background-color);font-family:Geologica,sans-serif}ul,ol,li{margin:0;padding:0;list-style:none}.app{width:auto;height:100vh;transition:transform .3s ease-out;display:flex;position:fixed;inset:0;overflow:hidden}@media screen and (width<=768px){.app{width:400vw}}.section{touch-action:none;flex-direction:column;flex:1;width:100vw;height:100%;display:flex;position:relative;overflow:hidden}.section__header{border-bottom:1px solid color-mix(in srgb, var(--text-color) 10%, transparent);flex-direction:row;flex-shrink:0;justify-content:left;align-items:baseline;gap:8px;margin:0;padding:10px 16px;display:flex;position:sticky;top:0}.section__header-right{align-items:baseline;gap:8px;margin-left:auto;display:flex}.header__title{color:var(--text-color);flex-shrink:0;margin:0;font-size:1.3em}.section__header-date{opacity:.7;font-size:.7em;font-weight:400}.section__content{flex-grow:1;min-height:0;padding:10px;overflow:auto}@media screen and (width<=768px){.section__content{padding-bottom:60px}}.section__checklist{width:100%}.list-item{align-items:flex-start;gap:4px;padding:4px 0;display:flex}.checklist__item{align-items:flex-start;gap:3px;padding:0 15px 0 0;display:flex;position:relative}.checkbox-wrapper{-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox-label{-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:default;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:15px;display:flex;transform:translateY(-3px)}.checkbox-label input{pointer-events:none}.checkbox:checked{accent-color:color-mix(in srgb, var(--text-color) 70%, transparent);transition:accent-color .1s}.checkbox-label:hover .checkbox:checked{accent-color:color-mix(in srgb, var(--text-color) 80%, transparent);transition:accent-color}.checklist__checkbox{cursor:default;flex-shrink:0;width:16px;height:16px;margin:0}.checklist__input{background:var(--background-color);width:100%;color:var(--text-color);font-family:inherit;font-size:inherit;line-height:inherit;resize:none;border:none;outline:none;flex-grow:1;min-height:1.5em;margin:0;padding:0;overflow:hidden}.input{background:var(--background-color);width:100%;color:var(--text-color);font-family:inherit;font-size:inherit;line-height:inherit;resize:none;border:none;outline:none;flex-grow:1;min-height:1.5em;margin:0;padding:0;line-height:1.5;overflow:hidden}.input.completed{opacity:.5;line-height:1.5;text-decoration:line-through;text-decoration-thickness:1px}.checkbox{cursor:default;background-color:var(--background-color);flex-shrink:0;width:16px;height:16px}.checkbox:not(:checked):after{content:"";z-index:1;background-color:var(--background-color);mix-blend-mode:darken;filter:opacity();border-radius:3px;width:16px;height:16px;position:absolute;inset:7px}.checkbox-label:hover .checkbox:not(:checked):after{background-color:var(--text-color);mix-blend-mode:exclusion;filter:opacity(.35)}.archive-group{margin-bottom:16px}.archive-group__date{color:var(--text-color);opacity:.6;margin-bottom:4px;padding:8px 0 4px;font-size:.75em;font-weight:700}.archive-group__list{margin:0;padding:0;list-style:none}.section[data-section-type=archive] .input{font-size:.875em}.section[data-section-type=archive] .checkbox-label{width:14px;height:14px;padding:12px;transform:translateY(-1px)}.section[data-section-type=archive] .checkbox{width:14px;height:14px}.section[data-section-type=archive] .checkbox:not(:checked):after{content:"";z-index:1;background-color:var(--background-color);mix-blend-mode:darken;filter:opacity();border-radius:2px;width:12.5px;height:12.5px;position:absolute;inset:5.5px}.section[data-section-type=archive] .checkbox-label:hover .checkbox:not(:checked):after{background-color:var(--text-color);mix-blend-mode:exclusion;filter:opacity(.35)}.section[data-section-type=archive] .archive-group{padding:0 0 0 6px}:is(.list-item:has(.divider),.checklist__item:has(.divider)){justify-content:center;padding:12px 0 8px}.divider{cursor:default;border-radius:4px;outline:none;justify-content:center;align-items:center;width:100%;padding:8px 0;display:flex;position:relative}.divider:focus{background:color-mix(in srgb, var(--text-color) 5%, transparent)}.divider:hover:after{opacity:1}.divider__line{border:none;border-top:1px solid color-mix(in srgb, var(--text-color) 20%, transparent);opacity:.5;width:100%;margin:0;transition:opacity .1s}@media screen and (width>=769px){.app{width:100%;position:relative}.section{touch-action:auto;width:auto}.section:not(:last-child):after{content:"";background:color-mix(in srgb, var(--text-color) 10%, transparent);width:1px;height:100%;position:absolute;top:0;right:0}}.hotkeys-popup{z-index:1000;background:#0000004d;justify-content:center;align-items:flex-end;animation:.1s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{background:0 0}to{background:#0000004d}}.hotkeys-popup__content{background:var(--background-color);border-radius:4px 4px 0 0;width:calc(100vw - 20px);max-width:1280px;max-height:80dvh;margin:0 auto;padding:16px 16px 40px;position:relative;overflow-y:auto;box-shadow:0 -2px 10px #00000014}@media screen and (width<=768px){.hotkeys-popup__content{max-width:calc(100vw - 20px);margin:0 10px}}.hotkeys-popup__close{cursor:default;color:var(--text-color);opacity:.4;z-index:10;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5em;line-height:1;display:flex;position:absolute;top:0;right:0}.hotkeys-popup__close:hover{opacity:.8;background:color-mix(in srgb, var(--text-color) 5%, transparent)}.hotkeys-popup__close:before{content:"×";display:block}.hotkeys-popup__title{opacity:.7;margin:0 0 12px;font-size:.85em;font-weight:700}.hotkeys-popup__body{flex-direction:column;gap:20px;display:flex}.hotkeys-popup__group{flex-direction:column;gap:8px;display:flex}@media screen and (width>=769px){.hotkeys-popup__body{flex-direction:row;gap:20px}.hotkeys-popup__group{flex:1;min-width:0}}.hotkeys-popup__group h4{opacity:.5;margin:0 0 6px;font-size:.75em;font-weight:700}.hotkeys-popup__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hotkeys-popup__item{border-radius:4px;align-items:center;gap:10px;padding:4px 0;display:flex}.hotkeys-popup__keys{flex-shrink:0;align-items:center;gap:4px;display:flex}.hotkeys-popup__key{border:1px solid color-mix(in srgb, var(--text-color) 12%, transparent);border-radius:3px;padding:3px 5px;font-family:inherit;font-size:.7em;font-weight:600}.hotkeys-popup__description{opacity:.7;font-size:.7em}.hotkeys-popup__settings{border-bottom:1px solid color-mix(in srgb, var(--text-color) 8%, transparent);margin-bottom:16px;padding-bottom:16px}.hotkeys-popup__settings h3{opacity:.7;margin:0 0 10px;font-size:.85em;font-weight:700}.hotkeys-popup__settings-buttons{gap:8px;display:flex}.hotkeys-popup__setting-btn{background:color-mix(in srgb, var(--text-color) 6%, transparent);border:1px solid color-mix(in srgb, var(--text-color) 12%, transparent);color:var(--text-color);cursor:default;border-radius:4px;padding:8px 12px;font-size:.8em;font-weight:500;transition:background .1s,opacity .1s}.hotkeys-popup__setting-btn:hover{background:color-mix(in srgb, var(--text-color) 10%, transparent)}.hotkeys-popup__setting-btn--import{display:inline-block;position:relative}.menu-button{background:var(--background-color);border:1px solid color-mix(in srgb, var(--text-color) 15%, transparent);width:32px;height:32px;color:var(--text-color);cursor:default;opacity:.5;z-index:100;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1em;font-weight:700;transition:opacity .1s,background .1s;display:flex;position:fixed}.menu-button:hover{opacity:1;background:color-mix(in srgb, var(--text-color) 5%, transparent)}@media screen and (width>=769px){.menu-button{bottom:20px;right:20px}}@media screen and (width<=768px){.menu-button{width:28px;height:28px;font-size:.9em;top:10px;right:10px}.archive-button{border:1px solid color-mix(in srgb, var(--text-color) 15%, transparent);cursor:default;color:var(--text-color);opacity:.5;background:0 0;border-radius:3px;justify-content:center;align-items:center;padding:4px;transition:opacity .1s,background .1s;display:flex;transform:translate(-32px)}.archive-button:hover{opacity:1;background:color-mix(in srgb, var(--text-color) 5%, transparent)}}@media screen and (width>=769px){.archive-button{border:1px solid color-mix(in srgb, var(--text-color) 15%, transparent);cursor:default;color:var(--text-color);opacity:.5;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;transition:opacity .1s,background .1s;display:flex}.archive-button:hover{opacity:1;background:color-mix(in srgb, var(--text-color) 5%, transparent)}}@media screen and (width<=768px){.mobile-nav{background:var(--background-color);border-top:1px solid color-mix(in srgb, var(--text-color) 10%, transparent);padding:8px 0;padding-bottom:env(safe-area-inset-bottom,0);z-index:100;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav__item{color:var(--text-color);opacity:.5;cursor:default;background:0 0;border:none;flex:1;padding:4px 4px 18px;font-family:inherit;font-size:.75em;font-weight:500;transition:opacity .1s}.mobile-nav__item.active{opacity:1;font-weight:700}.mobile-nav__item:hover{opacity:.8}}