*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=dark]{--bg: #0f0f1e;--surface: #1a1a2e;--surface2: #232347;--accent: #6c5ce7;--accent-light: #a29bfe;--success: #00b894;--warning: #fdcb6e;--danger: #e17055;--text: #f0f0f5;--text-muted: #9999bb;--border: #2a2a4a;--tap: 48px;--nav-height: 64px;--radius: 12px;--overlay: rgba(0, 0, 0, .7);--shadow: rgba(0, 0, 0, .3)}[data-theme=light]{--bg: #f5f5fa;--surface: #ffffff;--surface2: #e8e8f0;--accent: #6c5ce7;--accent-light: #5b4ed1;--success: #00a883;--warning: #e8a317;--danger: #d6453a;--text: #1a1a2e;--text-muted: #6b6b8a;--border: #d0d0e0;--tap: 48px;--nav-height: 64px;--radius: 12px;--overlay: rgba(0, 0, 0, .4);--shadow: rgba(0, 0, 0, .1)}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;transition:background .3s,color .3s}#root{min-height:100vh}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:16px}.login-card{background:var(--surface);border-radius:var(--radius);padding:32px 24px;max-width:400px;width:100%;border:1px solid var(--border)}.login-title{font-size:2rem;font-weight:700;color:var(--accent-light);text-align:center;margin-bottom:8px}.login-subtitle{font-size:.9rem;color:var(--text-muted);text-align:center;margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field span{font-size:.85rem;color:var(--text-muted)}.login-input{min-height:var(--tap);font-size:1rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:8px 12px}.login-input:focus{outline:none;border-color:var(--accent)}.login-error{background:#e1705526;color:var(--danger);padding:10px 14px;border-radius:8px;font-size:.85rem}.login-btn{margin:0}.header-user{font-size:.8rem;color:var(--text-muted);padding:0 8px;display:flex;align-items:center}.header-logout{background:var(--surface2);border:1px solid var(--border);border-radius:10px;font-size:1.1rem;min-width:40px;min-height:40px;cursor:pointer;color:var(--danger);-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}.header-home-icon{font-size:1.2rem}.app{display:flex;flex-direction:column;min-height:100vh;max-width:600px;margin:0 auto;background:var(--bg)}.app-header{background:var(--surface);padding:12px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between}.app-header h1{font-size:1.25rem;font-weight:600;color:var(--accent-light)}.header-actions{display:flex;align-items:center;gap:8px}.theme-toggle{background:var(--surface2);border:1px solid var(--border);border-radius:10px;font-size:1.2rem;min-width:40px;min-height:40px;cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}.header-back{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--accent-light);padding:6px 14px;font-size:.85rem;min-height:36px;cursor:pointer}.app-main{flex:1;padding:16px;padding-bottom:calc(var(--nav-height) + 20px);overflow-y:auto}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;height:var(--nav-height);background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;z-index:200;padding-bottom:env(safe-area-inset-bottom,0)}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:var(--text-muted);min-height:var(--tap);cursor:pointer;transition:color .2s;-webkit-tap-highlight-color:transparent}.nav-btn.active{color:var(--accent-light)}.nav-icon{font-size:1.4rem;line-height:1}.nav-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.active-session-card{background:var(--surface);border-radius:var(--radius);padding:20px 16px;margin-bottom:16px;border:2px solid var(--accent)}.session-week-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.session-week-dates{font-size:1.4rem;font-weight:700;color:var(--accent-light);margin-bottom:16px}.session-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:16px}.session-day-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:8px;background:var(--surface2)}.session-day-chip.today{background:var(--accent);color:#fff}.chip-day{font-size:.6rem;text-transform:capitalize;opacity:.7}.chip-date{font-size:1.1rem;font-weight:700}.btn-new-cycle{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;background:var(--surface2);color:var(--accent-light);border:1px dashed var(--border);border-radius:var(--radius);font-size:.85rem;font-weight:500;cursor:pointer;margin:16px 0;-webkit-tap-highlight-color:transparent;transition:border-color .2s}.btn-new-cycle:active{border-color:var(--accent)}.session-info{background:var(--surface);border-radius:var(--radius);padding:16px;margin-bottom:16px}.session-dates{margin-bottom:12px}.date-range{font-size:1rem;font-weight:600;color:var(--accent-light)}.progress-bar{position:relative;background:var(--surface2);border-radius:8px;height:32px;overflow:hidden;display:flex;align-items:center;justify-content:center}.progress-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--success));border-radius:8px;transition:width .3s ease}.progress-text{position:relative;font-weight:700;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.checklist{display:flex;flex-direction:column;gap:8px;margin-top:16px}.checklist-item{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;min-height:var(--tap);cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;text-align:left;color:var(--text);font-size:1rem}.checklist-item:active{transform:scale(.98)}.checklist-item.completed{background:var(--surface2);border-color:var(--success);opacity:.7}.checklist-item.completed .step-label{text-decoration:line-through;color:var(--text-muted)}.checklist-item.interactive{border-color:var(--accent)}.chevron{margin-left:auto;font-size:1.5rem;color:var(--accent-light)}.checkbox{width:28px;height:28px;border-radius:8px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;font-weight:700}.checkbox.checked{background:var(--success);border-color:var(--success);color:#fff}.step-label{display:flex;flex-direction:column;gap:2px}.step-num{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.step-hint{font-size:.75rem;color:var(--accent-light)}.btn-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--tap);background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;margin:16px 0;transition:opacity .2s;-webkit-tap-highlight-color:transparent}.btn-primary:active{opacity:.8}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;justify-content:center;min-height:var(--tap);background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;font-weight:500;cursor:pointer;flex:1;-webkit-tap-highlight-color:transparent}.btn-remove{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--danger);min-width:36px;min-height:36px;cursor:pointer;-webkit-tap-highlight-color:transparent}.btn-add-day{background:var(--surface2);border:1px dashed var(--border);border-radius:var(--radius);color:var(--accent-light);min-height:var(--tap);width:100%;font-size:.9rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.btn-add-small{background:var(--surface2);border:1px dashed var(--border);border-radius:8px;color:var(--accent-light);min-height:36px;padding:4px 12px;font-size:.85rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay);display:flex;align-items:flex-end;justify-content:center;z-index:300;-webkit-tap-highlight-color:transparent}.modal-content{background:var(--surface);width:100%;max-width:600px;border-radius:20px 20px 0 0;padding:24px 16px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0));display:flex;flex-direction:column;gap:16px}.modal-content h2{font-size:1.2rem;color:var(--accent-light)}.form-label{display:flex;flex-direction:column;gap:8px;font-size:.9rem;color:var(--text-muted)}.input-date{min-height:var(--tap);font-size:1rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:8px 12px}.form-hint{font-size:.85rem;color:var(--text-muted);padding:8px 0}.modal-actions{display:flex;gap:12px}.empty-state{text-align:center;padding:32px 16px;color:var(--text-muted)}.loading{text-align:center;padding:32px;color:var(--text-muted)}.error-state{text-align:center;padding:24px;color:var(--danger);font-size:.9rem}.session-history{margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.session-history h3{font-size:1rem;color:var(--text-muted);margin-bottom:12px}.history-item{padding:8px 12px;background:var(--surface);border-radius:8px;margin-bottom:4px;font-size:.85rem;color:var(--text-muted)}.page-title{font-size:1.3rem;margin-bottom:16px;color:var(--accent-light)}.session-dates-info{font-size:.85rem;color:var(--text-muted);margin-bottom:16px}.section-title{font-size:1.1rem;color:var(--accent-light);margin-bottom:12px}.section-hint{font-size:.8rem;color:var(--text-muted);margin-bottom:12px}.recipe-grid{display:flex;flex-direction:column;gap:12px}.recipe-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;min-height:var(--tap);display:flex;-webkit-tap-highlight-color:transparent;transition:border-color .2s}.recipe-card:active{border-color:var(--accent)}.recipe-image{width:80px;height:80px;flex-shrink:0;overflow:hidden}.recipe-image img{width:100%;height:100%;object-fit:cover}.recipe-info{padding:12px 16px;display:flex;flex-direction:column;justify-content:center;gap:6px;flex:1}.recipe-name{font-size:1rem;font-weight:600}.recipe-tags{display:flex;gap:6px;flex-wrap:wrap}.recipe-tag{font-size:.7rem;background:var(--surface2);padding:2px 8px;border-radius:6px;color:var(--text-muted)}.recipe-yield{font-size:.8rem;color:var(--text-muted)}.recipe-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:400;display:flex;flex-direction:column}.recipe-modal{flex:1;display:flex;flex-direction:column;overflow:hidden}.modal-tabs{display:flex;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;flex-shrink:0}.modal-tabs::-webkit-scrollbar{display:none}.modal-tab{display:flex;align-items:center;gap:8px;padding:10px 14px;min-height:var(--tap);cursor:pointer;border-right:1px solid var(--border);font-size:.85rem;white-space:nowrap;-webkit-tap-highlight-color:transparent;color:var(--text-muted)}.modal-tab.active{background:var(--surface2);color:var(--accent-light);border-bottom:2px solid var(--accent)}.tab-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.tab-close{background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;min-width:28px;min-height:28px;-webkit-tap-highlight-color:transparent}.recipe-iframe{flex:1;width:100%;border:none;display:none}.recipe-iframe.visible{display:block}.modal-backdrop-close{position:fixed;bottom:0;left:0;right:0;max-width:600px;margin:0 auto;min-height:var(--tap);background:var(--danger);color:#fff;border:none;font-size:1rem;font-weight:600;cursor:pointer;z-index:500;-webkit-tap-highlight-color:transparent}.menu-page{display:flex;flex-direction:column}.view-toggle{display:flex;gap:0;margin-bottom:16px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.view-toggle button{flex:1;min-height:var(--tap);background:var(--surface);border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.view-toggle button.active{background:var(--accent);color:#fff}.menu-iframe-container{flex:1;min-height:50vh;border-radius:var(--radius);overflow:hidden;margin-bottom:16px}.menu-iframe{width:100%;height:100%;min-height:50vh;border:none;border-radius:var(--radius)}.menu-days{display:flex;flex-direction:column;gap:8px}.menu-day{background:var(--surface);border-radius:var(--radius);padding:12px 16px}.day-header{display:flex;justify-content:space-between;margin-bottom:8px}.day-name{font-weight:600;text-transform:capitalize}.day-date{color:var(--text-muted);font-size:.85rem}.day-meals{display:flex;flex-direction:column;gap:6px}.meal-item{display:flex;gap:8px;align-items:center;font-size:.9rem}.meal-type{background:var(--accent);color:#fff;padding:2px 8px;border-radius:6px;font-size:.7rem;text-transform:capitalize}.meal-name{color:var(--text)}.child-badge{background:var(--warning);color:#1a1a2e;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:600}.no-meal{color:var(--text-muted);font-size:.9rem}.menu-lunchboxes,.menu-collations{background:var(--surface);border-radius:var(--radius);padding:16px;margin-top:16px}.menu-lunchboxes h3,.menu-collations h3{font-size:1.1rem;color:var(--accent-light);margin-bottom:8px}.lb-summary,.col-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0}.lb-name,.col-name{background:var(--surface2);padding:4px 12px;border-radius:6px;font-size:.85rem}.menu-builder{padding-bottom:40px}.gen-section,.days-section,.lunchbox-section,.collation-section{background:var(--surface);border-radius:var(--radius);padding:16px;margin-bottom:16px}.gen-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.gen-header .section-title{margin-bottom:0}.btn-config-top{background:var(--surface2);border:1px solid var(--border);border-radius:10px;font-size:1.2rem;min-width:40px;min-height:40px;cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}.selectors-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.selector-item{display:flex;flex-direction:column;gap:6px}.selector-item label{font-size:.8rem;color:var(--text-muted);text-align:center}.selector-label{display:block;text-align:center}.selector-avoid{max-width:200px;margin:0 auto}.counter-avoid{max-width:160px}.counter-avoid span{font-size:.9rem}.selector-wide{grid-column:1 / -1}.counter{display:flex;align-items:center;gap:8px}.counter button{min-width:40px;min-height:40px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--accent-light);font-size:1.2rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.counter span{flex:1;text-align:center;font-size:1.1rem;font-weight:700}.rules-hint{background:var(--surface2);border-radius:8px;padding:10px 12px;margin:12px 0;font-size:.8rem;color:var(--text-muted)}.config-btn{margin-top:0;margin-bottom:0}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rules-hint p{line-height:1.5}.day-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);min-height:var(--tap)}.day-row:last-child{border-bottom:none}.day-label{display:flex;flex-direction:column;min-width:100px;flex-shrink:0}.day-label .day-name{font-weight:600;font-size:.95rem}.day-label .day-meal{font-size:.75rem;color:var(--text-muted);text-transform:capitalize}.day-assigned{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.assigned-name{font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:6px}.assigned-name.restants{color:var(--text-muted);font-style:italic}.warn-badge{background:var(--warning);color:#1a1a2e;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:700}.day-actions{display:flex;align-items:center;gap:6px}.child-select{min-height:36px;font-size:.8rem;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:4px 8px}.lunchbox-row,.collation-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.lunchbox-row:last-child,.collation-row:last-child{border-bottom:none}.lb-item,.col-item{display:flex;align-items:center;gap:6px;background:var(--surface2);padding:6px 12px;border-radius:8px;font-size:.85rem}.lb-item button,.col-item button{background:none;border:none;color:var(--danger);cursor:pointer;min-width:28px;min-height:28px;-webkit-tap-highlight-color:transparent}.lb-label,.col-label{font-weight:600;font-size:.9rem;min-width:80px}.picker-modal{background:var(--surface);width:100%;max-width:600px;max-height:80vh;border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.picker-header h3{font-size:1rem;color:var(--accent-light)}.picker-header button{background:none;border:none;color:var(--text-muted);font-size:1.2rem;min-width:36px;min-height:36px;cursor:pointer}.picker-search{margin:12px 16px;min-height:var(--tap);font-size:1rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:8px 12px}.picker-list{flex:1;overflow-y:auto;padding:0 16px 16px;display:flex;flex-direction:column;gap:4px}.picker-recipe{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;min-height:var(--tap);font-size:.9rem;text-align:left;cursor:pointer;color:var(--text);-webkit-tap-highlight-color:transparent}.picker-recipe:active{border-color:var(--accent)}.picker-recipe-row.in-week .picker-recipe{border-color:var(--warning)}.week-badge{font-size:.7rem;background:var(--warning);color:#1a1a2e;padding:2px 8px;border-radius:6px;font-weight:600;white-space:nowrap}.picker-recipe-row.disabled{opacity:.4;pointer-events:none}.picker-recipe-row.disabled .btn-preview-sm{pointer-events:auto;opacity:.6}.picker-recipe.recent{opacity:.6}.picker-recipe.in-menu{border-color:var(--warning)}.pr-name{flex:1;overflow:hidden;text-overflow:ellipsis}.pr-badge{font-size:.7rem;background:var(--warning);color:#1a1a2e;padding:2px 8px;border-radius:6px;font-weight:600}.in-menu-badge{background:var(--danger);color:#fff}.portions-control{display:flex;align-items:center;gap:6px}.portions-control label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.counter-sm button{min-width:32px;min-height:32px;font-size:1rem}.counter-sm span{font-size:.9rem;min-width:24px}.yield-badge{font-size:.7rem;background:var(--surface2);color:var(--text-muted);padding:2px 8px;border-radius:6px}.assigned-info{display:flex;flex-direction:column;gap:4px}.btn-preview{background:var(--surface2);border:1px solid var(--border);border-radius:8px;font-size:1rem;min-width:36px;min-height:36px;cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--accent-light)}.btn-preview-sm{background:var(--surface2);border:1px solid var(--border);border-radius:6px;font-size:.9rem;min-width:32px;min-height:32px;cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--accent-light)}.cafeteria-selector{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px;background:var(--surface2);border-radius:var(--radius)}.cafeteria-selector label{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.cafeteria-days{display:flex;gap:4px;flex:1}.caf-day-btn{flex:1;min-height:40px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.caf-day-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.day-row-block{border-bottom:1px solid var(--border);padding:12px 0}.day-row-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.day-meals-row{display:flex;flex-direction:column;gap:8px;flex:1}.meal-block{display:flex;flex-direction:column;gap:4px}.meal-block-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.meal-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.day-guest-row{margin-top:4px;padding-left:12px}.meal-header-actions{display:flex;gap:6px;flex-shrink:0}.meal-add-btn{flex-shrink:0}.meal-choose-btn{margin-top:4px}.default-restants-hint{opacity:.5;padding:6px 12px}.day-add-btn{flex-shrink:0}.day-item{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:8px 12px;background:var(--surface2);border-radius:8px;margin-bottom:4px;flex-wrap:wrap}.day-item-main{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.day-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.day-bottom-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-left:12px}.guest-inline{margin-top:8px;position:relative}.guest-row-inline{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface2);border-radius:8px;cursor:pointer;min-height:40px;-webkit-tap-highlight-color:transparent}.guest-label-inline{font-size:.8rem;color:var(--text-muted);font-weight:600;white-space:nowrap}.guest-selected-summary{flex:1;font-size:.85rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-chevron{font-size:.7rem;color:var(--text-muted);flex-shrink:0}.guest-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;z-index:50;max-height:240px;overflow-y:auto;box-shadow:0 4px 12px var(--shadow)}.guest-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:.9rem;cursor:pointer;border-bottom:1px solid var(--border);-webkit-tap-highlight-color:transparent}.guest-dropdown-item:last-child{border-bottom:none}.guest-dropdown-item.selected{color:var(--accent-light);font-weight:600}.guest-check{color:var(--success);font-weight:700}.guest-add-row{display:flex;gap:6px;align-items:center;padding:8px 14px;border-top:1px solid var(--border)}.guest-add-input{flex:1;min-height:36px;font-size:.85rem;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:6px 10px}.picker-filters{padding:0 16px 8px;display:flex;flex-direction:column;gap:8px}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.filter-chips{display:flex;flex-wrap:wrap;gap:4px}.pr-tags{display:flex;flex-wrap:wrap;gap:3px}.pr-tag-mini{font-size:.6rem;background:var(--warning);color:#1a1a2e;padding:1px 6px;border-radius:10px}.filter-mode-row{display:flex;align-items:center;gap:6px;margin-top:4px}.filter-mode-btn{font-size:.7rem;padding:3px 10px;border-radius:16px;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);cursor:pointer;min-height:28px;-webkit-tap-highlight-color:transparent}.filter-mode-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.tag-manager{padding-bottom:40px}.tag-manager-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tag-manager-legend{background:var(--surface);border-radius:var(--radius);padding:12px 16px;margin-bottom:16px}.legend-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.legend-row:last-child{margin-bottom:0}.legend-title{font-size:.8rem;color:var(--text-muted);font-weight:600;min-width:70px}.legend-pill{font-size:.7rem;padding:2px 10px;border-radius:20px}.cat-pill{background:var(--accent);color:#fff}.tag-pill{background:var(--warning);color:#1a1a2e}.tag-manager-list{display:flex;flex-direction:column;gap:12px}.tag-recipe-row{background:var(--surface);border-radius:var(--radius);padding:16px;border:1px solid var(--border)}.tag-recipe-row.saving{opacity:.6}.tag-recipe-name{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tag-recipe-name h4{font-size:1rem;color:var(--text);flex:1}.saving-badge{font-size:.7rem;color:var(--text-muted);background:var(--surface2);padding:2px 8px;border-radius:6px}.tag-recipe-chips{display:flex;flex-direction:column;gap:10px}.chips-group{display:flex;flex-direction:column;gap:4px}.chips-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.chips-row{display:flex;flex-wrap:wrap;gap:6px}.chip-toggle{font-size:.8rem;padding:4px 12px;border-radius:20px;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);cursor:pointer;min-height:32px;-webkit-tap-highlight-color:transparent;transition:all .15s}.chip-toggle.active{font-weight:600}.chip-toggle.cat-active{background:var(--accent);color:#fff;border-color:var(--accent)}.chip-toggle.tag-active{background:var(--warning);color:#1a1a2e;border-color:var(--warning)}.guest-display-row{display:flex;align-items:center;gap:6px;padding:6px 12px;margin-top:2px;font-size:.8rem;color:var(--text-muted)}.guest-icon{font-size:.9rem;flex-shrink:0}.guest-names{color:var(--accent-light);font-weight:500}.guest-toggle-wrap{position:relative}.guest-dropdown-panel{position:absolute;top:100%;right:0;width:240px;background:var(--surface);border:1px solid var(--border);border-radius:8px;z-index:60;box-shadow:0 4px 12px var(--shadow);display:flex;flex-direction:column;max-height:300px}.guest-search-input{margin:8px;min-height:36px;font-size:.85rem;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:6px 10px;flex-shrink:0}.guest-dropdown-list{overflow-y:auto;flex:1;min-height:0}.guest-dropdown-empty{padding:12px 14px;font-size:.8rem;color:var(--text-muted);text-align:center}.other-section{background:var(--surface);border-radius:var(--radius);padding:16px;margin-bottom:16px}.guest-section{margin-top:8px}.guest-toggle{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:.85rem;color:var(--accent-light);cursor:pointer;min-height:36px;-webkit-tap-highlight-color:transparent}.guest-panel{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:12px;background:var(--surface2);border-radius:8px}.guest-chip{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:4px 12px;font-size:.85rem;cursor:pointer}.guest-chip input{width:16px;height:16px}.guest-chip:has(input:checked){background:var(--accent);color:#fff;border-color:var(--accent)}.guest-add-row{display:flex;gap:6px;align-items:center;width:100%;margin-top:4px}.guest-add-input{flex:1;min-height:36px;font-size:.85rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:6px 10px}.guest-add-btn{background:none;border:1px dashed var(--border);border-radius:20px;color:var(--accent-light);padding:4px 12px;font-size:.8rem;cursor:pointer;min-height:32px;-webkit-tap-highlight-color:transparent}.note-item{display:flex;gap:8px;padding:8px 12px;background:var(--surface2);border-radius:8px;margin-bottom:4px;align-items:center}.note-display{flex:1;font-size:.9rem;color:var(--text);cursor:pointer;padding:4px 0}.note-item:not(.editing){cursor:pointer}.note-item.editing{border-color:var(--accent)}.note-saved{border-color:var(--success)!important;background:#00b8941a!important}.note-saved-badge{font-size:.7rem;color:var(--success);font-weight:600;white-space:nowrap;flex-shrink:0}.note-input{flex:1;min-height:36px;font-size:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:6px 10px}.day-add-note{margin-top:4px}.multiplier-control{display:flex;align-items:center;gap:6px}.multiplier-control label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.yield-multiplier-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.total-pill{font-size:.75rem;background:var(--accent);color:#fff;padding:2px 10px;border-radius:20px;font-weight:600}.takeout-option{border-color:var(--warning)!important;border-style:dashed!important;background:var(--surface)!important;margin-bottom:8px}.btn-mode-toggle{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);padding:6px 12px;font-size:.8rem;min-height:36px;cursor:pointer;-webkit-tap-highlight-color:transparent}.btn-mode-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:500;display:flex;align-items:center;justify-content:center}.preview-modal{background:var(--surface);width:100%;max-width:900px;height:100%;max-height:100vh;display:flex;flex-direction:column;overflow:hidden}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.preview-header h3{font-size:1rem;color:var(--accent-light)}.preview-header button{background:var(--surface2);border:1px solid var(--border);border-radius:8px;font-size:1rem;min-width:36px;min-height:36px;cursor:pointer;color:var(--text)}.preview-iframe{flex:1;width:100%;border:none}.picker-recipe-row{display:flex;align-items:center;gap:4px}.picker-recipe-row .picker-recipe{flex:1}.restants-option{border-color:var(--accent)!important;border-style:dashed!important;background:var(--surface)!important;margin-bottom:8px}.pr-yield{font-size:.7rem;background:var(--surface2);color:var(--text-muted);padding:2px 6px;border-radius:4px;flex-shrink:0}.tab-content{display:none;overflow-y:auto;padding:16px;flex:1}.tab-content.visible{display:block}.tab-recipe-content{max-width:600px;margin:0 auto}.tab-recipe-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.tab-recipe-header h2{font-size:1.5rem;color:var(--accent-light)}.tab-recipe-actions{display:flex;gap:8px;flex-shrink:0}.btn-external{gap:4px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--accent-light);padding:8px 14px;font-size:.85rem;text-decoration:none;min-height:36px;display:inline-flex;align-items:center;-webkit-tap-highlight-color:transparent}.recipe-description{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:16px}.recipe-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.meta-pill{background:var(--surface2);padding:4px 12px;border-radius:20px;font-size:.8rem;color:var(--text-muted)}.recipe-section{margin-bottom:20px}.recipe-section h4{font-size:1.05rem;color:var(--accent-light);margin-bottom:10px;padding-bottom:4px;border-bottom:1px solid var(--border)}.ingredients-list{list-style:none;display:flex;flex-direction:column;gap:6px;padding:0}.ingredients-list li{background:var(--surface2);padding:8px 14px;border-radius:8px;font-size:.9rem}.steps-list{list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:12px;padding:0}.steps-list li{counter-increment:step;display:flex;flex-direction:column;gap:4px;padding-left:32px;position:relative;font-size:.9rem;line-height:1.5}.steps-list li:before{content:counter(step);position:absolute;left:0;top:0;width:24px;height:24px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.step-title{display:block;color:var(--accent-light);font-size:.9rem;margin-bottom:4px}.recipe-notes{background:var(--surface2);border-radius:8px;padding:12px;font-size:.85rem}@media (min-width: 600px){.modal-overlay{align-items:center}.modal-content,.picker-modal{border-radius:var(--radius);max-width:500px}}@media (min-width: 768px){.app,.bottom-nav{max-width:900px}.recipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.selectors-grid{grid-template-columns:repeat(5,1fr)}.selector-wide{grid-column:1 / -1}.config-grid{grid-template-columns:repeat(5,1fr)}.menu-days{display:grid;grid-template-columns:1fr 1fr;gap:8px}.picker-modal{max-width:700px}}@media (min-width: 1024px){.app,.bottom-nav{max-width:1100px}.recipe-grid,.menu-days{grid-template-columns:1fr 1fr 1fr}}@media (orientation: landscape) and (max-width: 1024px){.app{max-width:100%;min-height:100vh}.app-main{padding:16px 32px}.bottom-nav{max-width:100%}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:8px}.session-info{margin-bottom:12px}.gen-section .selectors-grid{grid-template-columns:repeat(5,1fr)}.menu-builder .days-section .day-row{padding:8px 0}.menu-days{grid-template-columns:1fr 1fr}.days-section{display:flex;flex-direction:column}}