._backdrop_1he84_1{position:fixed;background-color:#0000;transition:background-color .25s;top:0;bottom:0;left:0;right:0;z-index:2;display:flex;justify-content:center;align-items:center}._openBackdrop_1he84_15{background-color:#000000bf}._dialog_1he84_19{width:90vw;transition:transform .25s;transform:scaleY(0);padding-block:.5rem}._dialog_1he84_19 ul{padding:0}._dialog_1he84_19 li{border-bottom:1px solid var(--accent-1);margin:0;padding:0;display:flex;align-items:center}._dialog_1he84_19 li:last-child{border-bottom:none}._dialog_1he84_19 li>*{color:var(--accent-3);text-decoration:none;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:1.2rem;height:initial;text-align:center;margin:0;padding:.5rem}._dialog_1he84_19 li>*+button{font-size:1.5rem;width:42px;height:32px;line-height:0}._openDialog_1he84_59{transform:scaleY(1)}._buttonContainer_jm2lh_1{margin:.5rem;height:calc(var(--top-bar-height) - 1rem);width:calc(var(--top-bar-height) - 1rem);--corner-size: 10px;--glow-size: 2.5px}._button_jm2lh_1{height:100%;width:100%;border:none;color:var(--accent-3)}:root{--dark-bg-1: rgb(5, 4, 9);--dark-bg-2: rgb(11, 9, 25);--accent-1: rgb(12, 33, 58);--accent-2: rgb(21, 131, 205);--accent-3: rgb(86, 240, 254);--accent-4: rgb(0, 212, 190);--offline-color: rgb(214, 50, 0);--top-bar-height: 3rem;--bg-gradient: radial-gradient(circle, var(--dark-bg-2) 15%, var(--dark-bg-1) 100%);--corner-size: 10px;--glow-color: var(--accent-2);--glow-size: 3px;--font-family: "Montserrat", arial, sans-serif}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(/assets/font-CE8k-95i.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{background-color:#000}body{height:100vh;width:100%;padding:0;margin:0;background-color:#000;background:var(--bg-gradient);font-family:var(--font-family);font-weight:400;color:var(--accent-3);text-shadow:0 0 10px var(--accent-4);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;overflow-x:hidden}input,button{font-family:var(--font-family)}body{padding-top:calc(var(--top-bar-height) + .5rem + 12px)}*{box-sizing:border-box}input[type=text]{border:none;color:var(--accent-3);text-shadow:0 0 10px var(--accent-4);background-color:transparent}.top-bar{--corner-size: 15px;--glow-size: 4.5px;position:fixed;top:0;width:100%;height:var(--top-bar-height);font-size:1.5rem;line-height:1.5rem;margin:0;padding:.5rem;z-index:1}.top-bar:before{background:linear-gradient(to bottom,var(--dark-bg-2) 90%,transparent);content:"";position:absolute;top:0;left:0;width:100%;height:calc(var(--top-bar-height) + 1rem + 10%)}.top-bar .top-bar-content{display:flex;position:relative}.top-bar .offline-indicator{position:absolute;color:var(--offline-color);text-shadow:0 0 3px var(--offline-color);left:1rem;font-size:12px;transition:transform .25s}.top-bar .offline-indicator.hidden{transform:translateY(-20px)}.top-bar input{text-align:center;border:none;padding:.75rem;color:var(--accent-3);text-shadow:0 0 10px var(--accent-4);background-color:transparent;font-size:1.5rem;height:var(--top-bar-height);line-height:1.5rem;margin:0;outline:none}.item-top-bar-input{width:calc(100% - 16px)}.recipe-top-bar .top-bar-content{flex-wrap:wrap}@media (min-width: 360px){.recipe-top-bar .top-bar-content{flex-wrap:nowrap}}.recipe-top-bar .recipe-top-bar-input{min-width:0;flex-grow:1;order:4}@media (min-width: 360px){.recipe-top-bar .recipe-top-bar-input{width:200px;order:2}}.recipe-top-bar .recipe-top-bar-cancel-button{flex:1;order:1;white-space:nowrap}.recipe-top-bar .recipe-top-bar-save-button{flex:1;order:3;white-space:nowrap}.recipe-edit-list{padding-top:calc(var(--top-bar-height) - 1rem + 6px)}@media (min-width: 360px){.recipe-edit-list{padding-top:0}}.bottom-bar{position:fixed;bottom:0;width:100%;display:flex;gap:1rem;padding:1rem .5rem .5rem;z-index:1;background:linear-gradient(to top,var(--dark-bg-2) 80%,transparent)}.bottom-bar .input-container{width:100%}.bottom-bar input{border:none;height:2.4rem;font-size:1.5rem;width:100%;padding-inline:1rem;background-color:transparent;color:var(--accent-2);outline:none}.bottom-bar input:focus{color:var(--accent-3);text-shadow:0 0 10px var(--accent-4)}.bottom-bar button{border:none;font-size:1.5rem;height:2.4rem;padding:.2rem 1rem;background-color:transparent;text-shadow:0 0 10px var(--accent-4);color:var(--accent-3)}.bottom-bar button:disabled{color:var(--accent-2);text-shadow:none}.bottom-bar:focus-within .corner-wrap{--glow-color: var(--accent-4);--glow-size: 2px}.bottom-bar:focus-within button{color:var(--accent-3);text-shadow:0 0 10px var(--accent-4)}ul{list-style:none;padding-inline:.5rem;padding-bottom:4rem;margin:0}ul li{background-color:transparent;font-size:1.5rem;width:100%;margin-bottom:.6rem}ul li.checked-item{opacity:.8}ul li.checked-item .item-content{color:var(--accent-2);text-decoration:line-through;text-shadow:none}ul li.checked-item .checkbox-container{--glow-color: var(--accent-2);--glow-size: 3px}ul li .item{width:100%;padding:.3rem .4rem;margin-bottom:.3rem;color:var(--accent-3);display:flex;align-items:center}ul li .item-content{display:flex;gap:.3rem;align-items:center;flex-grow:1;max-width:100%}ul li .item-content .item-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;max-height:2.5em;-webkit-hyphens:auto;hyphens:auto}ul li .item-pending-spinner{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;text-align:center}ul li .pending-spinner{font-size:1.3rem;animation-name:spin;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}ul li .checkbox-container{--corner-size: 6px;--glow-color: var(--accent-3);--glow-size: 1.6px;display:flex;align-items:center;touch-action:none}ul li .sort-handle{cursor:grab;width:2rem;text-align:center}ul li input{-webkit-appearance:none;color:var(--accent-3);background-color:transparent;min-width:2rem;height:2rem;display:inline-block;position:relative}ul li input:checked:after{content:"#";font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;color:var(--accent-2);position:absolute}ul li button{margin-left:auto;width:2rem;height:2rem;line-height:1.5rem;font-size:1.75rem;background-color:transparent;border:none;color:var(--accent-2)}.corner-wrap{filter:drop-shadow(0px 0px var(--glow-size) var(--glow-color))}.corner-wrap:focus-within{--glow-color: var(--accent-4);--glow-size: 2px}.corner.corner{background:var(--dark-bg-2);clip-path:polygon(0 var(--corner-size),var(--corner-size) 0,100% 0,100% var(--corner-size),100% calc(100% - var(--corner-size)),calc(100% - var(--corner-size)) 100%,0 100%,0% calc(100% - var(--corner-size)),0% var(--corner-size))}.corner.corner>input[type=text]{width:100%;outline:none;padding:.5rem}.corner.corner>button{border:none;background-color:transparent;text-shadow:0 0 10px var(--accent-4);color:var(--accent-3)}.corner.corner>button:disabled{color:var(--accent-2);text-shadow:none}.corner-button{margin:.5rem;--corner-size: 10px;--glow-size: 2.5px}.corner-button>button{height:100%;width:100%;border:none;color:var(--accent-3)}.save-recipe-dialog{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.save-recipe-dialog .recipe-name-input-container{width:100%}.save-recipe-dialog .recipe-name-input-container input{font-size:1.5rem}.save-recipe-dialog button{font-size:1.5rem;padding:.5rem 2rem}.confirm-delete-recipe-dialog{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.confirm-delete-recipe-dialog button{padding:.5rem 2rem}.confirm-delete-recipe-dialog .confirm-delete-recipe-dialog-buttons{display:flex}.recipe-menu-item.recipe-menu-item{width:100%;align-items:center}.recipe-menu-item.recipe-menu-item .recipe-menu-add-button{width:4rem;display:flex;align-items:center}.recipe-menu-item.recipe-menu-item .recipe-menu-name{flex-grow:1;text-align:left}.recipe-menu-item.recipe-menu-item .plus{font-size:2rem;margin-left:.5rem;margin-right:1rem}