@font-face{font-family:Lazy Dog;src:url(/fonts/lazy_dog.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--text:#c9b8a8;--text-h:#fff1d3;--bg:#2d2e2e;--grid-line:#3a3d40;--grid-size:36px;--border:#4a463f;--code-bg:#3a3937;--accent:#f39f9f;--accent-light:#f8c6c6;--accent-outline:#c9706e;--accent-text:#2d2e2e;--accent-bg:#f39f9f26;--accent-border:#f39f9f80;--social-bg:#6c809a26;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sans:"Lazy Dog", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Lazy Dog", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background-color:var(--bg);background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}.nav-bar{background:var(--bg);border:1px solid var(--border);width:fit-content;box-shadow:var(--shadow);border-radius:999px;justify-content:space-evenly;align-items:center;margin:24px auto;padding:8px;display:flex}.nav-bar-link{text-transform:lowercase;min-width:96px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;padding:10px 24px;font-size:16px;text-decoration:none;transition:color .15s,background .15s;display:flex}.nav-bar-link:hover{color:var(--text-h)}.nav-bar-link-active{background:var(--accent);color:var(--accent-text)}.account-button{z-index:60;font:inherit;cursor:pointer;border:none;position:fixed;top:20px;right:20px}.account-signin{background:var(--accent);color:var(--accent-text);border:1px solid var(--accent-outline);text-transform:lowercase;border-radius:999px;padding:10px 18px}.account-avatar{background:var(--code-bg);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;padding:0;overflow:hidden}.account-avatar img{object-fit:cover;width:100%;height:100%}.account-avatar-fallback{width:100%;height:100%;color:var(--text-h);justify-content:center;align-items:center;display:flex}.require-auth{color:var(--text);text-transform:lowercase;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.require-auth-button{border:1px solid var(--accent-outline);background:var(--accent);color:var(--accent-text);font:inherit;text-transform:lowercase;cursor:pointer;border-radius:999px;padding:10px 20px}.triangle{width:20px;height:20px;transition:transform .2s}.triangle polygon{fill:var(--accent-light);stroke:var(--accent-outline);stroke-width:4px;stroke-linejoin:round;stroke-linecap:round}.triangle-button{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .15s;display:flex}.triangle-button:hover{background:var(--accent-bg)}.triangle-button:hover .triangle polygon{fill:var(--accent);stroke:var(--accent-outline)}.square{width:20px;height:20px}.square rect{fill:var(--accent-light);stroke:var(--accent-outline);stroke-width:4px;stroke-linejoin:round}.square-button{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .15s;display:flex}.square-button:hover{background:var(--accent-bg)}.square-button:hover .square rect{fill:var(--accent);stroke:var(--accent-outline)}.square-button-active{background:var(--accent-bg)}.square-button-active .square rect{fill:var(--accent);stroke:var(--accent-outline)}.trash-drop-zone{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.trash-drop-zone-over{background:var(--accent-bg)}.trash-drop-zone-over .square rect{fill:var(--accent);stroke:var(--accent-outline)}.week-calendar{width:100%;max-width:900px}.week-calendar-header{justify-content:center;align-items:center;gap:16px;margin-bottom:24px;display:flex}.week-range-label{text-align:center;min-width:150px;font-family:var(--heading);color:var(--text-h);font-size:20px}.week-days{grid-template-columns:repeat(7,1fr);gap:12px;display:grid}.day-column{background:var(--code-bg);border:1px solid var(--border);box-sizing:border-box;border-radius:18px;flex-direction:column;align-items:center;gap:8px;min-height:280px;padding:14px 8px;transition:border-color .15s,background .15s;display:flex}.day-column-over{border-color:var(--accent);background:var(--accent-bg)}.day-label{text-transform:lowercase;color:var(--text-h);font-size:14px}.day-date{color:var(--text);font-size:12px}.day-meals{flex-direction:column;gap:6px;width:100%;margin-top:4px;display:flex}.meal-chip{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--text-h);text-align:center;word-break:break-word;border-radius:10px;padding:6px 8px;font-size:13px}@media (width<=700px){.week-days{grid-auto-columns:minmax(88px,1fr);grid-auto-flow:column;overflow-x:auto}}.meal-drawer{--panel-height:320px;z-index:50;width:min(1126px,100%);transform:translate(-50%, var(--panel-height));flex-direction:column;align-items:center;transition:transform .3s;display:flex;position:fixed;bottom:0;left:50%}.meal-drawer-open{transform:translate(-50%)}.meal-drawer-hover-zone{z-index:40;height:14px;position:fixed;bottom:0;left:0;right:0}.meal-drawer-tab{border:1px solid var(--border);background:var(--code-bg);cursor:pointer;border-bottom:none;border-radius:18px 18px 0 0;justify-content:center;align-items:center;width:84px;height:40px;margin-bottom:-1px;display:flex}.meal-drawer-panel{width:100%;height:var(--panel-height);box-sizing:border-box;background:var(--code-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px 20px 0 0;padding:20px;overflow-y:auto}.meal-drawer-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.meal-card{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--text-h);text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:14px;padding:14px 10px}.meal-card:active{cursor:grabbing}.plan-page{flex:1;justify-content:center;align-items:center;padding:24px 20px 180px;display:flex}.meal-card-tile{background:var(--code-bg);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.meal-card-delete-overlay{background:#f39f9f47;transition:background .15s;position:absolute;inset:0}.meal-card-tile-delete:hover .meal-card-delete-overlay{background:#f39f9f8c}.meal-card-image{aspect-ratio:1;background:var(--social-bg);justify-content:center;align-items:center;display:flex}.meal-card-image img{object-fit:cover;width:100%;height:100%}.meal-card-placeholder{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:10px;width:40%;height:40%}.meal-card-name{text-align:center;color:var(--text-h);text-transform:lowercase;padding:10px 12px}.meal-form-backdrop{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.meal-form-modal{background:var(--code-bg);border:1px solid var(--border);width:min(360px,90vw);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:14px;padding:24px;display:flex}.meal-form-modal h2{text-align:center;margin:0 0 4px}.meal-form-field{color:var(--text);text-transform:lowercase;flex-direction:column;gap:6px;font-size:14px;display:flex}.meal-form-field input,.meal-form-field select{font:inherit;color:var(--text-h);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:8px 10px}.meal-form-actions{gap:10px;margin-top:8px;display:flex}.meal-form-cancel,.meal-form-submit{border:1px solid var(--border);color:var(--text);cursor:pointer;text-transform:lowercase;font:inherit;background:0 0;border-radius:999px;flex:1;padding:10px}.meal-form-submit{background:var(--accent);color:var(--accent-text);border-color:var(--accent-outline)}.meals-page{flex-direction:column;flex:1;gap:20px;min-height:0;padding:0 24px 24px;display:flex}.meals-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.meals-search{border:1px solid var(--border);background:var(--code-bg);min-width:160px;color:var(--text-h);font:inherit;border-radius:999px;flex:1;padding:10px 16px}.meals-new-button{border:1px solid var(--accent-outline);background:var(--accent);color:var(--accent-text);font:inherit;text-transform:lowercase;cursor:pointer;white-space:nowrap;border-radius:999px;padding:10px 20px}.meals-filters{gap:8px;display:flex}.meals-filter{border:1px solid var(--border);background:var(--code-bg);color:var(--text);font:inherit;text-transform:lowercase;cursor:pointer;border-radius:999px;padding:10px 18px}.meals-filter-active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--text-h)}.meals-gallery{flex:1;grid-template-columns:repeat(5,1fr);align-content:start;gap:20px;min-height:0;padding-bottom:12px;display:grid;overflow-y:auto}@media (width<=1000px){.meals-gallery{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.meals-gallery{grid-template-columns:repeat(2,1fr)}}