.ingredients{display:flex;gap:1.5rem;height:calc(100vh - 52px - 4rem);position:relative}.ingredients-list{flex:1;display:flex;flex-direction:column;min-width:0}.ingredients-search{position:relative;padding:0 0 .5rem}.ingredients-filter{padding:0 0 .6rem}.ingredients-list .ingredient-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.ingredient-list-empty{padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.9rem}.ingredient-pic{width:28px;height:28px;flex-shrink:0;border-radius:7px;background:var(--surface-2);border:1px dashed var(--border)}.ingredient-pic-lg{width:64px;height:64px;border-radius:12px}.ingredient-pic-img{object-fit:contain;background:var(--surface-2);border-style:solid}.ingredient-pic--empty{border:1px solid var(--border);background:var(--surface-3);display:flex;align-items:center;justify-content:center}.ingredient-pic--empty .app-logo-icon{width:28px;height:28px;opacity:.35;background-color:var(--text-muted)}.ingredient-fiche-pic{position:relative;flex-shrink:0}.ingredient-pic-square{cursor:pointer;display:inline-flex;border-radius:12px}.ingredient-pic-square:hover{box-shadow:0 0 0 2px var(--primary-bg)}.pic-edit-done{color:var(--text-2)!important}.ingredient-pic-edit{display:flex;align-items:center;gap:.35rem;margin-top:.4rem}.pic-edit-btn{font-size:.72rem;padding:.2rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--primary);cursor:pointer}.pic-edit-btn:hover{background:var(--primary-bg)}.pic-remove-btn{width:20px;height:20px;line-height:1;border-radius:50%;border:1px solid var(--error-border, var(--border));background:var(--surface);color:var(--error);cursor:pointer;font-size:.9rem}.pic-edit-btn:disabled{opacity:.5;cursor:default}.pic-lookup-btn{white-space:nowrap}.ing-lookup{margin:.6rem 0 .2rem}.ing-lookup-hint,.ing-lookup-empty{margin:0 0 .45rem;font-size:.78rem;color:var(--text-muted)}.ing-lookup-grid{display:flex;flex-wrap:wrap;gap:.6rem}.ing-lookup-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;transition:border-color .12s,box-shadow .12s}.ing-lookup-card:hover:not(:disabled){border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg)}.ing-lookup-card:disabled{cursor:default}.ing-lookup-card.applying{opacity:.6}.ing-lookup-thumb{width:84px;height:84px;object-fit:contain;background:#fff;border-radius:6px}.ing-lookup-src{font-size:.68rem;color:var(--text-muted)}.ingredients-footer{display:flex;align-items:center;justify-content:space-between;padding:.6rem .2rem 0;border-top:1px solid var(--border-soft);font-size:.82rem;color:var(--text-muted)}.ingredients-footer-left{display:flex;align-items:center;gap:.6rem}.page-current{font-size:.82rem;color:var(--text-muted);margin:0 .4rem}.ingredient-detail{position:relative;flex:0 1 620px;overflow-y:auto;padding:1.5rem;min-width:0;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.ingredient-fiche-actions{display:flex;gap:.4rem;flex-shrink:0}.ingredient-fiche-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.ingredient-fiche-titles{flex:1;min-width:0}.ingredient-fiche-name{margin:0;font-size:1.3rem;font-weight:700;color:var(--text)}.ingredient-fiche-cat{font-size:.8rem;color:var(--text-muted)}.nutri-readonly{font-size:.9rem;color:var(--text)}.nutri-readonly.empty{color:var(--text-muted)}.nutri-section{max-width:460px}.nutri-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.5rem}.nutri-title{margin:0;font-size:1rem;font-weight:700;color:var(--text)}.nutri-per{font-size:.8rem;color:var(--text-muted)}.nutri-table{width:100%;border-collapse:collapse}.nutri-table td{padding:.3rem 0;border-bottom:1px solid var(--border-soft);vertical-align:middle}.nutri-group-row td{padding-top:.9rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);border-bottom:none}.nutri-label{font-size:.9rem;color:var(--text)}.nutri-sub .nutri-label{padding-left:1.1rem;color:var(--text-muted);font-size:.85rem}.nutri-value{text-align:right;white-space:nowrap;width:130px}.nutri-input{width:72px;text-align:right;padding:.25rem .4rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:.88rem}.nutri-input:focus{outline:none;border-color:var(--primary)}.nutri-unit{display:inline-block;width:34px;margin-left:.4rem;color:var(--text-muted);font-size:.82rem;text-align:left}.nutri-actions{margin-top:1.25rem;display:flex;gap:.5rem;justify-content:flex-end}.units-section{max-width:460px;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-soft)}.units-section--top{margin-top:0;padding-top:0;border-top:none;margin-bottom:1.75rem}.units-toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text);cursor:pointer}.units-toggle input{width:16px;height:16px;cursor:pointer}.units-hint{margin:.5rem 0 0;font-size:.82rem;color:var(--text-muted)}.units-checks{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:.75rem}.units-check{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--text);cursor:pointer}.units-check input{width:16px;height:16px;cursor:pointer}.ingredient-number-actions{display:flex;align-items:center;gap:.4rem;margin-top:.5rem}.ingredient-number-label{font-size:.78rem;color:var(--text-muted)}.btn-mini{padding:.15rem .5rem;font-size:.78rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer}.btn-mini:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-mini:disabled{opacity:.5;cursor:default}.ingredient-number-spin{font-size:.85rem;color:var(--text-muted)}.ingredient-number-error{display:block;margin-top:.35rem;font-size:.78rem;color:var(--danger, #d33)}.btn-icon-merge:hover{color:var(--primary);border-color:var(--primary)}.merge-modal{max-width:440px}.merge-results{list-style:none;margin:.6rem 0 0;padding:.25rem;border:1px solid var(--border);border-radius:9px;background:var(--surface);max-height:260px;overflow-y:auto}.merge-results li{padding:.45rem .6rem;border-radius:7px;cursor:pointer;font-size:.9rem;color:var(--text)}.merge-results li:hover{background:var(--primary-bg);color:var(--primary)}.ing-queue{padding:.2rem .2rem 1rem;overflow-y:auto;flex:1}.ing-queue-hint{margin:0 0 1rem;font-size:.85rem;color:var(--text-muted);max-width:720px}.queue-empty{padding:2.5rem 1rem;text-align:center;color:var(--text-muted);font-size:.9rem}.ing-queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.ing-queue-item{display:flex;align-items:center;gap:.9rem;padding:.6rem .8rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.ing-queue-thumb{width:46px;height:46px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--surface-2)}.ing-queue-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ing-queue-body{flex:1;min-width:0}.ing-queue-name{font-weight:600;color:var(--text)}.ing-queue-meta{font-size:.78rem;color:var(--text-muted);margin-top:.15rem}.ing-queue-actions{display:flex;gap:.4rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.ing-queue-actions button{padding:.35rem .7rem;font-size:.8rem}.ingredients-topbar{display:flex;justify-content:flex-end;margin-bottom:.8rem;flex-shrink:0}.ing-add-cta{display:inline-flex;align-items:center;gap:.4rem}.nutri-source{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.nutri-source-badge{font-size:.68rem;font-weight:700;letter-spacing:.03em;padding:.1rem .4rem;border-radius:5px;background:var(--primary-bg);color:var(--primary)}.nutri-source-name{font-size:.85rem;color:var(--text)}.nutri-source-date{font-size:.78rem;color:var(--text-muted)}.ciqual-picker{max-width:460px;margin-bottom:.9rem}.ciqual-results{list-style:none;margin:.4rem 0 0;padding:0;border:1px solid var(--border);border-radius:8px;max-height:220px;overflow-y:auto}.ciqual-results li{padding:.4rem .6rem;font-size:.86rem;color:var(--text);cursor:pointer;border-top:1px solid var(--border-soft, var(--border))}.ciqual-results li:first-child{border-top:none}.ciqual-results li:hover{background:var(--surface-2)}.ciqual-results li.ciqual-empty{color:var(--text-muted);cursor:default}.ciqual-results li.ciqual-empty:hover{background:none}.nutri-group-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.nutri-group-chevron{display:inline-block;width:.9em;font-size:.7em;color:var(--text-muted)}.ing-name-input{width:100%;max-width:340px;font-size:1.15rem;font-weight:700;padding:.3rem .5rem;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text)}.ing-name-input:focus{outline:none;border-color:var(--primary)}.ing-cat-select{margin-top:.5rem;padding:.3rem .5rem;font-size:.85rem;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text)}.fiche-edit-actions{position:sticky;bottom:0;margin-top:1.5rem;padding-top:1rem;display:flex;gap:.5rem;justify-content:flex-end;border-top:1px solid var(--border-soft);background:var(--surface)}.nutri-src-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.12rem .35rem .12rem .3rem;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.nutri-src-logo{height:14px;display:block;background:#fff;border-radius:3px;padding:1px 3px}.nutri-src-name{font-size:.82rem;color:var(--text)}.nutri-src-name-btn{font-size:.82rem;color:var(--text);border:none;background:none;cursor:pointer;padding:0;text-decoration:underline dotted}.nutri-src-x{border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:0 1px}.nutri-src-x:hover{color:var(--danger, #d33)}.units-pills{display:flex;flex-wrap:wrap;gap:.35rem}.unit-pill{display:inline-flex;align-items:center;padding:.12rem .55rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);font-size:.8rem;font-weight:600;color:var(--text)}.nutri-estimated{margin-left:.4rem;font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:var(--surface-2);border-radius:4px;padding:.05rem .3rem;vertical-align:middle}.ingredients-filter.chip-row{flex-wrap:wrap;gap:.4rem}.tri-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .7rem;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);font-size:.82rem;font-weight:500;cursor:pointer;transition:border-color .12s,background .12s,color .12s}.tri-chip.off:hover{border-color:var(--text-muted)}.tri-chip.with{border-color:var(--success-border);background:var(--success-bg);color:var(--success)}.tri-chip.without{border-color:var(--error-border);background:var(--error-bg);color:var(--error)}.tri-ic{font-weight:700;line-height:1}.density-row{display:flex;align-items:center;gap:.5rem;margin-top:.7rem;flex-wrap:wrap}.density-read{display:flex;align-items:center;gap:.5rem;margin-top:.6rem}.density-label{font-size:.82rem;color:var(--text-muted);font-weight:500}.btn-ai-weight{padding:.28rem .6rem;border:1px solid var(--primary);background:var(--primary-bg);color:var(--primary);border-radius:7px;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap}.btn-ai-weight:hover:not(:disabled){background:var(--primary-active)}.btn-ai-weight:disabled{opacity:.6;cursor:default}.weight-warn{font-size:.72rem;color:var(--error);background:var(--error-bg);border:1px solid var(--error-border);border-radius:6px;padding:.1rem .4rem;white-space:nowrap;cursor:help}.ing-nutri-modal{max-width:440px;width:100%;position:relative;max-height:82vh;overflow-y:auto}.ing-nutri-head{display:flex;align-items:center;gap:.9rem;margin:.2rem 0 1rem;padding-right:1.5rem}.ing-nutri-photo{width:72px;height:72px;flex-shrink:0;border-radius:10px;object-fit:contain;background:var(--surface-2)}.ing-nutri-photo--empty{border:1px dashed var(--border)}.ing-nutri-titles{min-width:0}.ing-nutri-name{margin:0;font-size:1.15rem;font-weight:600;color:var(--text);line-height:1.2}.ing-nutri-cat{display:inline-block;margin-top:.25rem;font-size:.75rem;color:var(--text-muted)}.ing-nutri-body{margin-top:0}.ing-nutri-empty{margin:.4rem 0;font-size:.85rem;color:var(--text-muted)}.nutri-source-credit{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--border-soft, var(--border))}.nutri-credit-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.nutri-credit-logo{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:6px;padding:3px 8px}.nutri-credit-logo img{height:18px;display:block}.nutri-credit-name{font-size:.8rem;color:var(--text-muted)}.nutri-credit-logo{cursor:pointer;text-decoration:none;transition:box-shadow .12s}.nutri-credit-logo:hover{box-shadow:0 0 0 2px var(--primary-bg)}.recipe-viewer{padding:0 0 1.5rem;position:relative}.viewer-color-bar{width:100%;height:48px;background:linear-gradient(135deg,var(--primary) 0%,#4f7ef0 100%);border-radius:14px 14px 0 0}.viewer-image-wrap{width:100%;overflow:hidden;border-radius:14px 14px 0 0;background:var(--surface-3)}.viewer-image{width:100%;aspect-ratio:20/9;object-fit:cover;display:block}.viewer-header{padding:1rem 1.5rem 0;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.6rem}.viewer-header>div:first-child{flex:1;min-width:0}.viewer-title{margin:0;font-size:1.7rem;font-weight:800;letter-spacing:-.01em;line-height:1.15;color:var(--text)}.viewer-actions{display:flex;gap:.4rem;flex-shrink:0;align-items:center}.btn-save-to-book{display:inline-flex;align-items:center;gap:.4rem;height:36px;padding:0 .85rem;border-radius:8px;background:var(--primary);color:#fff;border:1.5px solid var(--primary);font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,opacity .12s}.btn-save-to-book:hover{background:var(--primary-strong, var(--primary));filter:brightness(.96)}.btn-save-to-book.saved{background:var(--success, #2e9e5b);border-color:var(--success, #2e9e5b);cursor:default}.btn-icon{width:36px;height:36px;border-radius:8px;background:var(--surface);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,border-color .12s;flex-shrink:0}.btn-icon-export{color:var(--text-3)}.btn-icon-export:hover{background:var(--surface-2);border-color:var(--text-muted)}.btn-icon-duplicate{color:var(--text-2)}.btn-icon-duplicate:hover{background:var(--surface-2);border-color:var(--text-muted)}.btn-icon-edit{color:var(--primary)}.btn-icon-edit:hover{background:var(--primary-active);border-color:var(--primary)}.btn-icon-delete{color:var(--error)}.btn-icon-delete:hover{background:var(--error-bg);border-color:var(--error-border)}.btn-icon-translate{color:var(--primary)}.btn-icon-translate:hover{background:var(--primary-active);border-color:var(--primary)}.btn-icon-translate:disabled{cursor:default;opacity:.7}.btn-icon-spinner{width:15px;height:15px;border-radius:50%;border:2px solid var(--primary);border-top-color:transparent;animation:btn-icon-spin .7s linear infinite}@keyframes btn-icon-spin{to{transform:rotate(360deg)}}.export-wrap{position:relative}.export-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;box-shadow:0 4px 16px #0003;z-index:50;overflow:hidden;min-width:190px}.export-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .9rem;background:none;border:none;font-size:.85rem;color:var(--text);cursor:pointer;text-align:left;white-space:nowrap}.export-option:hover{background:var(--primary-bg);color:var(--primary)}.export-option+.export-option{border-top:1px solid var(--surface-3)}.export-lang-row{display:flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-bottom:1px solid var(--surface-3)}.export-lang-label{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.export-lang-select{flex:1;padding:.25rem .4rem;font-size:.82rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.btn-close{position:absolute;top:.6rem;right:.6rem;z-index:10;width:28px;height:28px;border:none;border-radius:50%;background:#00000059;color:#fff;font-size:.85rem;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}.btn-close:hover{background:#0000008c}.viewer-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem;padding:0 1.5rem}.viewer-meta-item{font-size:.78rem;color:var(--text-3);background:var(--meta-bg);padding:.18rem .5rem;border-radius:6px}.viewer-meta-total{font-weight:600;color:var(--text-2);background:var(--meta-total-bg)}.viewer-meta-side{background:var(--meta-side-bg);color:var(--meta-side-text)}.viewer-restrictions{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.65rem;padding:0 1.5rem}.viewer-badge{padding:.18rem .55rem;background:var(--success-bg);color:var(--success);border-radius:12px;font-size:.76rem;font-weight:500}.portions-row{display:flex;align-items:center;gap:.5rem;padding:.45rem .7rem;background:var(--surface-2);border-radius:8px;margin:0 1.5rem .75rem;width:fit-content}.portions-label{font-size:.82rem;color:var(--text-3);margin-right:.2rem}.portions-btn{width:24px;height:24px;border:1px solid var(--border);border-radius:50%;background:var(--surface);font-size:.95rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.portions-btn:hover{background:var(--surface-2)}.portions-val{font-size:.9rem;font-weight:600;min-width:1.4rem;text-align:center;color:var(--text)}.viewer-section{margin-bottom:1rem;padding:0 1.5rem}.viewer-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .45rem;padding-bottom:.28rem;border-bottom:1px solid var(--surface-3)}.viewer-side-list{list-style:none;margin:0;padding:0}.viewer-side-row{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;border-bottom:1px solid var(--surface-3)}.viewer-side-row:last-child{border-bottom:none}.viewer-side-thumb{width:34px;height:34px;flex-shrink:0;border-radius:7px;object-fit:cover;background:var(--surface-2)}.viewer-side-thumb--empty{border:1px dashed var(--border)}.viewer-side-name{flex:1;min-width:0;font-size:.9rem;color:var(--text)}.viewer-side-time{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.viewer-ing-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.15rem 1.25rem}.viewer-ing-cell{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;min-width:0;border-bottom:1px solid var(--surface-3)}.viewer-ing-thumb{width:24px;height:24px;flex-shrink:0;border-radius:5px;object-fit:contain;background:var(--surface-2)}.viewer-ing-thumb--empty{border:1px dashed var(--border)}.viewer-ing-cell-name{flex:1;min-width:0;font-size:.88rem;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.viewer-ing-link{border:none;background:none;padding:0;margin:0;text-align:left;font-family:inherit;font-weight:inherit;color:inherit;cursor:pointer}button.viewer-ing-link:hover{font-weight:700}.viewer-ing-cell-qty{font-size:.88rem;color:var(--text-muted);white-space:nowrap}@media (max-width: 640px){.viewer-ing-grid{grid-template-columns:1fr}}.viewer-ing-table{width:100%;border-collapse:collapse}.viewer-ing-table tr{border-bottom:1px solid var(--surface-2)}.viewer-ing-table tr:last-child{border-bottom:none}.ing-name{padding:.28rem .4rem .28rem 0;font-size:.88rem;color:var(--text)}.ing-qty{padding:.28rem 0;font-size:.88rem;color:var(--text-3);text-align:right;white-space:nowrap}.viewer-steps{margin:0;padding-left:1.3rem}.viewer-step{font-size:.88rem;line-height:1.55;margin-bottom:.45rem;color:var(--text-2)}.recipe-peek-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000073;display:flex;align-items:center;justify-content:center;padding:1.5rem}.recipe-peek-card{background:var(--surface);border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px #0000004d}.img-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000;cursor:zoom-out}.img-lightbox-img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 10px 40px #00000080;cursor:default}.img-lightbox-close{position:absolute;top:1rem;right:1.25rem;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.img-lightbox-close:hover{background:#ffffff4d}.home{max-width:1040px;margin:0 auto;padding:1rem .5rem 3rem}.home-hero{text-align:center;padding:2.2rem 1rem 1.6rem}.home-title{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1.1}.home-subtitle{margin:.6rem 0 0;font-size:1rem;color:var(--text-3)}.home-empty{text-align:center;color:var(--text-muted);padding:2rem}.home-section{margin-top:2rem}.home-section-title{margin:0 0 .9rem;font-size:1.15rem;font-weight:700;color:var(--text)}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.1rem}.home-grid--big{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.home-tile{display:flex;flex-direction:column;text-align:left;border:none;background:var(--surface);border-radius:20px;overflow:hidden;cursor:pointer;padding:0;box-shadow:0 6px 20px #0000000f;transition:transform .16s ease,box-shadow .16s ease}.home-tile:hover{transform:translateY(-4px);box-shadow:0 14px 32px #0000001f}.home-tile-img{position:relative;display:block;width:100%;aspect-ratio:4 / 3;background:var(--surface-2);overflow:hidden}.home-tile-dismiss{position:absolute;top:.55rem;right:.55rem;z-index:2;width:28px;height:28px;border:none;border-radius:50%;background:#14100e8c;color:#fff;font-size:.8rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.85);transition:opacity .15s,transform .15s,background .15s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.home-tile:hover .home-tile-dismiss,.home-tile:focus-within .home-tile-dismiss{opacity:1;transform:scale(1)}.home-tile-dismiss:hover{background:var(--primary)}.home-grid--big .home-tile-img{aspect-ratio:3 / 2}.home-tile-img img{width:100%;height:100%;object-fit:cover;display:block}.home-tile-body{display:flex;flex-direction:column;gap:.45rem;padding:.8rem .95rem .95rem}.home-tile-name{font-size:1rem;font-weight:700;color:var(--text);line-height:1.25}.home-tile-badges{display:flex;flex-wrap:wrap;gap:.3rem}.add-ing-modal{max-width:420px}.add-ing-desc{margin:0 0 .9rem;font-size:.84rem;color:var(--text-2);line-height:1.45}.add-ing-dup{margin:0 0 1rem;font-size:.9rem;color:var(--text);line-height:1.5}.add-ing-input{width:100%;box-sizing:border-box;padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--surface);color:var(--text);outline:none}.add-ing-input:focus{border-color:var(--primary)}.add-ing-input:disabled{opacity:.6}.add-ing-error{margin:.6rem 0 0;font-size:.8rem;color:var(--error)}.add-ing-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.1rem}.editor{background:var(--surface);border-radius:14px;border:1px solid var(--border-soft);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.editor-header{display:flex;align-items:center;gap:1rem}.editor-title{flex:1;font-size:1.3rem;font-weight:700;border:none;border-bottom:2px solid var(--border-soft);padding:.2rem 0;outline:none;background:transparent;color:var(--text)}.editor-title:focus{border-bottom-color:var(--primary)}.editor-title::placeholder{color:var(--text-muted)}.editor-header-actions{display:flex;gap:.5rem;flex-shrink:0}.editor-error{padding:.5rem .75rem;background:var(--error-bg);color:var(--error);border-radius:8px;font-size:.85rem}.editor-notice{padding:.45rem .8rem;background:var(--primary-bg);color:var(--primary);border-radius:8px;font-size:.82rem}.btn-primary{padding:.5rem 1.2rem;background:var(--primary);color:#fff;border:none;border-radius:999px;font-size:.9rem;font-weight:700}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.45;cursor:default}.btn-secondary{padding:.5rem 1.1rem;background:var(--surface);color:var(--text-2);border:1.5px solid var(--border);border-radius:999px;font-size:.9rem;font-weight:600}.btn-secondary:hover{background:var(--surface-2)}.btn-add{font-size:.8rem;padding:.25rem .7rem;border:1px dashed var(--text-muted);border-radius:6px;background:transparent;color:var(--text-3)}.btn-add:hover{border-color:var(--text-3);color:var(--text-2);background:var(--surface-2)}.btn-remove{width:22px;height:22px;border:none;background:none;color:var(--border);font-size:15px;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.btn-remove:hover{background:var(--error-bg-2);color:var(--error-2)}.drag-handle{display:flex;align-items:center;justify-content:center;width:22px;height:28px;padding:0;border:none;background:none;color:var(--text-muted);cursor:grab;border-radius:5px;touch-action:none;align-self:center}.drag-handle:hover{color:var(--text-2);background:var(--surface-2)}.drag-handle:active{cursor:grabbing}.row-dragging{opacity:.85}.row-dragging .drag-handle{cursor:grabbing}.reorder-btns{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.btn-reorder{width:18px;height:18px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-size:9px;border-radius:3px;display:flex;align-items:center;justify-content:center;padding:0}.btn-reorder:hover:not(:disabled){background:var(--border);color:var(--text-2)}.btn-reorder:disabled{opacity:.2;cursor:default}.editor-section{display:flex;flex-direction:column;gap:.6rem}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.section-count{font-weight:400}.editor-meta-row{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.75rem}.meta-field{display:flex;flex-direction:column;gap:.2rem;width:110px}.meta-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);display:flex;align-items:center;gap:.3rem}.meta-inferred-tag{text-transform:none;letter-spacing:0;font-size:.64rem;font-weight:700;color:#b5650b;background:#fbe7c6;padding:.05rem .32rem;border-radius:4px;cursor:help}.ing-input.input-inferred{border-color:#e8941f;background:#fff7ec;box-shadow:0 0 0 2px #e8941f2e}.meta-total{font-size:.82rem;color:var(--text-3);white-space:nowrap;padding-top:1.1rem}.servings-stepper{display:flex;align-items:center;gap:.35rem;background:var(--surface-2);border-radius:7px;padding:.28rem .4rem;width:fit-content}.meta-side{padding-top:1rem}.meta-courses{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1.1rem;padding-top:.6rem}.meta-courses .meta-side{padding-top:0}.toggle-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;color:var(--text-2)}.toggle-label.disabled{opacity:.42;cursor:default}.toggle-label.disabled input{cursor:default}.section-hint{margin:0 0 .6rem;font-size:.78rem;color:var(--text-muted);line-height:1.4;max-width:60ch}.suggested-sides{display:flex;flex-direction:column;gap:.55rem}.suggested-side-chips{display:flex;flex-wrap:wrap;gap:.4rem}.suggested-side-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .4rem .25rem .7rem;border-radius:20px;border:1.5px solid var(--success-border);background:var(--success-bg);color:var(--success);font-size:.8rem;font-weight:500}.suggested-side-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;border-radius:50%;background:transparent;color:var(--success);font-size:.95rem;line-height:1;cursor:pointer;opacity:.65}.suggested-side-remove:hover{opacity:1;background:#00000014}.suggested-side-input{max-width:320px}.restriction-badges{display:flex;flex-wrap:wrap;gap:.4rem}.badge-restriction{padding:.25rem .75rem;border-radius:20px;border:1.5px solid var(--border);background:var(--surface-2);color:var(--text-3);font-size:.8rem;transition:all .12s}.badge-restriction.active{background:var(--success-bg);border-color:var(--success-border);color:var(--success);font-weight:500}.badge-restriction:hover{border-color:var(--text-muted)}.eval-summary{margin:.5rem 0 0;font-size:.78rem;color:var(--success, #1e7e34);opacity:.85}.ing-autocomplete{position:relative;width:100%;min-width:0}.ing-suggestions{position:absolute;top:calc(100% + 3px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;list-style:none;margin:0;padding:4px 0;z-index:100;max-height:220px;overflow-y:auto}.ing-suggestion{display:flex;align-items:baseline;gap:.5rem;padding:.45rem .75rem;cursor:pointer;font-size:.875rem}.ing-suggestion:hover,.ing-suggestion.active{background:var(--primary-bg)}.ing-suggestion-label{color:var(--text)}.ing-suggestion-en{font-size:.72rem;color:var(--text-muted);font-style:italic;flex-shrink:0}.ingredients-table{display:flex;flex-direction:column;gap:4px}.ing-header{display:grid;grid-template-columns:22px 20px 2.5fr 1fr 80px 22px;gap:6px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);padding:0 2px}.ing-row-block{display:flex;flex-direction:column;gap:3px;background:var(--surface)}.ing-row{display:grid;grid-template-columns:22px 20px 2.5fr 1fr 80px 22px;gap:6px;align-items:center}.ing-status{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:.7rem;font-weight:700;flex-shrink:0;background:var(--surface-3);color:var(--text-muted);cursor:default}.ing-status.ok{background:var(--success-bg);color:var(--success)}.ing-status.inferred{background:var(--warn-bg);color:var(--warn)}.ing-status.bad{background:var(--error-bg);color:var(--error)}.ing-substatus{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-left:28px;padding:.25rem .5rem;border-radius:6px;font-size:.78rem}.ing-substatus.inferred{background:var(--warn-bg);color:var(--warn)}.ing-substatus.unmatched{background:var(--error-bg);color:var(--error)}.ing-substatus-text{min-width:0}.ing-substatus-text strong{font-weight:600}.ing-substatus-actions{display:flex;gap:.4rem;flex-shrink:0}.btn-ing-accept,.btn-ing-revert,.btn-ing-create{border:1px solid currentColor;background:transparent;color:inherit;border-radius:5px;padding:.12rem .5rem;font-size:.74rem;font-weight:600;cursor:pointer;white-space:nowrap}.btn-ing-accept:hover,.btn-ing-revert:hover,.btn-ing-create:hover{opacity:.75}.ing-legend{display:flex;flex-wrap:wrap;gap:.9rem;margin:-.2rem 0 .5rem;font-size:.76rem;color:var(--text-muted)}.ing-legend-item{display:inline-flex;align-items:center;gap:.3rem}.ing-legend .ing-status{width:15px;height:15px;font-size:.62rem}.ing-input{padding:5px 8px;border:1px solid var(--border);border-radius:6px;font-size:.875rem;outline:none;width:100%;min-width:0;background:var(--surface);color:var(--text)}.ing-input:focus{border-color:var(--primary)}.ing-qty{text-align:right}.ing-select{padding:5px 4px;border:1px solid var(--border);border-radius:6px;font-size:.875rem;outline:none;width:100%;background:var(--surface);color:var(--text)}.ing-select:focus{border-color:var(--primary)}.ing-select:disabled{opacity:.35;pointer-events:none}.ing-checkbox{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;justify-self:center}.editor-cover{display:flex;flex-direction:column;gap:.5rem}.editor-cover-frame{position:relative}.editor-cover-img{width:100%;aspect-ratio:20/9;object-fit:cover;border-radius:10px;display:block}.editor-cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.6rem;border-radius:10px;background:#1414148c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;font-size:.9rem;font-weight:500}.editor-cover-overlay .cover-spinner{border-color:#fff6;border-top-color:#fff}.editor-cover-placeholder{width:100%;aspect-ratio:20/9;background:var(--surface-3);border:1.5px dashed var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:.6rem;color:var(--text-muted);font-size:.85rem}.editor-cover-placeholder.generating{border-style:solid;background:linear-gradient(100deg,var(--surface-3) 30%,var(--surface-2) 50%,var(--surface-3) 70%);background-size:200% 100%;animation:cover-shimmer 1.4s ease-in-out infinite}.cover-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--text-muted);border-radius:50%;animation:cover-spin .7s linear infinite}@keyframes cover-spin{to{transform:rotate(360deg)}}@keyframes cover-shimmer{to{background-position:-200% 0}}.editor-cover-actions{display:flex;gap:.5rem}.modal-box.image-picker{max-width:640px;width:92vw}.image-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem;margin:.4rem 0 .8rem;max-height:56vh;overflow-y:auto}.image-pick-tile{position:relative;aspect-ratio:20/9;border:1.5px solid var(--border);border-radius:9px;overflow:hidden;padding:0;background:var(--surface-3);cursor:pointer;display:flex;align-items:center;justify-content:center}.image-pick-tile img{width:100%;height:100%;object-fit:cover;display:block}.image-pick-tile:hover{border-color:var(--text-muted)}.image-pick-tile.selected{border-color:var(--accent, #d97757);border-width:2.5px;cursor:default}.image-pick-tile.upload{flex-direction:column;gap:.3rem;color:var(--text-muted);font-size:.8rem;border-style:dashed}.image-pick-plus{font-size:1.6rem;line-height:1}.image-pick-badge{position:absolute;top:5px;left:5px;background:var(--primary);color:#fff;font-size:.66rem;font-weight:600;padding:.1rem .4rem;border-radius:5px}.image-pick-del{position:absolute;top:4px;right:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#14141499;color:#fff;font-size:1rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s ease,background .12s ease}.image-pick-tile:hover .image-pick-del,.image-pick-tile:focus-within .image-pick-del{opacity:1}.image-pick-del:hover{background:#c0392b}.image-picker-hint{color:var(--text-muted);font-size:.82rem;text-align:center;margin:.2rem 0 .6rem}.ai-comment-hint{color:var(--text-muted);font-size:.82rem;margin:0 0 .5rem}.ai-comment-input{width:100%;box-sizing:border-box;resize:vertical;padding:.5rem .65rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:.88rem;margin-bottom:.8rem}.ai-comment-input:focus{outline:none;border-color:var(--text-muted)}.ai-mode-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.6rem}.ai-mode-btn{text-align:left;display:flex;flex-direction:column;gap:.15rem;padding:.6rem .75rem;border:1.5px solid var(--border);border-radius:9px;background:var(--surface);cursor:pointer;transition:border-color .12s ease,background .12s ease}.ai-mode-btn:hover:not(:disabled){border-color:var(--primary);background:var(--surface-2)}.ai-mode-btn:disabled{opacity:.45;cursor:not-allowed}.ai-mode-title{font-size:.92rem;font-weight:600;color:var(--text)}.ai-mode-desc{font-size:.78rem;color:var(--text-muted);line-height:1.3}.section-header-actions{display:flex;gap:.4rem;align-items:center}.btn-add--ai{white-space:nowrap}.modal-box.rewrite-modal{max-width:920px;width:94vw}.rewrite-loading{display:flex;align-items:center;gap:.6rem;color:var(--text-muted);padding:1.2rem 0;justify-content:center}.rewrite-error{color:#c0392b;font-size:.82rem;margin:0 0 .6rem}.rewrite-diff{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:.4rem 0 1rem;max-height:58vh;overflow-y:auto}.rewrite-col{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:.7rem .85rem}.rewrite-col--after{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.rewrite-col-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .5rem}.rewrite-col--after .rewrite-col-title{color:var(--primary)}.rewrite-steps{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.5rem}.rewrite-steps li{font-size:.86rem;line-height:1.45;color:var(--text-2)}.rewrite-missing{font-size:.83rem;line-height:1.4;color:var(--text-2);background:#e8941f1f;border:1px solid rgba(232,148,31,.45);border-radius:8px;padding:.5rem .7rem;margin:0 0 .8rem}.rewrite-missing strong{color:#c77f12}@media (max-width: 640px){.rewrite-diff{grid-template-columns:1fr}}.btn-cover{padding:.3rem .8rem;border:1.5px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-2);font-size:.82rem}.btn-cover:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-muted)}.btn-cover:disabled{opacity:.45;cursor:default}.btn-cover-remove{padding:.3rem .8rem;border:1.5px solid var(--error-bg-2);border-radius:7px;background:var(--surface);color:var(--error-2);font-size:.82rem}.btn-cover-remove:hover{background:var(--error-bg)}.steps-list{display:flex;flex-direction:column;gap:6px}.step-row{display:grid;grid-template-columns:22px 24px 1fr 22px;gap:8px;align-items:flex-start;background:var(--surface)}.step-row .drag-handle{margin-top:4px;align-self:flex-start}.step-num{width:24px;height:24px;background:var(--surface-3);border-radius:50%;font-size:11px;font-weight:700;color:var(--text-3);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:5px}.step-input-wrap{display:flex;flex-direction:column;gap:3px;min-width:0}.step-auto-tag{align-self:flex-start;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--warn);background:var(--warn-bg);border-radius:4px;padding:.05rem .35rem}.step-input{width:100%;padding:6px 9px;border:1px solid var(--border);border-radius:7px;font-size:.875rem;line-height:1.5;resize:vertical;outline:none;font-family:inherit;background:var(--surface);color:var(--text);box-sizing:border-box}.step-input:focus{border-color:var(--primary)}.conflict-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.conflict-item{display:flex;flex-direction:column;gap:.1rem;padding:.5rem .75rem;border-radius:8px;font-size:.85rem}.conflict-item strong{font-weight:600}.conflict-item span{font-size:.78rem;color:var(--text-3)}.conflict-item--warn{background:var(--warn-bg);border:1px solid var(--warn-border)}.conflict-item--warn strong{color:var(--warn)}.conflict-item--info{background:var(--info-bg);border:1px solid var(--info-border)}.conflict-item--info strong{color:var(--info)}.conflict-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;padding-top:.25rem}.btn-cancel-link{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:.45rem .5rem}.btn-cancel-link:hover{color:var(--text-2)}.editor-notice{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 .6rem;padding:.55rem .8rem;background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn);border-radius:8px;font-size:.82rem}.editor-notice-close{border:none;background:none;color:inherit;font-size:.9rem;cursor:pointer;flex-shrink:0;opacity:.7}.editor-notice-close:hover{opacity:1}.section-header-actions{display:flex;align-items:center;gap:.5rem}.btn-sort-weight{background:var(--surface-2);color:var(--text-2);border-color:var(--border)}.btn-sort-weight:hover{border-color:var(--primary);color:var(--primary)}.chip-row{display:flex;gap:.35rem;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .75rem;font-size:.8rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);cursor:pointer;white-space:nowrap}.chip:hover{background:var(--surface-2)}.chip.active{background:var(--primary-bg);color:var(--primary);border-color:var(--primary)}.chip-ico{flex-shrink:0;opacity:.85}.cookbook-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:300px;color:var(--text-3)}.cookbook-loading p{margin:0;font-size:.95rem}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.cookbook{display:flex;gap:1.5rem;height:calc(100vh - 52px - 4rem);position:relative}.cookbook-list{flex:1 1 0;display:flex;flex-direction:column;gap:.6rem;min-width:0}.cookbook-detail{flex:2 1 0;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.cookbook-detail-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;color:var(--text-muted);text-align:center;padding:2rem}.cookbook-detail-empty p{margin:0;font-size:.95rem}.cookbook-detail-empty-icon{width:54px;height:54px;opacity:.35}.cookbook-search-row{display:flex;gap:.5rem;align-items:center}.course-filters{margin-top:.5rem}.search-bar{position:relative;flex:1;display:flex;align-items:center}.search-input{width:100%;padding:.6rem 2.2rem .6rem .9rem;font-size:.95rem;border:1.5px solid var(--border);border-radius:10px;outline:none;background:var(--surface);color:var(--text)}.search-input:focus{border-color:var(--primary)}.search-clear{position:absolute;right:.65rem;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.9rem}.search-clear:hover{color:var(--text-2)}.filters-bar{display:flex;flex-wrap:wrap;gap:.4rem}.filter-chip{padding:.22rem .7rem;border:1.5px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text-3);font-size:.78rem;cursor:pointer;transition:all .12s}.filter-chip:hover{border-color:var(--text-muted)}.filter-chip.active{background:var(--success-bg);border-color:var(--success-border);color:var(--success);font-weight:500}.cookbook-error{padding:.5rem .75rem;background:var(--error-bg);color:var(--error);border-radius:8px;font-size:.85rem}.recipe-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.recipe-list-empty{padding:1.5rem 1rem;color:var(--text-muted);font-size:.88rem;text-align:center}.recipe-item{cursor:pointer;border-bottom:1px solid var(--surface-3);transition:background .1s;-webkit-user-select:none;user-select:none}.recipe-item:last-child{border-bottom:none}.recipe-item:hover{background:var(--primary-bg)}.recipe-item.active{background:var(--primary-active)}.recipe-item--selected{background:var(--primary-bg)!important}.recipe-item--selected:hover{background:var(--primary-active)!important}.recipe-item-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.7rem;font-weight:700;color:transparent;background:var(--surface);transition:border-color .12s,background .12s,color .12s}.recipe-item-check.checked{background:var(--primary);border-color:var(--primary);color:#fff}.recipe-item-inner{display:flex;align-items:center;gap:.8rem;padding:.55rem .7rem}.recipe-item-thumb{width:60px;height:60px;object-fit:cover;border-radius:13px;flex-shrink:0}.recipe-item-thumb--empty{display:flex;align-items:center;justify-content:center;background:var(--surface-3)}.recipe-item-thumb--empty .app-logo-icon{width:26px;height:26px;opacity:.4}.recipe-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.recipe-item-name{font-size:.95rem;font-weight:700;color:var(--text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-item-time{font-size:.78rem;color:var(--text-muted)}.recipe-item-meta{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.select-bar{display:flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:var(--primary-bg);border-top:1px solid var(--primary-border);border-radius:0 0 10px 10px}.select-count{flex:1;font-size:.82rem;font-weight:600;color:var(--primary)}.btn-bulk-delete{padding:.35rem .85rem;background:var(--error-2);color:#fff;border:none;border-radius:7px;font-size:.82rem;font-weight:500;cursor:pointer}.btn-bulk-delete:hover:not(:disabled){opacity:.88}.btn-bulk-delete:disabled{opacity:.35;cursor:default}.btn-cancel-select{padding:.35rem .75rem;background:var(--surface-3);color:var(--text-2);border:none;border-radius:7px;font-size:.82rem;cursor:pointer}.btn-cancel-select:hover{background:var(--border)}.btn-trash-nav.active{color:var(--primary);background:var(--primary-bg)}.cookbook-footer{display:flex;align-items:center;justify-content:space-between;padding:.2rem 0}.cookbook-footer-left{display:flex;align-items:center;gap:.5rem}.cookbook-count{font-size:.78rem;color:var(--text-muted)}.pagination{display:flex;gap:.25rem;align-items:center}.page-btn{min-width:30px;height:30px;padding:0 .4rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-size:.82rem;color:var(--text-2);cursor:pointer}.page-btn:hover:not(:disabled){background:var(--surface-2)}.page-btn:disabled{opacity:.35;cursor:default}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.page-ellipsis{font-size:.82rem;color:var(--text-muted);padding:0 .1rem}.fab-wrap{position:fixed;bottom:2rem;right:2rem;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.fab-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.fab-btn{width:52px;height:52px;border-radius:50%;background:var(--primary);color:#fff;border:none;font-size:1.6rem;line-height:1;box-shadow:0 4px 12px #e86a4c59;cursor:pointer;transition:transform .15s,background .15s;position:relative;z-index:101}.fab-btn:hover{background:var(--primary-hover)}.fab-btn.open{transform:rotate(45deg);background:var(--text-3)}.fab-menu{display:flex;flex-direction:column;gap:.35rem;position:relative;z-index:101}.fab-option{padding:.5rem 1.1rem;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;font-size:.88rem;color:var(--text);text-align:right;cursor:pointer;box-shadow:0 2px 8px #0000001a;white-space:nowrap}.fab-option:hover{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.modal-box{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;width:100%;max-width:440px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:.75rem}.modal-title{margin:0;font-size:.95rem;font-weight:700;color:var(--text)}.modal-row{display:flex;gap:.5rem}.modal-input{flex:1;padding:.55rem .9rem;border:1.5px solid var(--border);border-radius:8px;font-size:.9rem;outline:none;background:var(--surface);color:var(--text)}.modal-input:focus{border-color:var(--primary)}.modal-hint{margin:0;font-size:.8rem;color:var(--text-muted);line-height:1.4}.modal-textarea{width:100%;resize:vertical;font-family:inherit;line-height:1.4}.modal-cancel{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;align-self:center}.modal-cancel:hover{color:var(--text-2)}.btn-trash-nav{position:relative;width:36px;height:36px;border:1.5px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .12s,border-color .12s,color .12s}.btn-trash-nav:hover{background:var(--error-bg);border-color:var(--error-border);color:var(--error)}.trash-badge{position:absolute;top:-5px;right:-5px;background:var(--error);color:#fff;font-size:.6rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.trash-view{display:flex;flex-direction:column;gap:.75rem;height:calc(100vh - 52px - 4rem)}.trash-header{display:flex;align-items:center;justify-content:space-between}.btn-back{display:flex;align-items:center;gap:.3rem;background:none;border:none;font-size:.88rem;color:var(--text-3);cursor:pointer;padding:.3rem 0}.btn-back:hover{color:var(--text)}.btn-empty-trash{font-size:.8rem;padding:.3rem .8rem;border:1.5px solid var(--error-border);border-radius:7px;background:var(--surface);color:var(--error);cursor:pointer}.btn-empty-trash:hover{background:var(--error-bg)}.trash-empty{color:var(--text-muted);font-size:.9rem;text-align:center;padding:2rem 0;margin:0}.trash-list{overflow-y:auto;flex:1}.trash-item-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0;padding-left:.5rem}.btn-restore{font-size:.78rem;padding:.25rem .65rem;border:1.5px solid var(--success-border);border-radius:7px;background:var(--surface);color:var(--success);cursor:pointer;white-space:nowrap}.btn-restore:hover{background:var(--success-bg)}.admin-shell{display:flex;height:calc(100vh - 52px)}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column;padding:1.6rem 2rem;overflow:hidden}.admin-main .ingredients{flex:1;height:auto;min-height:0}.admin-main--scroll{overflow-y:auto}.admin-rail{flex-shrink:0;width:208px;display:flex;flex-direction:column;gap:.25rem;padding:1.4rem .7rem;background:var(--surface-2);border-right:1px solid var(--border);overflow-y:auto}.admin-rail-top{margin-bottom:.7rem}.admin-rail-cta{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.7rem .8rem;border-radius:10px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);font-size:.9rem;font-weight:700;cursor:pointer;transition:background .12s,transform .06s}.admin-rail-cta:hover{background:color-mix(in srgb,var(--primary) 18%,transparent)}.admin-rail-cta:active{transform:translateY(1px)}.admin-rail-cta svg{flex-shrink:0}.admin-rail-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .7rem;border:none;border-radius:9px;background:none;color:var(--text-muted);font-size:.9rem;font-weight:600;cursor:pointer;text-align:left;transition:background .12s,color .12s}.admin-rail-item:hover{background:var(--surface-3, var(--surface));color:var(--text)}.admin-rail-item.active{background:var(--primary);color:#fff}.admin-rail-item.active .admin-rail-icon{color:#fff}.admin-rail-icon{display:inline-flex;color:var(--text-muted);flex-shrink:0}.admin-rail-label{flex:1;min-width:0}.admin-rail-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#fa5252;color:#fff;font-size:.72rem;font-weight:700}.admin-rail-item.active .admin-rail-badge{background:#fff;color:var(--primary)}.admin-console{display:flex;height:calc(100vh - 52px)}.admin-console-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.admin-console-main>.admin-shell{flex:1}.admin-console-main>.admin-main,.admin-console-main>.admin-main--scroll,.admin-console-main>.db-page{flex:1;min-width:0}.admin-console-rail{width:224px}.admin-rail-brand{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:.2rem .7rem .7rem}.admin-rail-nav{display:flex;flex-direction:column;gap:.15rem}.admin-rail-group{display:flex;flex-direction:column}.admin-rail-item.open{color:var(--text)}.admin-rail-sub{display:flex;flex-direction:column;gap:.1rem;margin:.15rem 0 .3rem}.admin-rail-subitem{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .7rem .4rem 2.3rem;border:none;border-radius:8px;background:none;color:var(--text-muted);font-size:.86rem;font-weight:500;cursor:pointer;text-align:left;position:relative;transition:background .12s,color .12s}.admin-rail-subitem:before{content:"";position:absolute;left:1.35rem;top:50%;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.4;transform:translateY(-50%)}.admin-rail-subitem:hover{background:var(--surface-3, var(--surface));color:var(--text)}.admin-rail-subitem.active{background:var(--primary);color:#fff;font-weight:600}.admin-rail-subitem.active:before{opacity:1}.admin-rail-spacer{flex:1}.admin-rail-back{color:var(--text-muted);margin-top:.4rem}.admin-rail-back:hover{background:var(--surface-3, var(--surface));color:var(--text)}.avatar-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;color:#fff;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none}.avatar-chip-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-chip-glyph{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg, var(--surface-2))}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem 1.8rem;box-shadow:0 8px 40px #0000001f;display:flex;flex-direction:column;gap:.85rem}.auth-logo{display:flex;align-items:center;gap:.4rem;font-weight:700;color:var(--text);font-size:1.05rem;margin-bottom:.2rem}.auth-title{margin:0 0 .4rem;font-size:1.35rem;color:var(--text)}.auth-field-row{display:flex;gap:.6rem}.auth-field-row .auth-field{flex:1;min-width:0}.auth-field{display:flex;flex-direction:column;gap:.3rem}.auth-field span{font-size:.8rem;color:var(--text-muted);font-weight:600}.auth-field input{padding:.55rem .7rem;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-size:.95rem;outline:none}.auth-field input:focus{border-color:var(--primary)}.auth-error{margin:.2rem 0 0;font-size:.85rem;color:var(--error)}.auth-submit{margin-top:.5rem;padding:.6rem;font-size:.95rem}.auth-switch{margin:.6rem 0 0;text-align:center;font-size:.85rem;color:var(--text-muted)}.auth-link{border:none;background:none;padding:0;cursor:pointer;color:var(--primary);font-weight:600;font-size:.85rem}.account-modal{max-width:420px;width:100%;position:relative}.account-title{margin:0 0 1rem;font-size:1.25rem;color:var(--text)}.account-panel{max-width:480px}.account-panel .account-subtitle{margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--border, rgba(0,0,0,.08))}.account-avatar-edit{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}.account-avatar-controls{display:flex;flex-direction:column;gap:.5rem;min-width:0}.account-avatar-colors{display:flex;flex-wrap:wrap;gap:.35rem}.account-avatar-color{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.1);cursor:pointer;padding:0;transition:transform .1s}.account-avatar-color:hover{transform:scale(1.15)}.account-info{background:var(--surface-2);border-radius:10px;padding:.7rem .9rem;display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem}.account-row{display:flex;justify-content:space-between;gap:1rem;font-size:.88rem}.account-row span{color:var(--text-muted)}.account-row strong{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-subtitle{margin:0 0 .7rem;font-size:.95rem;color:var(--text)}.account-form{display:flex;flex-direction:column;gap:.7rem}.account-ok{margin:0;font-size:.85rem;color:var(--success, #2f9e44)}.account-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.4rem}.account-actions-start{justify-content:flex-start}.account-hint{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.4}.twofa-qr{align-self:center;border-radius:8px}.twofa-backup-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem .8rem;background:var(--surface-2);border-radius:10px;padding:.7rem .9rem}.twofa-backup-codes code{font-size:.9rem;color:var(--text);letter-spacing:.02em}.settings-page{display:flex;justify-content:center}.settings-content{width:100%;max-width:620px;display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.settings-section-header{padding:1.1rem 1.4rem .8rem;border-bottom:1px solid var(--surface-3)}.settings-section-title{font-size:.95rem;font-weight:700;margin:0 0 .25rem;color:var(--text)}.settings-section-desc{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.5}.settings-section-body{padding:0 1.4rem 1rem}.toggle-list{list-style:none;margin:0;padding:0}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid var(--surface-2);gap:1rem}.toggle-item:last-child{border-bottom:none}.toggle-info{display:flex;flex-direction:column;gap:.1rem}.toggle-label{font-size:.9rem;font-weight:600;color:var(--text)}.toggle-desc{font-size:.76rem;color:var(--text-muted)}.toggle-switch{position:relative;width:42px;height:24px;border-radius:12px;border:none;cursor:pointer;flex-shrink:0;transition:background .2s;padding:0}.toggle-switch.on{background:var(--success-border)}.toggle-switch.off{background:var(--border)}.toggle-thumb{position:absolute;top:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:left .2s;box-shadow:0 1px 3px #0003}.toggle-switch.on .toggle-thumb{left:21px}.toggle-switch.off .toggle-thumb{left:3px}.settings-section-footer{display:flex;justify-content:flex-end;padding-top:.5rem}.btn-save{padding:.45rem 1.2rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:500;min-width:120px}.btn-save:hover:not(:disabled){background:var(--primary-hover)}.btn-save:disabled{opacity:.6;cursor:default}.settings-select{padding:.35rem .6rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.85rem;cursor:pointer;outline:none}.settings-select:focus{border-color:var(--primary)}.lang-options{display:flex;gap:.5rem;padding:.75rem 0 .25rem;flex-wrap:wrap}.lang-option{padding:.4rem 1rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);font-size:.88rem;color:var(--text-2);cursor:pointer;transition:border-color .12s,background .12s}.lang-option:hover:not(:disabled){border-color:var(--primary);background:var(--primary-bg)}.lang-option.active{border-color:var(--primary);background:var(--primary-active);color:var(--primary);font-weight:600}.lang-option:disabled{opacity:.5;cursor:default}.reeval-desc{margin:0 0 .5rem;font-size:.88rem;color:var(--text-2);line-height:1.5}.reeval-options{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.reeval-option{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.65rem .9rem;border:1.5px solid var(--border);border-radius:9px;background:var(--surface);cursor:pointer;text-align:left;transition:border-color .12s,background .12s;width:100%}.reeval-option:hover{border-color:var(--primary);background:var(--primary-bg)}.reeval-option-skip:hover{border-color:var(--text-muted);background:var(--surface-2)}.reeval-option-title{font-size:.88rem;font-weight:600;color:var(--text)}.reeval-option-skip .reeval-option-title{color:var(--text-3);font-weight:400}.reeval-option-desc{font-size:.76rem;color:var(--text-muted);line-height:1.3}.reeval-running{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;background:var(--primary-bg);border-radius:8px;font-size:.85rem;color:var(--primary);margin-bottom:.75rem}.settings-saved-inline{padding:.4rem .75rem;font-size:.82rem;color:var(--success);margin-top:.5rem}.reeval-done{padding:.6rem .9rem;background:var(--success-bg);border-radius:8px;font-size:.85rem;color:var(--success);margin-bottom:.75rem}.spinner-sm{width:16px;height:16px;border:2px solid var(--primary-border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.llm-settings{display:flex;flex-direction:column;gap:.75rem;margin-top:.9rem}.llm-provider-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.llm-provider{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;background:var(--surface);transition:border-color .12s,background .12s}.llm-provider:hover{border-color:var(--text-muted)}.llm-provider.selected{border-color:var(--primary);background:var(--primary-bg)}.llm-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;position:relative;transition:border-color .12s}.llm-provider.selected .llm-radio{border-color:var(--primary)}.llm-provider.selected .llm-radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--primary)}.llm-provider-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text);flex-shrink:0}.llm-provider-info{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.llm-provider-label{font-size:.9rem;font-weight:600;color:var(--text)}.llm-provider-desc{font-size:.78rem;color:var(--text-muted);line-height:1.35}.ai-engines{display:flex;flex-direction:column;gap:.6rem}.ai-engine-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ai-engine-label{font-size:.85rem;color:var(--text);font-weight:500}.ai-engine-select{min-width:240px;padding:.4rem .6rem;border:1px solid var(--border);border-radius:8px;font-size:.85rem;background:var(--surface);color:var(--text);cursor:pointer;outline:none}.ai-engine-select:focus{border-color:var(--primary)}.llm-provider.setup-card{cursor:default}.llm-provider.setup-card:hover{border-color:var(--border)}.llm-block{display:flex;flex-direction:column;gap:.55rem}.llm-block+.llm-block{margin-top:1.4rem}.usage-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.usage-card{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:10px}.usage-period{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.usage-cost{font-size:1.3rem;font-weight:700;color:var(--text)}.usage-sub{font-size:.72rem;color:var(--text-muted)}.usage-table{width:100%;border-collapse:collapse;font-size:.84rem;margin-top:.3rem}.usage-table th,.usage-table td{text-align:left;padding:.35rem .5rem;border-bottom:1px solid var(--border-soft)}.usage-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600}.usage-table td:nth-child(2),.usage-table td:nth-child(3),.usage-table th:nth-child(2),.usage-table th:nth-child(3){text-align:right;width:4.5rem;color:var(--text-2)}.usage-table td:last-child,.usage-table th:last-child{text-align:right;width:5rem;font-variant-numeric:tabular-nums}.usage-empty{font-size:.84rem;color:var(--text-muted)}.usage-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.2rem}.usage-note{font-size:.74rem;color:var(--text-muted)}.llm-block-title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.llm-block-hint{margin:.35rem 0 .75rem;font-size:.82rem;color:var(--text-muted);max-width:46rem}.llm-provider.not-selectable{cursor:default}.llm-provider.not-selectable:hover{border-color:var(--border)}.llm-provider.not-selectable .llm-radio{opacity:.35}.llm-req{font-size:.78rem;color:var(--text-muted)}.llm-req.blocked{color:var(--error);font-weight:600}.llm-model-actions{display:flex;align-items:center;flex-shrink:0}.llm-model-btn{padding:.3rem .7rem;font-size:.78rem;white-space:nowrap}.llm-model-btn:disabled{opacity:.45;cursor:default}.llm-pull{display:flex;align-items:center;gap:.5rem;min-width:130px}.llm-pull-bar{flex:1;height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden}.llm-pull-fill{display:block;height:100%;background:var(--primary);transition:width .3s ease}.llm-pull-pct{font-size:.75rem;color:var(--text-2);font-variant-numeric:tabular-nums;min-width:34px;text-align:right}.llm-ollama-notice{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .8rem;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;font-size:.82rem}.llm-ollama-notice strong{color:var(--text)}.llm-ollama-notice span{color:var(--text-2)}.llm-ollama-notice a{color:var(--primary);text-decoration:none}.llm-ollama-notice a:hover{text-decoration:underline}.llm-machine{margin:0;font-size:.75rem;color:var(--text-muted)}.llm-badge{font-size:.7rem;font-weight:600;padding:.18rem .5rem;border-radius:20px;white-space:nowrap;flex-shrink:0}.llm-badge.ok{background:var(--success-bg);color:var(--success)}.llm-key-status{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.7rem .85rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.llm-key-state{display:flex;align-items:center;gap:.5rem;font-size:.83rem;color:var(--text-2);min-width:0}.llm-key-state-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.llm-key-state-dot.ok{background:var(--success)}.llm-key-state-dot.missing{background:var(--text-muted)}.llm-key-hint{font-family:ui-monospace,Menlo,monospace;font-size:.8rem;color:var(--text-muted)}.llm-key-btn{white-space:nowrap;flex-shrink:0}.llm-error{margin:0;font-size:.8rem;color:var(--error);background:var(--error-bg);border-radius:8px;padding:.5rem .7rem}.llm-key-modal{max-width:440px}.llm-key-modal-desc{margin:0 0 .9rem;font-size:.84rem;color:var(--text-2);line-height:1.45}.llm-key-modal-desc a{color:var(--primary);text-decoration:none}.llm-key-modal-desc a:hover{text-decoration:underline}.llm-key-input{width:100%;box-sizing:border-box;padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.9rem;background:var(--surface);color:var(--text);outline:none;font-family:ui-monospace,Menlo,monospace}.llm-key-input:focus{border-color:var(--primary)}.llm-key-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1.1rem}.llm-key-modal-actions-right{display:flex;gap:.5rem;margin-left:auto}.llm-key-remove{color:var(--error)}.translation-note{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.78rem;color:var(--text-muted);margin:.6rem 0 0}.cache-settings{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;padding-top:.3rem}.cache-result{font-size:.82rem;color:var(--success);margin:0}.nutri-prio-hint{margin:0 0 .9rem;font-size:.85rem;color:var(--text-muted);max-width:40rem}.nutri-prio-list{list-style:none;margin:0;padding:0;max-width:420px;display:flex;flex-direction:column;gap:.4rem}.nutri-prio-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border:1px solid var(--border);border-radius:9px;background:var(--surface);cursor:grab}.nutri-prio-row.dragging{opacity:.85;box-shadow:0 4px 14px #0000002e}.nutri-prio-handle{color:var(--text-muted);font-size:1.1rem;line-height:1}.nutri-prio-rank{width:1.3rem;font-weight:700;color:var(--text-muted);font-size:.85rem}.nutri-prio-badge{font-size:.7rem;font-weight:700;padding:.1rem .4rem;border-radius:5px;background:var(--surface-2);color:var(--text-muted)}.nutri-prio-name{font-size:.9rem;color:var(--text)}.nutri-prio-list .nutri-src-logo{height:15px;background:#fff;border:1px solid var(--border);border-radius:4px;padding:2px 4px}.density-list{list-style:none;margin:.8rem 0 0;padding:0;max-width:440px;display:flex;flex-direction:column;gap:.3rem}.density-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .7rem;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.density-item-label{font-size:.9rem;color:var(--text)}.density-item-edit{display:inline-flex;align-items:center;gap:.4rem}.density-input{width:74px;padding:.3rem .5rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.85rem;text-align:right;outline:none}.density-input:focus{border-color:var(--primary)}.density-unit{font-size:.78rem;color:var(--text-muted)}.density-item .density-name-input{flex:1;min-width:0;padding:.35rem .55rem;border:1.5px solid transparent;border-radius:7px;background:transparent;color:var(--text);font-size:.9rem;outline:none}.density-item .density-name-input:hover{border-color:var(--border)}.density-item .density-name-input:focus{border-color:var(--primary);background:var(--surface)}.density-del{border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:.2rem .35rem;border-radius:6px}.density-del:hover{color:var(--error);background:var(--error-bg)}.density-add{display:flex;align-items:center;gap:.5rem;margin-top:.7rem;max-width:440px}.density-add .density-name-input{flex:1;padding:.4rem .6rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.88rem;outline:none}.density-add .density-name-input:focus{border-color:var(--primary)}.btn-add-density{padding:.42rem .8rem;border:1px solid var(--primary);background:var(--primary-bg);color:var(--primary);border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap}.btn-add-density:disabled{opacity:.45;cursor:default}.family-page{padding:1.5rem;max-width:900px;margin:0 auto}.family-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.family-title{font-size:1.2rem;font-weight:700;color:var(--text);margin:0}.btn-add-member{padding:.45rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:500;cursor:pointer}.btn-add-member:hover:not(:disabled){background:var(--primary-hover)}.btn-add-member:disabled{opacity:.5;cursor:default}.family-empty{color:var(--text-muted);font-size:.9rem;text-align:center;padding:3rem 0}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.member-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .15s,box-shadow .15s}.member-card--editing{border-color:var(--primary-border);box-shadow:0 0 0 3px #e86a4c0f}.member-card-top{display:flex;align-items:center;gap:.75rem}.member-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;flex-shrink:0;position:relative;overflow:hidden}.member-avatar--editable{cursor:pointer}.member-avatar--editable:hover .member-avatar-overlay{opacity:1}.member-avatar-colors{display:flex;flex-direction:column;gap:.35rem;margin:.1rem 0 .4rem}.member-avatar-colors-label{font-size:.75rem;color:var(--text-muted)}.member-swatches{display:flex;flex-wrap:wrap;gap:.4rem}.member-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .1s}.member-swatch:hover{transform:scale(1.12)}.member-swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text)}.member-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.member-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;font-size:1rem;opacity:0;transition:opacity .15s;border-radius:50%}.member-name-text{flex:1;font-size:.95rem;font-weight:600;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-name-input{flex:1;font-size:.95rem;font-weight:600;border:none;border-bottom:2px solid var(--primary);outline:none;background:transparent;color:var(--text);padding:.1rem 0;min-width:0}.member-child-badge{font-size:.72rem;color:var(--text-3);background:var(--surface-3);border-radius:10px;padding:.15rem .5rem;flex-shrink:0}.member-child-toggle{display:flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--text-3);cursor:pointer;flex-shrink:0}.member-child-toggle input{accent-color:var(--primary)}.member-card-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.btn-member-edit{width:28px;height:28px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0}.btn-member-edit:hover,.btn-member-edit.active{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.btn-member-del{width:28px;height:28px;border:none;background:none;color:var(--border);font-size:18px;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}.btn-member-del:hover{background:var(--error-bg);color:var(--error-2)}.member-del-confirm{display:flex;gap:.4rem;flex-shrink:0}.btn-del-yes{padding:.2rem .6rem;background:var(--error-2);color:#fff;border:none;border-radius:6px;font-size:.78rem;cursor:pointer}.btn-del-no{padding:.2rem .6rem;background:var(--surface-3);color:var(--text-2);border:none;border-radius:6px;font-size:.78rem;cursor:pointer}.member-sections{display:flex;flex-direction:column;gap:.75rem}.member-section{display:flex;flex-direction:column;gap:.4rem}.member-section-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.chips{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.chip{display:inline-flex;align-items:center;gap:.25rem;padding:.22rem .55rem;border-radius:20px;font-size:.8rem;font-weight:500}.chip--restr{background:var(--primary-bg);border:1.5px solid var(--primary-border);color:var(--primary)}.chip--like{background:var(--success-bg);border:1.5px solid var(--success-border);color:var(--success)}.chip--dislike{background:var(--warn-bg);border:1.5px solid var(--warn-border);color:var(--warn)}.chip-rm{background:none;border:none;cursor:pointer;color:inherit;opacity:.5;font-size:13px;padding:0;line-height:1;display:flex;align-items:center}.chip-rm:hover{opacity:1}.fam-ing-picker{position:relative}.fam-picker-input{padding:.22rem .6rem;border:1.5px dashed var(--border);border-radius:20px;font-size:.8rem;outline:none;background:transparent;color:var(--text-3);width:160px}.fam-picker-input:focus{border-color:var(--primary);color:var(--text)}.fam-picker-input::placeholder{color:var(--text-muted)}.fam-picker-suggestions{position:absolute;top:calc(100% + 4px);left:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;list-style:none;margin:0;padding:4px 0;z-index:200;min-width:180px;max-height:200px;overflow-y:auto}.fam-picker-suggestions li{display:flex;align-items:baseline;gap:.4rem;padding:.4rem .75rem;cursor:pointer;font-size:.85rem}.fam-picker-suggestions li:hover,.fam-picker-suggestions li.active{background:var(--primary-bg)}.fam-suggestion-en{font-size:.7rem;color:var(--text-muted);font-style:italic}.fam-restr-picker{position:relative}.btn-add-chip{padding:.22rem .6rem;border:1.5px dashed var(--border);border-radius:20px;font-size:.8rem;background:transparent;color:var(--text-3);cursor:pointer}.btn-add-chip:hover{border-color:var(--text-muted);color:var(--text-2)}.fam-restr-list{position:absolute;top:calc(100% + 4px);left:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;list-style:none;margin:0;padding:4px 0;z-index:200;min-width:180px}.fam-restr-list li{padding:.4rem .75rem;cursor:pointer;font-size:.85rem;color:var(--text-2)}.fam-restr-list li:hover{background:var(--primary-bg)}.member-account-badge{font-size:.7rem;font-weight:600;padding:.1rem .45rem;border-radius:999px;background:var(--primary-bg);color:var(--primary);white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.member-account{display:flex;flex-direction:column;gap:.3rem;margin:.1rem 0 .4rem}.member-account-label{font-size:.75rem;color:var(--text-muted)}.member-account-select{padding:.4rem .55rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.85rem;max-width:260px}.member-account-badge--invited{background:#fdf0d5;color:#b5650b}.member-account-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.member-invite-btn{font-size:.82rem;padding:.4rem .7rem;white-space:nowrap}.member-account-linked{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.member-account-email{font-size:.85rem;color:var(--text)}.member-account-unlink{background:none;border:none;color:var(--error, #c0392b);font-size:.8rem;cursor:pointer;padding:0;text-decoration:underline}.member-name-fields{display:flex;gap:.4rem;flex:1;min-width:0}.member-name-fields .member-name-input{flex:1;min-width:0}.tpl-modal{background:var(--surface);border-radius:16px;box-shadow:0 16px 48px #0000004d;width:100%;max-width:400px;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.tpl-modal--wide{max-width:560px}.tpl-body{flex:1;overflow-y:auto;padding:.75rem 1.25rem}.tpl-body--grid{padding:.5rem 1rem}.tpl-body--apply{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1.25rem}.tpl-empty{padding:2rem 0;text-align:center;color:var(--text-muted);font-size:.88rem}.tpl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.tpl-list-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .5rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2)}.tpl-list-name{flex:1;font-size:.9rem;font-weight:600;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpl-list-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.btn-tpl-secondary{padding:.3rem .65rem;background:var(--surface);color:var(--text-2);border:1px solid var(--border);border-radius:6px;font-size:.82rem;cursor:pointer}.btn-tpl-secondary:hover{border-color:var(--primary-border);color:var(--primary);background:var(--primary-bg)}.btn-tpl-primary{padding:.3rem .65rem;background:var(--primary-bg);color:var(--primary);border:1.5px solid var(--primary-border);border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer}.btn-tpl-primary:hover{background:var(--primary-active)}.btn-tpl-icon-delete{width:24px;height:24px;background:none;border:none;color:var(--border);font-size:16px;line-height:1;cursor:pointer;border-radius:5px;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.btn-tpl-icon-delete:hover{background:var(--error-bg);color:var(--error-2)}.tpl-footer{display:flex;gap:.5rem;padding:.75rem 1.25rem 1rem;border-top:1px solid var(--border);flex-shrink:0;align-items:center}.tpl-footer--edit{justify-content:flex-end}.btn-tpl-new{width:100%;padding:.55rem;background:var(--primary-bg);color:var(--primary);border:1.5px dashed var(--primary-border);border-radius:8px;font-size:.88rem;font-weight:500;cursor:pointer;text-align:center}.btn-tpl-new:hover{background:var(--primary-active);border-style:solid}.btn-tpl-back{width:28px;height:28px;background:none;border:none;color:var(--text-2);font-size:1.1rem;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;margin-right:.25rem}.btn-tpl-back:hover{background:var(--surface-2);color:var(--primary)}.btn-tpl-danger{padding:.4rem .65rem;background:none;color:var(--error-2);border:1px solid var(--error-border, #fca5a5);border-radius:6px;font-size:.8rem;cursor:pointer}.btn-tpl-danger:hover{background:var(--error-bg)}.tpl-unsaved-badge{font-size:.7rem;font-weight:500;color:#f59e0b;margin-left:.4rem;vertical-align:middle}[data-theme=dark] .tpl-unsaved-badge{color:#fcd34d}.tpl-name-row{padding:.75rem 1.25rem .5rem;border-bottom:1px solid var(--border);flex-shrink:0}.tpl-name-input{width:100%;padding:.45rem .6rem;background:var(--surface-2);border:1.5px solid var(--border);border-radius:8px;font-size:.95rem;font-weight:600;color:var(--text);outline:none;box-sizing:border-box}.tpl-name-input:focus{border-color:var(--primary);background:var(--surface)}.tpl-grid{display:grid;grid-template-columns:80px 1fr 1fr;border:1px solid var(--border);border-radius:8px;overflow:hidden}.tpl-grid-corner{background:var(--surface-2);border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.tpl-grid-col-header{background:var(--surface-2);border-bottom:1px solid var(--border);border-right:1px solid var(--border);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);padding:.4rem .5rem;text-align:center}.tpl-grid-col-header:last-child{border-right:none}.tpl-day-label{display:flex;align-items:flex-start;justify-content:center;padding:.45rem .3rem;border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:var(--surface);font-size:.75rem;font-weight:600;color:var(--text-2);text-align:center;min-height:52px}.tpl-cell{padding:.3rem;display:flex;flex-direction:column;align-items:stretch;gap:.2rem;min-height:52px;border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.tpl-cell:last-child{border-right:none}.tpl-slot-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:.2rem .3rem;display:flex;align-items:center;gap:.2rem;cursor:pointer;transition:border-color .12s;min-height:26px;flex:1}.tpl-slot-chip:hover{border-color:var(--primary-border)}.tpl-slot-chip--drag-over{border-color:var(--primary)!important;background:var(--primary-bg);box-shadow:0 0 0 2px #e86a4c26}.tpl-slot-chip--drag-src{opacity:.55}.tpl-slot-dots{display:flex;flex-wrap:wrap;gap:2px;flex:1;min-width:0}.tpl-slot-empty-label{font-size:.72rem;color:var(--text-muted);font-style:italic}.btn-slot-remove{width:16px;height:16px;background:none;border:none;color:var(--border);font-size:13px;line-height:1;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.btn-slot-remove:hover{background:var(--error-bg);color:var(--error-2)}.tpl-slot-chip--out{background:#fef9ee;border-color:#f59e0b}[data-theme=dark] .tpl-slot-chip--out{background:#2d1a04;border-color:#d97706}.tpl-slot-out-label{font-size:.72rem;font-weight:600;color:#92400e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .tpl-slot-out-label{color:#fcd34d}.btn-cell-add{width:100%;min-height:22px;background:none;border:1px dashed var(--border);border-radius:4px;color:var(--text-muted);font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-cell-add:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.attendee-badge--other{background:var(--surface-3);color:var(--text-muted);font-style:italic}.attendee-badge--transfer{background:var(--primary-bg);color:var(--primary);font-style:italic}.btn-slot-delete{padding:.4rem .65rem;background:none;color:var(--error-2);border:1px solid var(--error-border, #fca5a5);border-radius:6px;font-size:.82rem;cursor:pointer;margin-right:auto}.btn-slot-delete:hover{background:var(--error-bg)}.tpl-apply-info{display:flex;flex-direction:column;gap:.4rem;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem}.tpl-apply-row{display:flex;align-items:baseline;gap:.5rem}.tpl-apply-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);flex-shrink:0}.tpl-apply-value{font-size:.88rem;font-weight:500;color:var(--text)}.tpl-apply-status{display:flex;align-items:center;gap:.75rem;color:var(--text-2);font-size:.88rem}.tpl-spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:tpl-spin .7s linear infinite;flex-shrink:0}@keyframes tpl-spin{to{transform:rotate(360deg)}}.tpl-conflict-header{font-size:.88rem;font-weight:600;color:var(--text);background:var(--warning-bg, #fef9c3);border:1px solid var(--warning-border, #fde68a);border-radius:8px;padding:.6rem .75rem}[data-theme=dark] .tpl-conflict-header{background:#422006;border-color:#92400e;color:#fcd34d}.tpl-conflict-question{font-size:.85rem;color:var(--text-2);margin:.75rem 0 .5rem}.tpl-policy-list{display:flex;flex-direction:column;gap:.35rem}.tpl-policy-item{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem .75rem;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .12s,background .12s}.tpl-policy-item:hover{border-color:var(--primary-border);background:var(--primary-bg)}.tpl-policy-item--selected{border-color:var(--primary)!important;background:var(--primary-bg)}.tpl-policy-item input{margin-top:2px;accent-color:var(--primary);flex-shrink:0}.tpl-policy-text{display:flex;flex-direction:column;gap:.1rem}.tpl-policy-label{font-size:.88rem;font-weight:600;color:var(--text)}.tpl-policy-desc{font-size:.78rem;color:var(--text-muted);line-height:1.4}.tpl-apply-done{display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;color:var(--text);padding:1rem 0}.tpl-apply-done-check{width:32px;height:32px;background:#34c759;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.simple-planning{display:flex;flex-direction:column;gap:1rem}.sp-header{max-width:640px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:.55rem;padding-bottom:.8rem;margin-bottom:.3rem;border-bottom:1px solid var(--border-soft, var(--border))}.sp-title-row{display:flex;align-items:center;gap:.4rem}.sp-title{flex:1;min-width:0;border:none;background:none;outline:none;font-size:1.35rem;font-weight:700;color:var(--text);padding:.1rem 0;border-bottom:2px solid transparent}.sp-title:focus{border-bottom-color:var(--primary)}.sp-title::placeholder{color:var(--text-muted);font-weight:600}.sp-title-hint{color:var(--text-muted);flex-shrink:0;pointer-events:none}.sp-header-actions{display:flex;align-items:center;gap:.6rem}.sp-switcher{padding:.35rem .55rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.85rem;max-width:220px}.sp-delete{margin-left:auto;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:none;color:var(--text-muted);cursor:pointer}.sp-delete:hover{color:var(--error);background:var(--surface-2)}.sp-empty-hint{color:var(--text-muted);font-size:.9rem}.sp-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.sp-empty p{margin-bottom:1rem}.sp-services{display:flex;flex-direction:column;gap:1rem;max-width:640px;margin:0 auto;width:100%}.sp-service{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:.9rem;display:flex;flex-direction:column;gap:.6rem}.sp-service-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sp-service-num{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.sp-course-toggles{display:flex;gap:.3rem;flex-wrap:wrap}.sp-course-toggle{padding:.2rem .6rem;border-radius:999px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.76rem;font-weight:600;transition:all .12s}.sp-course-toggle:hover{border-color:var(--primary);color:var(--primary)}.sp-course-toggle.active{background:var(--primary);border-color:var(--primary);color:#fff}.sp-service-remove{margin-left:auto;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;padding:0}.sp-service-remove:hover{color:var(--error);border-color:var(--error-border, var(--border))}.sp-slots{display:flex;flex-direction:column;gap:.4rem}.sp-subslot{padding-left:1.15rem;border-left:2px solid var(--border-soft, var(--border));margin-left:.35rem}.rslot{position:relative;width:100%}.rslot--add{text-align:left;padding:.45rem .6rem;border:1px dashed var(--border);border-radius:9px;background:transparent;color:var(--primary);cursor:pointer;font-size:.85rem}.rslot--add:hover{background:var(--primary-bg)}.rslot--filled{display:flex;align-items:center;gap:.4rem;padding:.4rem .55rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.rslot-open{flex:1;min-width:0;display:flex;align-items:center;gap:.7rem;border:none;background:none;padding:0;cursor:pointer;text-align:left}.rslot-open:hover .rslot-name{color:var(--primary)}.rslot-thumb{width:48px;height:48px;flex-shrink:0;border-radius:8px;object-fit:cover;background:var(--surface)}.rslot-thumb--empty{border:1px dashed var(--border)}.rslot-name{flex:1;min-width:0;font-size:.9rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rslot-time{font-size:.78rem;color:var(--text-muted);white-space:nowrap}.rslot-clear{border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1}.rslot-clear:hover{color:var(--error)}.rslot-input{width:100%;padding:.4rem .6rem;border:1.5px solid var(--primary);border-radius:9px;background:var(--surface);color:var(--text);font-size:.85rem;outline:none}.rslot-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;list-style:none;margin:0;padding:.2rem;background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:0 4px 16px #0000002e;max-height:220px;overflow-y:auto}.rslot-results li{padding:.4rem .5rem;font-size:.85rem;border-radius:6px;cursor:pointer;color:var(--text)}.rslot-results li:hover{background:var(--primary-bg);color:var(--primary)}.sp-eaters{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid var(--surface-3)}.sp-members{display:flex;gap:.3rem;flex-wrap:wrap}.sp-member{width:30px;height:30px;border-radius:50%;padding:0;overflow:hidden;border:2px solid var(--border);background:var(--surface-2);cursor:pointer;opacity:.45;display:flex;align-items:center;justify-content:center}.sp-member.active{opacity:1;border-color:var(--primary)}.sp-member img{width:100%;height:100%;object-fit:cover}.sp-member-initial{font-size:.8rem;font-weight:700;color:var(--text-2);text-transform:uppercase}.sp-guests{display:flex;align-items:center;gap:.3rem}.sp-guests-label{font-size:.74rem;color:var(--text-muted);margin-right:.2rem}.sp-step{width:22px;height:22px;border-radius:6px;line-height:1;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.sp-step:hover{background:var(--surface-2)}.sp-guests-n{min-width:1.2rem;text-align:center;font-size:.88rem}.sp-add-service{border:1.5px dashed var(--border);border-radius:14px;background:transparent;color:var(--primary);cursor:pointer;font-size:.9rem;padding:1.2rem;display:flex;align-items:center;justify-content:center;min-height:80px}.sp-add-service:hover{background:var(--primary-bg);border-color:var(--primary)}.planning-page{padding:1.5rem;max-width:960px;margin:0 auto}.planning-mode-toggle{display:inline-flex;gap:.25rem;margin-bottom:1.25rem;padding:.2rem;border-radius:999px;background:var(--surface-2)}.pm-toggle{padding:.35rem 1rem;border:none;border-radius:999px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:600}.pm-toggle.active{background:var(--surface);color:var(--primary);box-shadow:0 1px 3px #0000001f}.planning-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.planning-nav{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.25rem .4rem}.btn-nav-arrow{width:28px;height:28px;border:none;background:none;color:var(--text-2);font-size:1.4rem;line-height:1;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.btn-nav-arrow:hover{background:var(--surface-2);color:var(--primary)}.planning-start-date{font-size:.88rem;font-weight:600;color:var(--text);white-space:nowrap;min-width:120px;text-align:center}.planning-numdays{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.25rem .4rem}.planning-numdays-val{font-size:.88rem;font-weight:600;color:var(--text);white-space:nowrap;min-width:36px;text-align:center}.btn-this-week{padding:.4rem .9rem;background:var(--primary-bg);color:var(--primary);border:1.5px solid var(--primary-border);border-radius:8px;font-size:.83rem;font-weight:500;cursor:pointer;white-space:nowrap}.btn-this-week:hover{background:var(--primary-active)}.btn-clear-all{padding:.4rem .9rem;background:var(--surface);color:var(--text-3);border:1px solid var(--border);border-radius:8px;font-size:.83rem;font-weight:500;cursor:pointer;white-space:nowrap}.btn-clear-all:hover{border-color:#dc3545;color:#dc3545;background:#fff0f0}.btn-templates{display:flex;align-items:center;gap:.35rem;padding:.4rem .9rem;background:var(--surface);color:var(--text-2);border:1px solid var(--border);border-radius:8px;font-size:.83rem;font-weight:500;cursor:pointer;white-space:nowrap}.btn-templates:hover{border-color:var(--primary-border);color:var(--primary);background:var(--primary-bg)}.btn-print-pdf{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--surface);color:var(--text-3);border:1px solid var(--border);border-radius:8px;cursor:pointer;flex-shrink:0}.btn-print-pdf:hover{border-color:var(--primary-border);color:var(--primary);background:var(--primary-bg)}.planning-loading{text-align:center;padding:3rem;color:var(--text-muted);font-size:1.5rem}.planning-grid{display:grid;grid-template-columns:100px 1fr 1fr;border:1px solid var(--border);border-radius:10px;overflow:hidden}.pgrid-corner{background:var(--surface-2);border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.pgrid-col-header{background:var(--surface-2);border-bottom:1px solid var(--border);border-right:1px solid var(--border);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);padding:.5rem .75rem;text-align:center}.pgrid-col-header:last-child{border-right:none}.pgrid-day-label{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.6rem .4rem;border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:var(--surface);min-height:80px}.pgrid-day-label--today .pday-weekday,.pgrid-day-label--today .pday-date{color:var(--primary);font-weight:700}.pday-weekday{font-size:.78rem;font-weight:600;color:var(--text-2);text-transform:capitalize}.pday-date{font-size:.72rem;color:var(--text-muted);margin-top:.15rem;text-align:center}.meal-cell{padding:.4rem;border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:.35rem;min-height:80px;position:relative;align-items:stretch}.meal-cell:last-child{border-right:none}.meal-cell--empty{cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.meal-cell--empty:hover{background:var(--primary-bg)}.meal-cell--drag-over{background:var(--primary-bg)!important}.meal-cell--drag-over .meal-cell-add{color:var(--primary)}.meal-cell-add{font-size:1.4rem;color:var(--border);line-height:1;transition:color .12s}.meal-cell--empty:hover .meal-cell-add{color:var(--primary)}.service-tile{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.45rem .5rem;display:flex;flex-direction:column;gap:.3rem;transition:border-color .12s;flex:1}.service-tile:hover{border-color:var(--primary-border)}.service-tile--drag-over{border-color:var(--primary)!important;box-shadow:0 0 0 2px #e86a4c2e;background:var(--primary-bg)}.service-tile--out{background:#fdf1e7;border-color:#f0cda6;border-style:solid}.service-tile--out:hover{border-color:#e0a86a}[data-theme=dark] .service-tile--out{background:#2e2114;border-color:#4d3a20}[data-theme=dark] .service-tile--out:hover{border-color:#6b5128}.service-out-label{font-size:.82rem;font-weight:600;color:var(--text)}.meal-type-toggle{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.btn-meal-type{flex:1;padding:.4rem .5rem;background:var(--surface-2);color:var(--text-2);border:none;font-size:.82rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.3rem;transition:background .12s,color .12s}.btn-meal-type:first-child{border-right:1px solid var(--border)}.btn-meal-type--active:not(.btn-meal-type--out){background:var(--primary-bg);color:var(--primary);font-weight:600}.btn-meal-type--out.btn-meal-type--active{background:var(--surface-3);color:var(--text-2);font-weight:600}[data-theme=dark] .btn-meal-type--out.btn-meal-type--active{background:var(--surface-3);color:var(--text-2)}.out-label-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.btn-out-label{padding:.38rem .5rem;background:var(--surface-2);color:var(--text-2);border:1.5px solid var(--border);border-radius:7px;font-size:.82rem;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:border-color .12s;text-align:left}.btn-out-label:hover{border-color:var(--primary-border)}.btn-out-label--active{border-color:var(--primary-border);background:var(--primary-bg);color:var(--primary);font-weight:600}[data-theme=dark] .btn-out-label--active{border-color:var(--primary-border);background:var(--primary-bg);color:var(--primary)}.service-tile--attendee-target{border-style:dashed;border-color:var(--primary-border)}.service-tile--attendee-over{border-style:dashed;border-color:var(--primary)!important;background:var(--primary-bg);box-shadow:0 0 0 2px #e86a4c2e}.service-tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.25rem}.service-recipe-block{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.service-recipe-name{font-size:.82rem;font-weight:600;color:var(--text);line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-selector{display:flex;align-items:center;gap:.2rem;min-width:0}.side-selector--editing{position:relative}.side-line{display:flex;align-items:center;gap:.2rem;cursor:pointer;min-width:0}.side-plus{font-size:.7rem;color:var(--text-muted);flex-shrink:0;line-height:1}.side-name{font-size:.72rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-line:hover .side-name,.side-line:hover .side-plus{color:var(--text-3)}.side-clear{background:none;border:none;padding:0;font-size:.7rem;color:var(--text-muted);cursor:pointer;line-height:1;flex-shrink:0;opacity:0;transition:opacity .1s}.side-selector:hover .side-clear{opacity:1}.side-input{width:100%;font-size:.72rem;padding:2px 5px;border:1px solid var(--primary);border-radius:4px;outline:none;background:var(--surface);color:var(--text)}.side-suggestions{position:absolute;top:calc(100% + 2px);left:0;min-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000026;list-style:none;margin:0;padding:3px 0;z-index:300;max-height:160px;overflow-y:auto}.side-suggestions li{padding:.3rem .6rem;font-size:.78rem;cursor:pointer;color:var(--text)}.side-suggestions li:hover{background:var(--primary-bg)}.side-suggestion-create{color:var(--primary)!important;font-style:italic}.side-suggested-star{color:var(--primary);margin-right:.3rem;font-size:.7rem}.service-recipe-link{background:none;border:none;padding:0;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;cursor:pointer;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.service-recipe-link:hover{text-decoration:underline}.service-no-recipe{font-size:.78rem;font-weight:400;color:var(--text-muted);font-style:italic}.service-tile-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.btn-service-edit,.btn-service-split,.btn-service-merge,.btn-service-delete{width:22px;height:22px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.btn-service-edit:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.btn-service-split:hover{border-color:#8b5cf6;color:#8b5cf6;background:#f5f3ff}[data-theme=dark] .btn-service-split:hover{border-color:#a78bfa;color:#a78bfa;background:#2d1f5a}.btn-service-merge:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.btn-service-delete:hover{border-color:var(--error-2);color:var(--error-2);background:var(--error-bg)}.service-attendees{display:flex;flex-wrap:wrap;gap:3px}.attendee-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:#fff;flex-shrink:0}.attendee-dot--draggable{cursor:grab}.attendee-dot--draggable:active{cursor:grabbing}.attendee-dot--sm{width:22px;height:22px;font-size:.68rem}.attendee-dot-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.service-tile-footer{display:flex;align-items:center;justify-content:space-between;gap:.25rem;min-width:0}.service-guests-row{display:flex;align-items:center;gap:3px;flex-shrink:0;margin-left:auto}.service-guests-label{font-size:.64rem;font-weight:500;color:var(--text-muted);white-space:nowrap}.attendee-dot--guest{background:var(--text-muted);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-heavy);display:flex;align-items:center;justify-content:center;z-index:300;padding:1rem}.service-editor{background:var(--surface);border-radius:16px;box-shadow:0 16px 48px #0000004d;width:100%;max-width:400px;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--border);flex-shrink:0}.editor-title{font-size:.95rem;font-weight:700;color:var(--text);margin:0}.editor-close{width:28px;height:28px;border:none;background:none;color:var(--text-muted);font-size:20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.editor-close:hover{background:var(--surface-3);color:var(--text-2)}.editor-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;flex:1}.editor-section{display:flex;flex-direction:column;gap:.5rem}.editor-section-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.recipe-search-wrap{position:relative}.recipe-search-input{width:100%;padding:.5rem 2rem .5rem .75rem;border:1.5px solid var(--border);border-radius:8px;font-size:.88rem;outline:none;background:var(--surface-2);color:var(--text);box-sizing:border-box}.recipe-search-input:focus{border-color:var(--primary);background:var(--surface)}.recipe-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:0;line-height:1}.recipe-clear-btn:hover{color:var(--text-2)}.recipe-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0003;list-style:none;margin:0;padding:4px 0;z-index:400;max-height:200px;overflow-y:auto}.recipe-suggestions li{padding:.45rem .75rem;font-size:.88rem;cursor:pointer;color:var(--text-2)}.recipe-suggestions li:hover,.recipe-suggestions li.active{background:var(--primary-bg)}.attendee-list{display:flex;flex-direction:column;gap:.35rem}.attendee-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.3rem 0}.attendee-item input{accent-color:var(--primary);width:16px;height:16px;flex-shrink:0}.attendee-name{font-size:.88rem;color:var(--text);flex:1}.attendee-badge{font-size:.7rem;color:var(--text-3);background:var(--surface-3);border-radius:10px;padding:.1rem .4rem}.guest-stepper{display:flex;align-items:center;gap:.75rem}.guest-btn{width:32px;height:32px;border:1.5px solid var(--border);background:var(--surface-2);border-radius:8px;font-size:1.1rem;color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.guest-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.guest-btn:disabled{opacity:.35;cursor:default}.guest-count{font-size:1.1rem;font-weight:600;color:var(--text);min-width:1.5rem;text-align:center}.editor-footer{display:flex;gap:.5rem;padding:.75rem 1.25rem 1rem;border-top:1px solid var(--border);flex-shrink:0}.btn-editor-cancel{flex:1;padding:.55rem;background:var(--surface-3);color:var(--text-2);border:none;border-radius:8px;font-size:.88rem;cursor:pointer}.btn-editor-cancel:hover{background:var(--border)}.btn-editor-save{flex:2;padding:.55rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer}.btn-editor-save:hover{background:var(--primary-hover)}.modal-box.shopping-modal{max-width:540px;width:92vw;max-height:82vh;display:flex;flex-direction:column}.shopping-aisles{overflow-y:auto;display:flex;flex-direction:column;gap:1rem;margin:.4rem 0}.shopping-aisle-title{margin:0 0 .35rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);font-weight:700}.shopping-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.shopping-item{display:flex;align-items:center;gap:.6rem;padding:.4rem .3rem;border-bottom:1px solid var(--border-soft);cursor:pointer;font-size:.9rem}.shopping-item:hover{background:var(--surface-2)}.shopping-check{width:18px;height:18px;flex:none;border:1.5px solid var(--border);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff}.shopping-name{flex:1;color:var(--text)}.shopping-empty{color:var(--text-muted);font-size:.88rem;text-align:center;padding:1.2rem 0}.shopping-footer{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.6rem;border-top:1px solid var(--border-soft)}.db-page{display:flex;flex-direction:column;height:100%;padding:1.25rem 1.5rem;gap:.75rem;min-height:0}.admin-shell>.db-page{flex:1;min-width:0}.db-toolbar{display:flex;align-items:center;gap:.6rem;flex-shrink:0;flex-wrap:wrap}.db-table-select{padding:.38rem .6rem;border:1px solid var(--border);border-radius:8px;font-size:.85rem;font-weight:600;background:var(--surface);color:var(--text);outline:none;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.db-table-select:focus{border-color:var(--primary)}.db-search{padding:.38rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;background:var(--surface);color:var(--text);outline:none;width:200px}.db-search:focus{border-color:var(--primary)}.col-selector-wrap{position:relative}.btn-col-selector{padding:.32rem .65rem;font-size:.8rem;background:var(--surface-2);color:var(--text-3);border:1px solid var(--border);border-radius:7px;cursor:pointer;white-space:nowrap}.btn-col-selector:hover,.btn-col-selector.active{background:var(--surface-3);color:var(--text-2)}.col-selector-panel{position:absolute;top:calc(100% + 4px);left:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 14px #0000001f;padding:.4rem 0;z-index:200;min-width:170px;max-height:320px;overflow-y:auto}.col-selector-item{display:flex;align-items:center;gap:.5rem;padding:.3rem .75rem;font-size:.82rem;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.col-selector-item:hover{background:var(--surface-2)}.btn-delete-selected{padding:.32rem .75rem;background:var(--error-bg);color:var(--error);border:1.5px solid var(--error-bg-2);border-radius:7px;font-size:.82rem;cursor:pointer;white-space:nowrap}.btn-delete-selected:hover:not(:disabled){background:var(--error-bg-2)}.btn-delete-selected:disabled{opacity:.5;cursor:default}.db-count{font-size:.78rem;color:var(--text-muted);margin-left:auto;white-space:nowrap}.db-error{padding:.5rem .75rem;background:var(--error-bg);color:var(--error);border-radius:8px;font-size:.82rem;flex-shrink:0}.btn-db-add{padding:.32rem .7rem;font-size:.8rem;font-weight:600;background:var(--primary);color:#fff;border:none;border-radius:7px;cursor:pointer;white-space:nowrap}.btn-db-add:hover{filter:brightness(1.06)}.db-flash{padding:.5rem .75rem;background:var(--success-bg);color:var(--success);border-radius:8px;font-size:.82rem;flex-shrink:0}.db-add-modal{max-width:420px}.db-add-desc{margin:0 0 .9rem;font-size:.84rem;color:var(--text-2);line-height:1.45}.db-add-input{width:100%;box-sizing:border-box;padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--surface);color:var(--text);outline:none}.db-add-input:focus{border-color:var(--primary)}.db-add-input:disabled{opacity:.6}.db-add-error{margin:.6rem 0 0;font-size:.8rem;color:var(--error)}.db-add-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.1rem}.db-table-wrap{flex:1;overflow:auto;border:1px solid var(--border);border-radius:10px;min-height:0;scrollbar-gutter:stable}.db-table{width:100%;border-collapse:collapse;font-size:.85rem;table-layout:auto}.db-table .col-check{width:40px}.db-table th{position:sticky;top:0;background:var(--surface-2);padding:0;text-align:left;font-size:.71rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;z-index:1}.th-check{text-align:center;padding:.45rem .5rem}.th-inner{display:flex;align-items:center;padding:.45rem .7rem;gap:.2rem}.th-label{flex:1;display:flex;align-items:center;gap:.3rem;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:none}.th-label:hover{color:var(--text-2)}.sort-icon{font-size:.65rem;flex-shrink:0}.sort-idle{opacity:.3}.sort-active{opacity:1;color:var(--primary)}.th-filter-wrap{position:relative;flex-shrink:0}.btn-th-filter{width:18px;height:18px;font-size:.58rem;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.btn-th-filter:hover,.btn-th-filter.open{background:var(--surface-3);color:var(--text-2);border-color:var(--border)}.btn-th-filter.filter-active{color:var(--primary)}.col-filter-panel{position:absolute;top:calc(100% + 2px);left:0;min-width:190px;max-height:280px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #00000024;z-index:300;display:flex;flex-direction:column;overflow:hidden}.col-filter-search-wrap{padding:.4rem .5rem;border-bottom:1px solid var(--border-soft);flex-shrink:0}.col-filter-search{width:100%;padding:.25rem .4rem;border:1px solid var(--border);border-radius:5px;font-size:.78rem;background:var(--surface-2);color:var(--text);outline:none;box-sizing:border-box}.col-filter-search:focus{border-color:var(--primary)}.col-filter-item{display:flex;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.8rem;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.col-filter-item:hover{background:var(--surface-2)}.col-filter-all{font-weight:600;flex-shrink:0}.col-filter-sep{height:1px;background:var(--border-soft);flex-shrink:0}.col-filter-list{overflow-y:auto;flex:1;padding:.15rem 0}.col-filter-empty{padding:.5rem .65rem;font-size:.78rem;color:var(--text-muted);font-style:italic}.db-table td{padding:.35rem .7rem;border-bottom:1px solid var(--border-soft);color:var(--text);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.db-table tr:last-child td{border-bottom:none}.db-table tbody tr:hover td{background:var(--surface-2)}.db-table tbody tr.row-selected td{background:var(--primary-bg)}.td-check{text-align:center;padding:.35rem .5rem;cursor:default}.td-pk{color:var(--text-muted);font-size:.8rem}.td-empty{color:var(--text-muted);font-style:italic}.td-editable{cursor:text}.td-editable:hover{background:color-mix(in srgb,var(--primary) 6%,var(--surface))}.td-editing{overflow:visible;padding:0;position:relative;z-index:10}.btn-bool{width:24px;height:24px;border-radius:5px;border:1.5px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .1s}.btn-bool:hover{border-color:var(--primary);color:var(--primary)}.btn-bool.active{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.cell-editor{position:relative;width:100%}.cell-editor-input{width:100%;padding:.34rem .7rem;border:none;border-top:2px solid var(--primary);border-bottom:2px solid var(--primary);background:var(--surface);color:var(--text);font-size:.85rem;outline:none;box-sizing:border-box}.cell-editor-suggestions{position:absolute;top:100%;left:-1px;min-width:calc(100% + 2px);max-height:220px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:0 0 7px 7px;box-shadow:0 6px 16px #00000024;z-index:400}.cell-editor-suggestion{padding:.28rem .7rem;font-size:.83rem;color:var(--text-2);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-editor-suggestion:hover,.cell-editor-suggestion.focused{background:var(--primary-bg);color:var(--primary)}.db-loading,.db-empty{text-align:center;padding:2.5rem;color:var(--text-muted);font-size:.85rem}.shopping-page{max-width:640px;margin:0 auto;padding:.5rem 0 2rem}.shopping-add{display:flex;gap:.5rem;margin-bottom:1.2rem}.shopping-add-input{flex:1;padding:.55rem .75rem;border:1.5px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-size:.9rem}.shopping-add-input:focus{outline:none;border-color:var(--text-muted)}.shopping-add-btn{padding:.55rem 1rem}.shopping-aisles{display:flex;flex-direction:column;gap:1.1rem}.shopping-aisle-title{margin:0 0 .4rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);font-weight:700}.shopping-items{list-style:none;margin:0;padding:0}.shopping-item{display:flex;align-items:center;gap:.6rem;padding:.45rem .2rem;border-bottom:1px solid var(--border-soft);font-size:.92rem}.shopping-check{width:20px;height:20px;flex:none;border:1.5px solid var(--border);border-radius:5px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#fff;cursor:pointer}.shopping-item.done .shopping-check{background:var(--primary);border-color:var(--primary)}.shopping-name{flex:1;color:var(--text);cursor:pointer}.shopping-item.done .shopping-name{text-decoration:line-through;color:var(--text-muted)}.shopping-qty{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.shopping-del{border:none;background:none;color:var(--text-muted);font-size:1.2rem;line-height:1;cursor:pointer;padding:0 .2rem}.shopping-del:hover{color:#c0392b}.shopping-empty{color:var(--text-muted);text-align:center;padding:2.5rem 0}.shopping-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.2rem}.index-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}.list-row{display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;cursor:pointer;border-top:1px solid var(--border-soft, var(--border))}.list-row:first-child{border-top:none}.list-row:hover{background:var(--surface-2)}.list-row.active{background:var(--primary-bg)}.list-row-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.list-row-title{font-size:.9rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row-meta{font-size:.8rem;color:var(--text-muted)}.detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;height:100%;min-height:340px;color:var(--text-muted);text-align:center}.detail-empty-icon{width:54px;height:54px;opacity:.35;background-color:var(--text-muted)}.detail-empty p{margin:0;font-size:.95rem}.users-admin{padding:1.5rem 1.75rem;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.users-admin-title{margin:0 0 .3rem;font-size:1.2rem;color:var(--text)}.users-admin-hint{margin:0 0 1.2rem;font-size:.85rem;color:var(--text-muted)}.users-split{display:flex;gap:1.5rem;align-items:flex-start;justify-content:flex-start}@media (max-width: 900px){.users-split{flex-direction:column}.users-list,.users-detail{flex-basis:auto;width:100%;max-width:620px}}.users-list{flex:0 0 260px}.users-child{color:var(--text-muted);font-weight:400;font-size:.8rem}.users-detail{flex:0 1 620px;min-width:0;border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.4rem;background:var(--surface)}.users-detail-head{display:flex;align-items:center;gap:.85rem}.users-detail-titles{flex:1;min-width:0}.users-detail-name{margin:0;font-size:1.05rem;color:var(--text)}.users-you{color:var(--text-muted);font-size:.85rem;font-weight:400}.users-detail-email{font-size:.85rem;color:var(--text-muted)}.users-detail-note{margin:1rem 0 0;font-size:.85rem;color:var(--text-muted)}.users-section{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-soft, var(--border))}.users-section-title{margin:0 0 .6rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.users-section-hint{margin:0 0 .85rem;font-size:.82rem;color:var(--text-muted);max-width:40rem}.users-engine-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.users-engine-label{flex:0 0 68px;font-size:.88rem;color:var(--text)}.users-engine-select{padding:.3rem .5rem;font-size:.85rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;min-width:190px}.users-engine-select:disabled{opacity:.5;cursor:default}.users-feedback{margin-top:1.1rem;font-size:.85rem;color:var(--success, #2f9e44)}.users-feedback.error{color:var(--danger, #d33)}.status-badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.74rem;font-weight:700}.status-admin{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary)}.status-user{background:var(--success-bg, #e6f4ea);color:var(--success, #2f9e44)}.status-invited{background:#fdf0d5;color:#b5650b}.status-member{background:var(--surface-3, var(--surface-2));color:var(--text-muted)}.household-switcher{position:relative;flex-shrink:0}.household-btn{display:flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:.85rem;font-weight:600;max-width:190px}.household-btn:hover{background:var(--surface-2)}.household-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.household-caret{color:var(--text-muted);font-size:.7rem}.household-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:210px;padding:.3rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 24px #00000029}.household-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.45rem .6rem;border:none;border-radius:7px;background:none;color:var(--text);cursor:pointer;font-size:.88rem;text-align:left}.household-item:hover{background:var(--surface-2)}.household-item.active{color:var(--primary);font-weight:600}.household-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.household-check{color:var(--primary)}.household-new{margin-top:.2rem;border-top:1px solid var(--border-soft, var(--border));color:var(--primary);font-weight:600;border-radius:0 0 7px 7px}.user-menu{position:relative;flex-shrink:0}.user-chip{display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;border:none;background:none;cursor:pointer;box-shadow:0 0 0 2px transparent;transition:box-shadow .15s}.user-chip:hover{box-shadow:0 0 0 2px var(--primary)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:70;min-width:230px;padding:.3rem;background:var(--surface);border:1px solid var(--border);border-radius:11px;box-shadow:0 8px 28px #0000002e}.user-head{padding:.5rem .65rem .6rem;display:flex;align-items:center;gap:.6rem}.user-head-text{display:flex;flex-direction:column;min-width:0}.user-head-name{font-size:.9rem;font-weight:700;color:var(--text)}.user-head-email{font-size:.78rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem .65rem;border:none;border-radius:8px;background:none;color:var(--text);cursor:pointer;font-size:.88rem;text-align:left}.user-item svg{color:var(--text-muted);flex-shrink:0}.user-item:hover{background:var(--surface-2)}.user-item:hover svg{color:var(--text)}.user-sep{height:1px;background:var(--border-soft, var(--border));margin:.3rem .4rem}.user-logout,.user-logout:hover svg{color:var(--error)}.user-logout:hover{background:color-mix(in srgb,var(--error) 10%,transparent)}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:1rem;padding:0 1.5rem;height:52px;background:var(--surface);border-bottom:1px solid var(--border-soft);position:sticky;top:0;z-index:100}.app-logo{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:var(--text);letter-spacing:-.02em;margin-right:.5rem}.app-header--user{display:grid;grid-template-columns:auto 1fr auto;gap:0;background:var(--primary);border-bottom:none}.app-logo--center{justify-content:center;margin:0;font-size:1.4rem;color:#fff}.app-logo--center .app-logo-icon{width:38px;height:38px;background-color:#fff}.app-header--user .app-burger{color:#ffffffeb}.app-header--user .app-burger:hover{background:#ffffff29;color:#fff}.app-header--user .user-chip:hover{box-shadow:0 0 0 2px #ffffffe6}.app-burger{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;background:none;border-radius:10px;color:var(--text-2);cursor:pointer;transition:background .12s}.app-burger:hover{background:var(--surface-3);color:var(--text)}.app-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:var(--overlay);opacity:0;pointer-events:none;transition:opacity .2s ease}.app-drawer-backdrop.open{opacity:1;pointer-events:auto}.app-drawer{position:absolute;top:0;left:0;bottom:0;width:264px;max-width:82vw;background:var(--surface);border-right:1px solid var(--border);box-shadow:2px 0 24px #0000001f;display:flex;flex-direction:column;gap:.9rem;padding:1rem .9rem;transform:translate(-100%);transition:transform .22s cubic-bezier(.4,0,.2,1)}.app-drawer.open{transform:translate(0)}.app-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:.2rem .3rem .3rem}.app-drawer-close{width:30px;height:30px;border:none;background:none;border-radius:8px;color:var(--text-muted);font-size:1rem;cursor:pointer}.app-drawer-close:hover{background:var(--surface-3);color:var(--text)}.app-drawer-nav{display:flex;flex-direction:column;gap:.2rem}.app-drawer-foot{margin-top:auto;padding-top:.5rem;border-top:1px solid var(--border-soft)}.app-drawer-item{display:flex;align-items:center;gap:.8rem;width:100%;padding:.7rem .8rem;border:none;border-radius:12px;background:none;color:var(--text-2);font-size:.98rem;font-weight:600;cursor:pointer;text-align:left;transition:background .12s,color .12s}.app-drawer-item svg{color:var(--text-muted);flex-shrink:0}.app-drawer-item:hover{background:var(--surface-2);color:var(--text)}.app-drawer-item.active{background:var(--primary-bg);color:var(--primary)}.app-drawer-item.active svg{color:var(--primary)}.app-logo-icon{width:30px;height:30px;flex-shrink:0;background-color:var(--primary);-webkit-mask:url(/logo-hat.svg) center / contain no-repeat;mask:url(/logo-hat.svg) center / contain no-repeat}.app-tabs{display:flex;gap:.25rem;flex:1}.app-tab{display:flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border:none;background:none;border-radius:8px;font-size:.88rem;color:var(--text-3);cursor:pointer;transition:background .12s,color .12s}.app-tab:hover{background:var(--surface-2);color:var(--text)}.app-tab{touch-action:none}.app-tab.active{background:var(--primary-active);color:var(--primary);font-weight:600}.btn-settings-nav{display:flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border:none;background:none;border-radius:8px;font-size:.88rem;color:var(--text-3);cursor:pointer;margin-left:auto;transition:background .12s,color .12s}.btn-settings-nav:hover{background:var(--surface-2);color:var(--text)}.btn-settings-nav.active{background:var(--primary-active);color:var(--primary);font-weight:600}.app-main{flex:1;padding:2rem;max-width:1100px;margin:0 auto;width:100%}.app-main--flush{max-width:none;padding:0}.app-main--wide{max-width:none}.app-admin-title{flex:1;font-weight:700;color:var(--text-muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.settings-modal{width:min(940px,94vw);height:min(660px,86vh);max-width:none;padding:0;display:flex;flex-direction:column;overflow:hidden}.settings-modal-head{display:flex;align-items:center;justify-content:space-between;padding:.8rem .7rem .8rem 1.2rem;border-bottom:1px solid var(--border);flex-shrink:0}.settings-modal-title{font-weight:700;font-size:1.05rem;color:var(--text)}.settings-modal-body{flex:1;min-height:0;display:flex}.settings-modal-body .admin-shell{height:100%;flex:1}.modal-warn{color:var(--text);font-weight:500}.translate-progress{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:.45rem 1rem;background:var(--primary-bg, #eff6ff);color:var(--primary, #2a5bd7);font-size:.85rem;font-weight:500;border-bottom:1px solid var(--primary-border, #bfdbfe)}.translate-spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;opacity:.7;animation:translate-spin .7s linear infinite}@keyframes translate-spin{to{transform:rotate(360deg)}}.app-boot{min-height:100vh;display:flex;align-items:center;justify-content:center}.btn-logout{color:var(--text-3)}.btn-logout:hover{color:var(--error)}.btn-view-toggle{display:flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-3);font-size:.88rem;transition:all .12s}.btn-view-toggle:hover{background:var(--surface-2);color:var(--text)}.btn-view-toggle.admin{background:var(--primary);border-color:var(--primary);color:#fff}.btn-view-toggle.admin:hover{filter:brightness(.95);color:#fff}*,*:before,*:after{box-sizing:border-box}:root{--bg: #faf6f1;--surface: #ffffff;--surface-2: #faf5ef;--surface-3: #f3ebe2;--border: #ece3d9;--border-soft: #f0e9e1;--text: #241f1b;--text-2: #4a4139;--text-3: #7c7168;--text-muted: #a89e93;--primary: #e86a4c;--primary-hover: #d6563a;--primary-bg: #fdefea;--primary-border: #f6c9bc;--primary-active: #fbe1d8;--success: #1e7e34;--success-bg: #e6f4ea;--success-border: #34a853;--error: #c02020;--error-bg: #fff0f0;--error-border: #e07070;--error-2: #dc2626;--error-bg-2: #fee2e2;--warn: #c2410c;--warn-bg: #fff7ed;--warn-border: #fed7aa;--info-bg: #f0f9ff;--info-border: #bae6fd;--info: #0369a1;--overlay: rgba(0,0,0,.3);--overlay-heavy: rgba(0,0,0,.35);--meta-bg: #f6f0e9;--meta-total-bg: #efe7dd;--meta-side-bg: #fff8e0;--meta-side-text: #92600a;--radius: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow: 0 6px 20px rgba(0,0,0,.08);--shadow-lg: 0 18px 44px rgba(0,0,0,.18);--ring: 0 0 0 3px color-mix(in srgb, var(--primary) 32%, transparent)}[data-theme=dark]{--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow: 0 6px 20px rgba(0,0,0,.5);--shadow-lg: 0 18px 44px rgba(0,0,0,.6);--bg: #111113;--surface: #1c1c1e;--surface-2: #2c2c2e;--surface-3: #3a3a3c;--border: #3a3a3c;--border-soft: #38383c;--text: #f5f5f7;--text-2: #d1d5db;--text-3: #9ca3af;--text-muted: #6b7280;--primary: #f0876b;--primary-hover: #e8735a;--primary-bg: #38201a;--primary-border: #6a3a2c;--primary-active: #38201a;--success: #4ade80;--success-bg: #0d2b17;--success-border: #166534;--error: #f87171;--error-bg: #2d0e0e;--error-border: #7f1d1d;--error-2: #f87171;--error-bg-2: #3d1515;--warn: #fb923c;--warn-bg: #2d1600;--warn-border: #7c3300;--info-bg: #0c2233;--info-border: #1a4a6e;--info: #38bdf8;--overlay: rgba(0,0,0,.6);--overlay-heavy: rgba(0,0,0,.7);--meta-bg: #2c2c2e;--meta-total-bg: #3a3a3c;--meta-side-bg: #2d2200;--meta-side-text: #fbbf24}body{margin:0;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;color:var(--text);background:var(--surface)}input::placeholder,textarea::placeholder{color:var(--text-muted)}:where(button,a,input,select,textarea,[tabindex],[role=button]):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.rbadge{display:inline-flex;align-items:center;gap:.2rem;padding:.12rem .5rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;white-space:nowrap;line-height:1.5}.rbadge--time{background:var(--surface-3);color:var(--text-3)}.rbadge--starter{background:color-mix(in srgb,#2f9e44 15%,transparent);color:#2f9e44}.rbadge--main{background:var(--primary-bg);color:var(--primary)}.rbadge--side{background:color-mix(in srgb,#cf8214 16%,transparent);color:#cf8214}.rbadge--dessert{background:color-mix(in srgb,#d24b62 15%,transparent);color:#d24b62}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:max-content;max-width:240px;white-space:normal;text-align:center;background:#141414e0;color:#fff;padding:3px 8px;border-radius:5px;font-size:.72rem;line-height:1.25;pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:200}[data-tooltip]:hover:after{opacity:1;transition-delay:1.5s}.tooltip-wrap{display:inline-flex}