main{padding:1rem 1rem 4rem;width:100dvw;min-height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:2rem}.list-entries{display:grid;grid-template-columns:max-content max-content max-content max-content max-content 1fr max-content;width:100%;column-gap:.5rem}.list-entries-header{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;font-size:.8rem;font-weight:500;font-family:monospace;font-variant-caps:small-caps}.list-entries-header .list-entries-header-energy,.list-entries-header .list-entries-header-nausea{font-size:1rem}.entry-item{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;font-size:.8rem;font-weight:500;font-family:monospace;font-variant-caps:small-caps}.entry-item .entry-item-header,.entry-item .entry-item-trigger{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}.entry-item .entry-item-trigger{grid-column:1 / -1;margin-inline:-1rem;padding-inline:1rem}.entry-item .entry-item-cell-weekday,.entry-item .entry-item-cell-date,.entry-item .entry-item-cell-time{display:inline-flex;align-items:center}.entry-item .entry-item-cell-energy,.entry-item .entry-item-cell-nausea{font-size:1rem}.entry-item .entry-item-cell-food{display:inline-block;text-wrap:nowrap;text-align:left}.entry-item .entry-item-cell-food .entry-item-cell-food-emoji{font-size:1rem}.entry-item .entry-item-cell-food .entry-item-cell-food-name{font-size:.5rem}.entry-item .entry-item-cell-arrow{cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center}.entry-item .entry-item-content{position:relative;grid-column:1 / -1;padding-bottom:.25rem}.entry-item .entry-item-content .entry-item-delete{position:absolute;top:0;right:0;cursor:pointer}.entry-item[data-state=open] .entry-item-cell-arrow{transform:rotate(180deg)}.new-button{position:fixed;bottom:1rem;right:1rem;width:3rem;height:3rem;font-size:2rem;border-radius:50%;background-color:transparent;color:#fff}.spinner-container{display:flex;justify-content:center;align-items:center;padding:40px;border-radius:8px}.spinner{width:50px;height:50px;border-radius:50%;border:4px solid #ff008833;border-top-color:#f08;will-change:transform}.list-page{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:2rem}.back-button{position:fixed;bottom:1rem;left:1rem;width:3rem;height:3rem;font-size:2rem;border-radius:50%;background-color:transparent;color:#fff}.datetime-container{position:relative;display:inline-flex;justify-content:center;width:100%}.datetime-input{flex:1;padding:12px 16px;font-size:16px;border:2px solid #e1e5e9;border-radius:8px;outline:none;transition:all .2s ease;background-color:#fff;color:#2d3748;font-family:inherit;box-sizing:border-box}.datetime-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.datetime-input:hover{border-color:#cbd5e0}.reset-button{position:relative;background:transparent;border:none;padding:8px;cursor:pointer;border-radius:4px;display:flex;width:52px;align-items:center;justify-content:center;color:#718096;transition:all .2s ease}.reset-button:hover{background-color:#f0f0f0;color:#4a5568}.reset-button:active{background-color:#e2e8f0;transform:translateY(-50%) scale(.95)}.reset-button:focus{outline:2px solid #4299e1;outline-offset:2px}@media (prefers-color-scheme: dark){.page-container{background-color:#1a202c}.datetime-input{background-color:#2d3748;color:#e2e8f0;border-color:#4a5568}.datetime-input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}.datetime-input:hover{border-color:#718096}.reset-button{color:#a0aec0}.reset-button:hover{background-color:#4a5568;color:#e2e8f0}.reset-button:active{background-color:#2d3748}}@media (max-width: 480px){.datetime-container{max-width:100%}.datetime-input{font-size:16px}.page-container{padding:20px}}div.emoji{background:none;text-align:center;cursor:pointer;padding:0;margin:0;transform:translateY(50%);border:none;border-radius:100%;position:relative}div.emoji:focus{outline:none}div.emoji:hover,div.emoji.checked,div.emoji:focus{filter:drop-shadow(0px 0px 3px black)}div.emoji span{position:absolute;transform:translate(-50%,-50%)}.EmojiContainer{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr;justify-self:center;align-items:center;width:min-content;gap:1rem;height:4rem}.EmojiContainer fieldset,.EmojiContainer .emoji-container,.EmojiContainer .SliderRoot{grid-row:1 / -1;grid-column:1 / -1}.EmojiContainer .emoji-container{z-index:1}.EmojiContainer .SliderRoot{z-index:2}.emoji-container{display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;align-items:center}.SliderRoot{position:relative;display:flex;align-items:center;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%;cursor:pointer}.emoji-slider-container{display:flex;flex-direction:column;gap:.5rem}.emoji-slider-container label{text-align:center;font-size:1rem;font-weight:600}.food-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.food-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem;width:100%}.food-grid-full{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:1rem}.food-grid-button{display:inline-flex;width:100%;align-items:center;justify-content:start;gap:1rem;min-width:2rem;min-height:2rem}.food-grid-button .food-grid-item-emoji{font-size:2rem}.food-grid-checkbox{display:inline-flex;width:100%;align-items:center;justify-content:start;gap:1rem;min-width:2rem;min-height:2rem;border-radius:.5rem;transition:all .2s ease-in-out}.food-grid-checkbox .food-grid-item-emoji{font-size:2rem}.food-grid-checkbox[data-state=checked]{filter:saturate(2);outline:1px solid wheat;-webkit-backdrop-filter:brightness(1.2);backdrop-filter:brightness(1.2)}:root{--black-a9: rgba(0, 0, 0, .9);--gray-1: #121212;--shadow-6: 0 12px 24px 0 rgba(0, 0, 0, .25);--violet-6: #4f46e5;--mauve-12: #271a45;--mauve-11: #3f3251;--green-4: #04d361;--green-5: #04c456;--green-7: #039b46;--green-11: #027a35;--violet-11: #7c3aed;--violet-8: #a855f7;--violet-7: #c084fc;--violet-6: #c084fc;--violet-4: #c084fc;--violet-3: #c084fc;--violet-12: #7c3aed;--red-11: #ef4444}.DialogOverlay{background-color:var(--black-a9);position:fixed;top:0;right:0;bottom:0;left:0;animation:overlayShow .15s cubic-bezier(.16,1,.3,1)}.DialogContent{background-color:var(--gray-1);border-radius:6px;box-shadow:var(--shadow-6);position:fixed;top:1rem;left:50%;transform:translate(-50%);width:90vw;max-width:500px;max-height:85vh;padding:25px;animation:contentShow .15s cubic-bezier(.16,1,.3,1)}.DialogContent:focus{outline:none}.DialogTitle{margin:0;font-weight:500;font-size:17px}.DialogDescription{margin:10px 0 20px;font-size:15px;line-height:1.5}.Button{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:0 15px;font-size:15px;line-height:1;font-weight:500;height:35px;-webkit-user-select:none;user-select:none}.Button:focus:not(:focus-visible){outline:0}.Button:focus-visible{outline-offset:1px}.Button.green{background-color:var(--green-4)}.Button.green:hover{background-color:var(--green-5)}.IconButton{all:unset;font-family:inherit;border-radius:100%;height:25px;width:25px;display:inline-flex;align-items:center;justify-content:center;position:absolute;top:10px;right:10px;background-color:var(--gray-3)}.IconButton:hover{background-color:var(--violet-4)}.IconButton:focus{box-shadow:0 0 0 2px var(--violet-7)}.Fieldset{display:flex;gap:20px;align-items:center;margin-bottom:15px}.Label{font-size:15px;width:90px;text-align:right}.Input{width:100%;flex:1;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:0 10px;font-size:15px;line-height:1;box-shadow:0 0 0 1px var(--violet-7);height:35px}.Input:focus{box-shadow:0 0 0 2px var(--violet-8)}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.matched-emojis{display:flex;flex-wrap:wrap;gap:1rem}.matched-emoji{font-size:2rem}.error{color:var(--red-11)}.submit-button{position:fixed;bottom:1rem;right:1rem;width:3rem;height:3rem;font-size:2rem;border-radius:50%;background-color:transparent;color:#fff}.new-entry-page{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:2rem}fieldset.emoji-container{display:flex;align-items:center;justify-content:center;height:3rem;gap:10px;border:none;padding:0;margin:0}fieldset.emoji-container legend{font-size:1rem;font-weight:600}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html,body{width:100%;max-width:100%}body{min-height:100dvh;overflow-x:hidden;display:flex;place-items:center;min-width:320px}ul,ol{list-style:none}button,input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}fieldset{border:none}legend{padding:0}table{border-collapse:collapse;border-spacing:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-instant-devtool]{display:flex!important;align-items:center!important;justify-content:center!important}[data-instant-devtool] svg,[data-instant-devtool] img,[data-instant-devtool]>*{margin:auto!important;display:block!important}div[style*="position: fixed"]>button[style*=border-radius]{display:flex!important;align-items:center!important;justify-content:center!important}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}button{cursor:pointer}h2{font-size:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}div[style*="position: fixed"]>button[style*=border-radius] svg,div[style*="position: fixed"]>button[style*=border-radius] img{margin:0 auto!important}button[style*="position: fixed"][style*=z-index][style*="border-radius: 50%"]{display:flex!important;align-items:center!important;justify-content:center!important}button[style*="position: fixed"][style*=z-index][style*="border-radius: 50%"]>*{margin:0!important;position:relative!important;transform:translate(0)!important}*[style*="position: fixed"][style*=border-radius][style*=width][style*=height]{display:flex!important;align-items:center!important;justify-content:center!important}*[style*="position: fixed"][style*=border-radius][style*=width][style*=height] svg,*[style*="position: fixed"][style*=border-radius][style*=width][style*=height] img{margin:0!important;position:static!important}