:root{--primary-color: #FF6B6B;--primary-color-light: #FF8E8E;--primary-color-dark: #E05050;--text-color: #333333;--text-color-light: #666666;--background-color: #FAFAFA;--secondary-color: #F0F0F0;--border-color: #E0E0E0;--success-color: #4ECDC4;--danger-color: #FF6B6B;--content-padding: 1em;--border-radius: 12px;--box-shadow: 0 4px 8px rgba(0, 0, 0, .08);--button-light-color: #f8f8f8;--button-light-hover: #eeeeee;--button-light-text: #333333;--accent-color-1: #FFD166;--accent-color-2: #06D6A0;--accent-color-3: #118AB2}*{box-sizing:border-box}html{font-size:15px;color:var(--text-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{background-color:var(--background-color)}input{font-size:1em}input[type=text],input[type=number],textarea,select{padding:.8em;border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}input[type=text]:focus,input[type=number]:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b6b33;transform:translateY(-1px)}input[type=text]:hover,input[type=number]:hover,textarea:hover,select:hover{border-color:var(--primary-color-light)}button{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);padding:.7em 1.2em;cursor:pointer;transition:all .3s;font-weight:500;box-shadow:0 2px 4px #0000001a}button:hover{background-color:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.content button{background-color:var(--button-light-color);color:var(--button-light-text);border:1px solid var(--border-color);box-shadow:0 2px 4px #0000000d}.content button:hover{background-color:var(--button-light-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.content button:active{transform:translateY(0);box-shadow:0 2px 4px #0000000d}.content button.primary{background-color:var(--primary-color);color:#fff;border:none;box-shadow:0 2px 4px #0000001a}.content button.primary:hover{background-color:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.content button.primary:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}h1,h2,h3{margin:0;color:var(--primary-color-dark)}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}hr{border:none;border-top:1px solid var(--border-color);margin:1em 0}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.3em;height:1.3em;border:2px solid var(--border-color);border-radius:50%;margin-right:.5em;position:relative;cursor:pointer;vertical-align:middle;flex-shrink:0;transition:all .2s ease}input[type=checkbox]:checked{background-color:var(--primary-color);border-color:var(--primary-color);animation:pulse .3s ease}input[type=checkbox]:checked:after{content:"✓";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8em}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .8em center;background-size:1em;padding-right:2.5em;cursor:pointer}select::-ms-expand{display:none}body,html,#app{width:100%;height:100%;margin:0}#app{display:grid;grid-template-rows:1fr auto;background-color:var(--background-color)}nav{padding:var(--content-padding);background-color:var(--primary-color);color:#fff;box-shadow:var(--box-shadow)}main{overflow:hidden;max-width:1200px;margin:0 auto;width:100%}.container{padding:var(--content-padding);max-width:1200px;margin:0 auto}.card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:var(--content-padding);margin-bottom:1em}.flex-row{display:flex;flex-direction:row;gap:1em}.flex-column{display:flex;flex-direction:column;gap:1em}.flex-grow{flex-grow:1}.text-center{text-align:center}.mt-1{margin-top:1em}.mb-1{margin-bottom:1em}.appview[data-v-a2bb5602]{position:relative;display:grid;grid-template-rows:auto 1fr;height:100%}.appview header[data-v-a2bb5602]{padding:var(--content-padding);background-color:var(--primary-color);color:#fff;font-size:1.3em;font-weight:700;box-shadow:var(--box-shadow);z-index:10}.appview .content[data-v-a2bb5602]{overflow-y:auto;padding:var(--content-padding);background-color:var(--secondary-color)}.appview .offline-notice[data-v-a2bb5602]{position:absolute;bottom:.2em;right:.2em}.appview-header{display:flex;align-items:center;max-width:100%;gap:.5em}.appview-header .title{flex-grow:1}.appview-header .title .subtitle{font-size:.7em;font-weight:400;opacity:.9}.appview-header .title .maintitle{font-weight:700}.appview-header .button-group{display:flex;flex-wrap:nowrap;gap:.1em;margin-right:.3em}.appview-header .buttons{display:flex;flex-wrap:wrap;gap:.1em}.appview-header .buttons button{padding:.8em;background-color:#fff3;color:#fff;border-radius:var(--border-radius);transition:background-color .2s}.appview-header .buttons button:hover{background-color:#ffffff4d}.appview-header .buttons .back-button{background-color:#fff3}.appview-header .buttons button:disabled{opacity:.5;cursor:not-allowed}button[data-v-163f1c09]{font-size:1em;padding:1em;border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:flex;align-items:center;justify-content:flex-start;transition:transform .2s,box-shadow .2s;text-align:left;background-color:#fff;color:var(--button-light-text);border:1px solid var(--border-color)}button[data-v-163f1c09]:hover{transform:translateY(-3px);box-shadow:0 4px 8px #00000026;border-color:var(--primary-color-light)}button i[data-v-163f1c09]{font-size:1.5em;margin-right:1em;width:1.5em;text-align:center;color:var(--primary-color)}button.deleted[data-v-163f1c09]{background-color:#f5f5f5;color:#999;border-color:#ddd;opacity:.6;text-decoration:line-through}button.deleted[data-v-163f1c09]:hover{transform:none;box-shadow:var(--box-shadow);border-color:#ddd}button.deleted i[data-v-163f1c09]{color:#999}@media (min-width: 768px){button[data-v-163f1c09]{flex:1;max-width:250px;flex-direction:column;text-align:center;padding:2em 1em}button i[data-v-163f1c09]{font-size:2em;margin:0 0 .5em;width:auto}}.list-view[data-v-6cc0e86d]{display:flex;flex-direction:column;gap:1em;max-width:500px;margin:auto}@media (min-width: 768px){.list-view[data-v-6cc0e86d]{flex-direction:row;justify-content:center;max-width:100%}}button[data-v-39eac4d7]{background-color:var(--button-light-color);color:var(--button-light-text)}button[data-v-39eac4d7]:hover{background-color:var(--button-light-hover)}button.primary[data-v-39eac4d7],button[type=submit][data-v-39eac4d7]{background-color:var(--primary-color);color:#fff;border:none}button.primary[data-v-39eac4d7]:hover,button[type=submit][data-v-39eac4d7]:hover{background-color:var(--primary-color-dark)}button.active[data-v-39eac4d7]{background-color:var(--primary-color);color:#fff}button.active[data-v-39eac4d7]:hover{background-color:var(--primary-color-dark)}dialog{padding:0;border:none;border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:90%;width:500px}dialog header{display:flex;flex-wrap:nowrap;align-items:center;padding:1em;background-color:var(--primary-color);color:#fff;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}dialog header .title{flex-grow:1;font-weight:700}dialog header .cancelButton{background:none;color:#fff;border:none;font-size:1.2em;cursor:pointer;padding:.2em .5em;border-radius:var(--border-radius)}dialog header .cancelButton:hover{background-color:#fff3}dialog .content{padding:1em}dialog .content .buttonBar{margin-top:1.5em;text-align:right;display:flex;justify-content:flex-end;gap:.5em}dialog .content .buttonBar button{padding:.6em 1.2em}dialog::backdrop{background-color:#00000080}.wrapper[data-v-e2455cb7]{display:grid}.wrapper textarea[data-v-e2455cb7]{resize:none;overflow:hidden;min-height:1em}.wrapper[data-v-e2455cb7]:after{content:attr(data-replicated-value) " ";visibility:hidden}.wrapper>textarea[data-v-e2455cb7],.wrapper[data-v-e2455cb7]:after{border:1px solid black;padding:.5em;font:inherit;white-space:pre-wrap;grid-area:1 / 1 / 1 / 1}.list-item[data-v-417ff556]{font-size:1.2em;border-radius:var(--border-radius);padding:.1em;transition:background-color .2s,transform .3s ease-out,opacity .3s ease-out}.list-item[data-v-417ff556]:hover{background-color:#ee522f0d}.list-item.deleting[data-v-417ff556]{transform:translate(-100%);opacity:0}.list-item input[type=checkbox]:checked~.label-container .label[data-v-417ff556]{color:#999;text-decoration:line-through}.list-item .header[data-v-417ff556]{font-weight:700;color:var(--primary-color);border-bottom:solid 1px var(--border-color);padding-bottom:.3em}.list-item .wrap[data-v-417ff556]{display:flex;align-items:center;white-space:pre-line;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.list-item .wrap .label-container[data-v-417ff556]{display:inline-block}.list-item .wrap .label-container .label[data-v-417ff556]{display:block}.list-item .wrap .label-container .recipe[data-v-417ff556]{display:block;font-size:.6em;color:var(--text-color-light)}form[data-v-417ff556]{flex:1}form .edit-box[data-v-417ff556]{display:flex;align-items:center;gap:.2em}form .edit-box button[data-v-417ff556]{padding:.8em}form .edit-box .name[data-v-417ff556]{flex:1;padding:.3em}.wrapper[data-v-384186a5]{position:relative}.wrapper .dropdown-toggle[data-v-384186a5]{padding:.8em 1.1em}.wrapper .menu[data-v-384186a5]{position:absolute;right:0;top:100%;margin-top:.3em;min-width:min-content;width:auto;white-space:nowrap;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:.5em;display:flex;flex-direction:column;gap:.3em;z-index:1000;overflow:visible}button.dropdown-button[data-v-c6b2f421]{text-align:left;width:100%;background-color:transparent;color:var(--text-color);border:none;border-radius:var(--border-radius);padding:.7em 1em;font-weight:400;box-shadow:none;display:flex;align-items:center;gap:.5em}button.dropdown-button[data-v-c6b2f421]:hover{background-color:var(--secondary-color);transform:translateY(0);box-shadow:none}button.dropdown-button i[data-v-c6b2f421]{color:var(--primary-color);width:1.2em;text-align:center}.dropdown-menu-separator[data-v-42035038]{border:none;border-top:1px solid var(--border-color);margin:.2rem 0}hr[data-v-dcdb356e]{border:none;border-top:1px dashed var(--border-color);margin:1.5em 0}.item-list[data-v-dcdb356e]{display:flex;flex-direction:column;gap:.3em}dialog[data-v-ef3b4497]{padding:1.5em;border:none;border-radius:var(--border-radius);background-color:var(--primary-color);color:#fff;font-weight:700;box-shadow:var(--box-shadow);animation:pulse-ef3b4497 1.5s infinite}@keyframes pulse-ef3b4497{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}dialog[data-v-ef3b4497]::backdrop{background-color:#0000004d}.item-container[data-v-293063f5]{display:flex;flex-direction:column;gap:.3em;width:min(40em,100%)}.item-row[data-v-293063f5]{display:flex;align-items:stretch;border-radius:var(--border-radius);background-color:#fff;box-shadow:var(--box-shadow);border:1px solid var(--border-color)}.item-row .move-handle[data-v-293063f5]{display:flex;align-items:center;justify-content:center;padding:0 .5em;cursor:grab;color:var(--text-color-light);background-color:var(--button-light-color);border-right:1px solid var(--border-color);border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.item-row .move-handle[data-v-293063f5]:hover{background-color:var(--button-light-hover)}.item-row .move-handle.moving[data-v-293063f5]{background-color:var(--primary-color);color:#fff}.item-row .name[data-v-293063f5]{min-width:1em;flex-grow:1;border:none;box-shadow:none;padding-left:.3em}.item-row .delete-button[data-v-293063f5]{border-top-left-radius:0;border-bottom-left-radius:0}.item-row .delete-button[data-v-293063f5]:hover{transform:none}button.active[data-v-293063f5]{background-color:var(--primary-color);color:#fff}.move-slot[data-v-293063f5]{height:.8em;overflow:hidden;background-color:#ee522f1a;border-radius:var(--border-radius);cursor:pointer}.move-slot[data-v-293063f5]:hover{background-color:#ee522f33}.day-card[data-v-7f9434e9]{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:all .2s ease;cursor:pointer}.day-card[data-v-7f9434e9]:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.day-card.editing[data-v-7f9434e9]{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.day-card.editing[data-v-7f9434e9]:hover{transform:none}.day-header[data-v-7f9434e9]{background-color:#f5f5f5;padding:.8em 1em;font-weight:700;border-bottom:1px solid #e0e0e0;display:flex;align-items:center}.day-header i[data-v-7f9434e9]{margin-right:.5em;color:#666}.day-content[data-v-7f9434e9]{padding:1em;min-height:3em;display:flex;align-items:center}.label[data-v-7f9434e9]{font-size:1.1em}.no-label[data-v-7f9434e9]{color:#999;font-style:italic;display:flex;align-items:center;gap:.5em}.dish-input[data-v-7f9434e9]{width:100%;padding:.5em;border:1px solid #ccc;border-radius:4px}.current-day[data-v-7f9434e9]{border-color:#daa520}.current-day .day-header[data-v-7f9434e9]{background-color:#daa52033}.week-menu-container[data-v-bb4b8ec4]{display:flex;flex-direction:column;gap:1em}.days[data-v-bb4b8ec4]{display:flex;flex-direction:column;gap:1.2em;padding:.5em 0}@media (min-width: 768px){.days[data-v-bb4b8ec4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5em}}.empty-state[data-v-9c8ae2aa]{text-align:center;padding:2em}.create-button[data-v-9c8ae2aa]{font-size:1.2em;padding:1.5em;border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;background-color:#fff;color:var(--button-light-text);border:1px solid var(--border-color);margin:1em auto;max-width:300px}.create-button[data-v-9c8ae2aa]:hover{transform:translateY(-3px);box-shadow:0 4px 8px #00000026;border-color:var(--primary-color-light)}.create-button i[data-v-9c8ae2aa]{font-size:1.5em;margin-right:1em;color:var(--primary-color)}.delete-button[data-v-6c692d3c]{margin-left:8px}.servings-input[data-v-6c692d3c]{width:60px;padding:4px;margin:0 4px}.original-servings[data-v-6c692d3c]{color:#666;font-size:.9em}.reset-button[data-v-6c692d3c]{padding:4px 8px;margin-left:8px;background:none;border:1px solid #ccc;border-radius:4px;cursor:pointer}.reset-button[data-v-6c692d3c]:hover{background-color:#f0f0f0}.edit-form[data-v-7db72987]{display:flex;flex-direction:column;gap:1rem}.form-group[data-v-7db72987]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-7db72987]{font-weight:700}.form-group input[data-v-7db72987],.form-group textarea[data-v-7db72987]{padding:.5rem;border-radius:4px}.ingredient-row[data-v-7db72987]{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center}.ingredient-row input[data-v-7db72987]{flex:1}.add-ingredient-btn[data-v-7db72987]{margin-top:.5rem;align-self:flex-start}