:root{--color-gray: rgb(240, 240, 240);--color-text: #222;--color-background: #fff;--color-background-secondary: rgb(235, 235, 235);--color-separator: var(--color-gray);--color-border: rgb(220, 220, 220);--color-background-modal-overlay: rgba(0 0 0 / .5);--color-background-toolbar: rgb(230, 230, 230);--color-background-toolbar-hover: rgb(210, 210, 210);--color-background-modal: rgba(255, 255, 255, .6);--size-toolbar-height: 48px;--size-app-frame-height: 100svh}html{overscroll-behavior:none}body{font-family:sans-serif;margin:0;color:var(--color-text);background:var(--color-background)}a{text-decoration:none}button,.button{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:2px;color:var(--color-text);padding:3px;min-height:24px;min-width:24px;text-decoration:none;font:13px sans-serif;box-sizing:border-box;text-align:center;line-height:1.4}input[type=text]{background:var(--color-background);border:1px solid var(--color-border);border-radius:2px;color:var(--color-text);font:13px sans-serif;box-sizing:border-box;line-height:1.4;padding:3px}input[type=checkbox]{margin:0}input[type=checkbox]:checked+span{opacity:.5}#root{display:flex;flex-direction:column;height:100svh}.app-frame{height:var(--size-app-frame-height);display:flex;flex-direction:column}@media screen and (min-width: 30em){:root{--size-app-frame-height: 75svh}.app-frame{width:30em;margin:auto;border:1px solid var(--color-border);border-radius:4px;box-shadow:0 0 20px #0000001a}}.toolbar{display:flex;flex-direction:row;align-items:center;height:var(--size-toolbar-height);background-color:var(--color-background-toolbar)}.toolbar :first-child{padding-left:1em}.toolbar+.toolbar{border-top:1px solid var(--color-separator)}.toolbar h1.react-aria-Heading{font:20px/32px sans-serif;margin:0}.toolbar input[name=item-name]{flex:1;height:100%;border:0;font-size:16px;border-bottom:1px solid var(--color-background-toolbar);box-sizing:border-box;padding:0 1em;border-radius:0}.toolbar button,.toolbar .button{height:var(--size-toolbar-height);line-height:var(--size-toolbar-height);min-width:var(--size-toolbar-height);padding:0 1em;border:0;border-radius:0;background-color:transparent}.toolbar button[data-hovered],.toolbar button:hover,.toolbar .button[data-hovered],.toolbar .button:hover{background-color:var(--color-background-toolbar-hover)}.toolbar button:not([data-disabled]),.toolbar .button:not([data-disabled]){cursor:pointer}.list-container{overflow:auto;flex-grow:1;flex-shrink:0;height:0;padding-bottom:env(safe-area-inset-bottom,0)}.row{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--color-separator);-webkit-user-select:none;user-select:none;box-sizing:border-box}.row button{height:50px;width:50px;font-size:20px;padding:0;border:0;background-color:transparent}.row button[data-hovered]{background-color:var(--color-background-toolbar)}.row .principal{flex-grow:1}.list-container-empty{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-row{padding:1em}.item-row input[type=checkbox]{margin:15px;width:20px;height:20px;display:inline-block}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:var(--color-background-modal-overlay);display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .15s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .1s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:2px;background:var(--color-background-modal);backdrop-filter:blur(5px) contrast(190%);-webkit-backdrop-filter:blur(5px) contrast(190%);color:var(--color-text);border:1px solid var(--color-border);outline:none;max-width:25em;width:calc(100vw - 2em)}.react-aria-Modal[data-entering]{animation:modal-zoom .1s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}.react-aria-Dialog{outline:none;padding:1em;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}.spacer{flex-grow:1}