*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pwa-toast{position:fixed;right:0;bottom:0;margin:16px;padding:12px;border:1px solid #8885;border-radius:4px;z-index:1;text-align:left;box-shadow:3px 4px 5px #8885;background-color:#fff;filter:invert()}.pwa-toast .message{margin-bottom:8px}.pwa-toast button{border:1px solid #8885;outline:none;margin-right:5px;border-radius:2px;padding:3px 10px}.add,.entries{margin:.5em;padding:.5em;border:1px solid #ccc;border-radius:.5em}summary:hover{background:#eee}.entries{display:grid;justify-items:stretch;grid-template-columns:5fr 95fr;--h: 0;--s: 20%;--l: 80%}.entries .name{text-align:right;padding:.5em}.entries div:nth-of-type(4n+1){background:hsl(var(--h),var(--s),var(--l))}.entries div:nth-of-type(4n+1)+* input{background:hsl(var(--h),var(--s),calc(var(--l) + 10%))}.entries div:is(:nth-of-type(16n+1),:nth-of-type(16n+2)){--s: 0%}.entries div:is(:nth-of-type(16n+5),:nth-of-type(16n+6)){--h: 0}.entries div:is(:nth-of-type(16n+9),:nth-of-type(16n+10)){--h: 120}.entries div:is(:nth-of-type(16n+13),:nth-of-type(16n+14)){--h: 240}.entries input{width:100%;height:100%}