:root{--corner-shape-squircle: initial;--squircle-s: .75rem;--squircle-m: 1.5rem;--squircle-l: 2rem}@supports (corner-shape: squircle){:root{--corner-shape-squircle: squircle;--squircle-s: 1rem;--squircle-m: 2rem;--squircle-l: 3rem}}.squircle-s{border-radius:var(--squircle-s);corner-shape:var(--corner-shape-squircle)}.squircle-m{border-radius:var(--squircle-m);corner-shape:var(--corner-shape-squircle)}.squircle-l{border-radius:var(--squircle-l);corner-shape:var(--corner-shape-squircle)}#output{padding:1.5rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(24rem,100%),1fr))}.category{background-color:var(--clr-base-2);display:flex;flex-direction:column;gap:1rem;position:relative;cursor:grab;border:1px solid transparent;padding:1rem;border-radius:var(--squircle-m);corner-shape:var(--corner-shape-squircle)}.category.keyboard-focused{outline:2px solid var(--clr-accent-1);outline-offset:2px;background-color:canvas}.category-header{position:relative}.category-title{width:100%;font-weight:500;font-size:var(--font-size--large);color:var(--clr-contrast-3)}.category-title[readonly]{border:none}.category-header>.delete-btn{right:0}.items-wrapper{display:flex;flex-direction:column;gap:1rem}.item{background-color:var(--clr-base-3);padding:1rem;position:relative;cursor:pointer;border-radius:var(--squircle-s);corner-shape:var(--corner-shape-squircle)}.item.keyboard-focused{background-color:var(--clr-base);outline:2px solid var(--clr-accent-1);outline-offset:2px}.item-header{display:flex}.item-title{font-size:var(--font-size--large);line-height:1.5}[data-item-type=note]{padding-block:.25rem;background-color:transparent}[data-item-type=note] .item-title,[data-item-type=note] .type-popover-trigger{opacity:.5}.add-item-row{display:flex;align-items:center;gap:.5rem;background-color:var(--clr-base);padding:.5rem 1rem;margin-top:auto;border-radius:var(--squircle-s);corner-shape:var(--corner-shape-squircle)}.add-item-icon{width:1.25rem;height:1.25rem;color:gray;flex-shrink:0}.add-item-input{background:none;border:none;padding:0;flex:1;min-width:0}.add-item-input::placeholder{color:gray}.add-item-input:focus{outline:none}.delete-btn{opacity:0;transition:opacity .15s ease-in-out;background:none;border:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--clr-danger-contrast);background-color:var(--clr-base-2);padding:.375rem;border-radius:var(--squircle-s);corner-shape:var(--corner-shape-squircle)}@media (hover: hover){.item:hover>.delete-btn,.category:hover>.category-header>.delete-btn{opacity:1}}.item.show-delete>.delete-btn,.category.show-delete>.category-header>.delete-btn{opacity:1}.delete-btn svg{width:1.5rem;height:1.5rem}.category.dragging{opacity:.5;transform:rotate(2deg)}.item.dragging{transform:rotate(2deg)}.category.drop-target,.item.drop-target{background-color:var(--clr-base);box-shadow:0 0 2px 2px #ffffff1a;transform:scale(1.02);transition:all .2s ease}#item-modal{outline:none;border:none;border-radius:.75rem;background-color:var(--clr-base-2);margin:auto;width:48rem;height:80dvh;position:relative}#item-modal::backdrop{background:#000000a8}.modal-content{padding:1.5rem;height:100%}.modal-content .item-header{border-bottom:1px solid gray;width:100%;padding-bottom:.5rem;margin-bottom:1.25rem}.modal-content .item-type-icon{height:2.25rem;width:2.25rem}.modal-item-title{font-size:var(--font-size--x-large);font-weight:500;border:none;width:100%;margin-top:-.375rem}.modal-item-content{outline:none;height:calc(80dvh - 13rem);overflow-y:auto;padding-bottom:5.5rem;scroll-margin-top:8rem}.translating-in-progress{opacity:.6;transform:translate(2px);animation:slide-fade-anim 2s ease-in-out infinite}@keyframes slide-fade-anim{0%,to{opacity:.6;transform:translate(2px)}50%{opacity:.3;transform:translate(-2px)}}code{padding:0 .125rem;border-radius:.25rem;background-color:var(--clr-contrast-3);color:var(--clr-base)}.modal-actions{position:absolute;bottom:0;inset-inline:0}.modal-actions[hidden]{display:none}.modal-actions:has(.notification-error){background-color:var(--clr-danger-base)}.modal-actions:has(.notification-success){background-color:var(--clr-success-base)}.modal-notification{text-align:center;text-wrap:balance;font-weight:500;width:100%;padding:.25rem 1rem}.modal-action-buttons{display:flex;gap:.5rem;padding:.25rem}#modal-cancel-btn,#modal-save-btn{display:flex;gap:.25rem;align-items:center;justify-content:center;width:100%;padding:.25rem .75rem .25rem .5rem;border-radius:10rem;font-weight:500;color:var(--clr-base);border:none}#modal-cancel-btn{background-color:var(--clr-contrast-3)}#modal-save-btn{background-color:var(--clr-success-contrast)}#modal-save-btn kbd{font-size:var(--font-size--small)}@media (hover: none){#modal-save-btn kbd{display:none}}.save-icon,.cancel-icon{width:1.375rem;height:1.375rem}.type-popover-trigger{background:none;border:none;height:fit-content;margin-top:.125rem;padding-right:.5rem}.type-popover-trigger:focus{outline:none}.item-type-icon{width:1.75rem;height:1.75rem;padding:.125rem;border-radius:50%}.item-type-icon-note{color:gray}.item-type-icon-todo-normal{color:var(--clr-accent-1)}.item-type-icon-todo-high{background:var(--clr-contrast-3);color:var(--clr-accent-1)}.type-option-button{display:flex;gap:.5rem;align-items:center;margin-block:.75rem;background:none;border:none}.type-button-option-label{color:var(--clr-contrast-2)}.checkbox-line:not(:has(+.checkbox-line)){margin-bottom:1rem}input[type=checkbox]{width:1.125rem;height:1.125rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--clr-contrast-3);border-radius:.25rem;position:relative;cursor:pointer;margin-right:.5rem;translate:0 .125rem;transition:all .2s ease}input[type=checkbox]:checked{background:var(--clr-success-base);border-color:var(--clr-success-contrast)}input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-2px;left:3px;color:var(--clr-contrast);font-size:.75rem;font-weight:700}#bottom-menu{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:1rem;align-items:center;justify-content:center;background-color:var(--clr-base-3);padding:1rem;width:100%;max-width:28rem;corner-shape:var(--corner-shape-squircle);border-radius:var(--squircle-s) var(--squircle-s) 0 0}#addCategoryBtn{border:none;background:var(--clr-base-2);padding:.5rem 1rem;corner-shape:var(--corner-shape-squircle);border-radius:var(--squircle-m);display:flex;align-items:center;gap:.25rem;color:var(--clr-contrast-2)}.add-category-icon{width:1.25rem;height:1.25rem}.filter-trigger{background:none;border:none;display:flex;align-items:center;justify-content:center;padding:.25rem;color:var(--clr-contrast-2)}.filter-trigger:focus{outline:none}.filter-icon{width:1.75rem;height:1.75rem}.filter-option-button{display:flex;gap:.5rem;align-items:center;width:100%;padding:.5rem .75rem;background:none;border:none;color:var(--clr-contrast-2);border-radius:var(--squircle-s);corner-shape:var(--corner-shape-squircle)}.filter-option-button:hover{background-color:var(--clr-base-3)}.filter-option-button[aria-pressed=true],.filter-trigger.filter-active{color:var(--clr-accent-1)}body.filter-todos .item:not([data-item-type^=todo]){display:none}body.filter-todos .category:not(:has(.item[data-item-type^=todo])){display:none}body.filter-priority-todos .item:not([data-item-type=todo-high]){display:none}body.filter-priority-todos .category:not(:has(.item[data-item-type=todo-high])){display:none}body.filter-notes .item:not([data-item-type=note]){display:none}body.filter-notes .category:not(:has(.item[data-item-type=note])){display:none}.popover-trigger-wrapper{position:relative;display:inline-flex;align-items:center;align-self:center}.popover{display:none;position:absolute;top:100%;left:0;margin-top:.25rem;min-width:14rem;max-width:18rem;padding:.5rem;border-radius:.5rem;background-color:var(--clr-base);border:1px solid var(--clr-base-3);z-index:100}.popover.open{display:block}.popover[data-popover-placement=top]{top:unset;bottom:100%;margin-top:0;margin-bottom:.5rem}#journal-output{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-width:48rem;margin:0 auto}.journal-header{display:flex;justify-content:flex-start}.add-journal-entry-btn{display:flex;align-items:center;gap:.5rem;background:var(--clr-base-2);border:none;padding:.5rem 1rem;color:var(--clr-contrast-2);border-radius:var(--squircle-m);corner-shape:var(--corner-shape-squircle)}.journal-empty{color:var(--clr-contrast-3);text-align:center;padding:2rem}.journal-list{display:flex;flex-direction:column;gap:1rem}.journal-entry{background-color:var(--clr-base-2);padding:1rem;position:relative;cursor:pointer;border-radius:var(--squircle-m);corner-shape:var(--corner-shape-squircle)}.journal-entry-heading{font-size:var(--font-size--large);font-weight:500;color:var(--clr-contrast-3)}.journal-entry-subheading{font-size:var(--font-size--small);color:var(--clr-contrast-2);opacity:.7;margin-top:.125rem}.journal-entry-preview{margin-top:.5rem;color:var(--clr-contrast-2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (hover: hover){.journal-entry:hover>.delete-btn{opacity:1}}@media (hover: none){.journal-entry.show-delete>.delete-btn{opacity:1}}.view-switcher{display:flex;gap:.25rem}.view-switch-btn{background:none;border:none;padding:.5rem .75rem;color:var(--clr-contrast-2);border-radius:var(--squircle-s);corner-shape:var(--corner-shape-squircle);opacity:.5}.view-switch-btn[aria-pressed=true]{opacity:1;color:var(--clr-accent-1)}.items-view-options{display:flex;gap:1rem;align-items:center}#journal-output,body.view-journal #output{display:none}body.view-journal #journal-output{display:flex}body.view-journal .items-view-options{display:none}body{color-scheme:dark;--clr-accent-1: hwb(271 46% 36%);--clr-accent-2: hwb(0 10% 90%);--clr-base: hwb(0 10% 90%);--clr-base-2: hwb(0 15% 85%);--clr-base-3: hwb(0 20% 80%);--clr-contrast: hwb(0 97% 3%);--clr-contrast-2: hwb(0 92% 8%);--clr-contrast-3: hwb(0 84% 16%);--clr-success-base: hwb(89 1% 68%);--clr-success-contrast: hwb(90 67% 0%);--clr-danger-base: hwb(0 0% 58%);--clr-danger-contrast: hwb(0 67% 0%)}:root{--font-size--small: .875rem;--font-size--medium: 1.125rem;--font-size--large: 1.25rem;--font-size--x-large: 1.625rem}*{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scrollbar-gutter:stable}body{min-height:100vh;background-color:var(--clr-base)}body:has(dialog[open]){overflow:hidden}svg{display:block}body,textarea,input,button,select{font-family:system-ui;font-size:var(--font-size--medium);line-height:1.65;color:var(--clr-contrast)}a{font-weight:500;cursor:pointer}h1,h2,h3,h4{font-weight:500;line-height:1.25}h2{font-size:var(--font-size--x-large)}h3{font-size:var(--font-size--large)}ul,ol{padding-left:1.25rem}p:not(:last-child),:where(a:not(:last-child)){margin-bottom:1rem}ul:not(:last-child),ol:not(:last-child){margin-bottom:1rem}li:not(:last-child){margin-bottom:.25rem}figure:not(:last-child){margin-bottom:1rem}h1:not(:last-child),h2:not(:last-child){margin-bottom:1.25rem}h3:not(:last-child){margin-bottom:.75rem}h2:not(:first-child),h3:not(:first-child){margin-top:.75em!important}img{max-width:100%;height:auto}input,select,textarea{padding:.25rem 0;background-color:transparent;border:none;border-bottom:1px solid var(--clr-contrast-3)}input:focus,select:focus,textarea:focus{outline:none}select,::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;cursor:pointer}option::checkmark{display:none}option{padding:.5rem 1rem}option:hover,option:focus-visible{background:var(--clr-base-2)}select::picker-icon{display:none}::picker(select){border:1px solid gray;padding:.5rem 0;border-radius:1rem}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}table{border-collapse:collapse}td,th{border:1px solid var(--clr-contrast-3);padding:.125rem .5rem}