:root{--bg: #eff3f0;--surface: rgba(255, 255, 255, .82);--surface-strong: #ffffff;--surface-soft: #edf3ee;--surface-muted: #e6ece7;--border: rgba(17, 26, 20, .1);--border-strong: rgba(17, 26, 20, .16);--border-subtle: rgba(17, 26, 20, .06);--text: #101914;--muted: #5a6c62;--tertiary: #8c9d93;--accent: #1db954;--accent-light: #e8f8ee;--accent-hover: #179846;--accent-wash: rgba(29, 185, 84, .14);--warning: #e6b94f;--warning-strong: #de8f3c;--danger: #d44040;--green: #1db954;--blue: #2da8b8;--tdee-line: #9ccfda;--blue-wash: rgba(45, 168, 184, .12);--water: #2097a8;--fiber: #7c6aad;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 30px;--shadow-sm: 0 10px 24px rgba(16, 25, 20, .05);--shadow-md: 0 20px 52px rgba(16, 25, 20, .08), 0 2px 8px rgba(16, 25, 20, .04);--shadow-lg: 0 36px 96px rgba(16, 25, 20, .14), 0 10px 30px rgba(16, 25, 20, .08);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font-display: "Fraunces", serif;--font-body: "Nunito", sans-serif}body.dark{--bg: #09100c;--surface: rgba(17, 26, 20, .76);--surface-strong: #101814;--surface-soft: #151f19;--surface-muted: #1a261f;--border: rgba(228, 237, 231, .1);--border-strong: rgba(228, 237, 231, .17);--border-subtle: rgba(228, 237, 231, .06);--text: #e6eee8;--muted: #88a392;--tertiary: #587162;--accent: #22c35a;--accent-light: rgba(34, 195, 90, .12);--accent-hover: #30d06a;--accent-wash: rgba(34, 195, 90, .18);--warning: #f0c96f;--warning-strong: #f29b57;--danger: #ef6666;--green: #22c35a;--blue: #37bbcf;--tdee-line: #89c8d8;--blue-wash: rgba(55, 187, 207, .18);--water: #30abbe;--fiber: #a48ad4;--shadow-sm: 0 10px 24px rgba(0, 0, 0, .28);--shadow-md: 0 22px 56px rgba(0, 0, 0, .36);--shadow-lg: 0 42px 110px rgba(0, 0, 0, .46)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(29,185,84,.12),transparent 34%),radial-gradient(circle at top right,rgba(45,168,184,.1),transparent 28%),linear-gradient(180deg,#fbfcfb 0%,var(--bg) 22%,#eaf0eb 100%);color:var(--text);min-height:100vh;min-height:100dvh;font-size:15px;line-height:1.6;transition:background .3s,color .3s;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em;position:relative;isolation:isolate;overflow-x:hidden}body:before,body:after{content:"";position:fixed;pointer-events:none;filter:blur(90px);opacity:.9;z-index:-1}body:before{top:-7rem;left:-6rem;width:28rem;height:28rem;background:#1db95424}body:after{top:18%;right:-8rem;width:24rem;height:24rem;background:#2da8b81c}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{color:inherit}::selection{background:var(--accent-wash)}.skip-nav{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:99999;background:var(--accent);color:#fff;padding:.5rem 1rem;border-radius:0 0 8px;font-size:.9rem;text-decoration:none}.skip-nav:focus{position:fixed;left:0;top:0;width:auto;height:auto;overflow:visible}#setup-screen{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 62%,transparent);backdrop-filter:blur(30px) saturate(1.25);-webkit-backdrop-filter:blur(30px) saturate(1.25);z-index:9999;align-items:flex-start;justify-content:center;padding:1.35rem;overflow-y:auto}.setup-box{background:color-mix(in srgb,var(--surface-strong) 90%,transparent);border-radius:calc(var(--radius-lg) + 2px);padding:2rem 2.1rem 1.8rem;width:100%;max-width:1040px;box-shadow:var(--shadow-lg);border:1px solid var(--border);position:relative}.setup-box h2{font-family:var(--font-display);font-size:1.5rem;margin-bottom:.5rem}.setup-box p{font-size:.92rem;color:var(--muted);margin-bottom:1.6rem;line-height:1.7}.auth-hero{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.65rem}.auth-brand{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center}.auth-brand-mark{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#fffffff2,#ecf4eedb);border:1px solid var(--border);box-shadow:0 16px 34px #11271c14,inset 0 1px #ffffffbf}.auth-brand-mark img{width:58px;height:58px;object-fit:contain;display:block}.auth-brand-copy{min-width:0}.auth-eyebrow{display:inline-block;margin-bottom:.35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}.auth-brand-copy h2{font-family:var(--font-display);font-weight:700;font-size:2.35rem;letter-spacing:-.05em;line-height:.95;margin:0 0 .45rem}.auth-brand-copy h2 span{color:var(--accent)}.auth-brand-copy p{margin:0;max-width:42ch;font-size:.92rem;line-height:1.7}.auth-hero-note{display:flex;flex-direction:column;gap:.15rem;padding:.95rem 1rem;border-radius:calc(var(--radius-md) + 8px);background:color-mix(in srgb,var(--surface-soft) 82%,var(--surface-strong));border:1px solid var(--border);box-shadow:inset 0 1px #ffffffa6}.auth-hero-note strong{font-size:.86rem;letter-spacing:-.02em}.auth-hero-note span{color:var(--muted);font-size:.8rem;line-height:1.55}.setup-sections{display:flex;flex-direction:column;gap:.9rem;padding-bottom:1rem}.setup-section-card{background:color-mix(in srgb,var(--surface-strong) 84%,var(--surface-soft));border:1px solid var(--border);border-radius:calc(var(--radius-md) + 6px);padding:1rem 1rem .15rem;box-shadow:inset 0 1px #ffffff8c}.setup-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.9rem}.setup-section-head h3{font-family:var(--font-body);font-size:1rem;font-weight:800;letter-spacing:-.03em;margin:0}.setup-section-head p{margin:0;font-size:.78rem;line-height:1.5;color:var(--muted)}.setup-field{margin-bottom:1rem}.setup-field label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.4rem}.setup-field input{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:.8rem 1rem;font-family:var(--font-body);font-size:.95rem;background:color-mix(in srgb,var(--surface-strong) 82%,var(--surface-soft));color:var(--text);transition:border-color .15s,box-shadow .15s,transform .15s;box-shadow:inset 0 1px #ffffffa6}.setup-field input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:0 0 0 4px var(--accent-light),var(--shadow-sm);background:var(--surface-strong);transform:translateY(-1px)}.setup-hint{font-size:.78rem;color:var(--muted);margin-top:.3rem;line-height:1.5}.setup-hint a{color:var(--accent);text-decoration:none}.settings-inline-title{display:flex;align-items:center;gap:.45rem;margin-bottom:.7rem;font-size:.95rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.settings-inline-icon{font-size:1rem;line-height:1}.setup-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.setup-action-btn{width:100%;justify-content:center;display:inline-flex;align-items:center;gap:.38rem;font-size:.82rem;padding:.7rem .9rem}.setup-inline-action{display:flex;flex-direction:column;align-items:flex-start}.setup-inline-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:.35rem;padding:.56rem .82rem;font-size:.78rem;margin-top:.2rem}.supermarket-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.supermarket-option{display:flex;align-items:center;gap:.55rem;padding:.72rem .82rem;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-strong) 82%,var(--surface-soft));color:var(--text);font-size:.84rem;cursor:pointer;box-shadow:inset 0 1px #ffffff94}.supermarket-option input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.supermarket-option:has(input:checked){border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent-light) 50%,var(--surface-strong))}.provider-picker{display:flex;gap:.65rem;flex-direction:column}.provider-btn{background:color-mix(in srgb,var(--surface-strong) 86%,var(--surface-soft));border:1px solid var(--border);border-radius:calc(var(--radius-md) + 2px);padding:.85rem 1rem;cursor:pointer;text-align:left;font-family:var(--font-body);transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;display:flex;align-items:center;gap:.85rem;box-shadow:inset 0 1px #ffffff8c}.provider-btn:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.provider-btn.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent-light) 56%,var(--surface-strong))}body.dark .provider-btn.active{background:color-mix(in srgb,var(--accent-light) 50%,var(--surface-soft))}.provider-check{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.provider-btn.active .provider-check{background:var(--accent);border-color:var(--accent)}.provider-btn.active .provider-check:after{content:"✓";color:#fff;font-size:.65rem;font-weight:700}.provider-text{display:flex;flex-direction:column;gap:.1rem}.provider-name{font-size:.9rem;font-weight:500;color:var(--text)}.provider-sub{font-size:.72rem;color:var(--muted)}.provider-sub strong{color:var(--green)}.ai-provider-matrix-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:calc(var(--radius-md) + 6px);background:color-mix(in srgb,var(--surface-strong) 86%,var(--surface-soft));box-shadow:inset 0 1px #ffffff8c}.ai-provider-matrix{width:100%;border-collapse:collapse;min-width:760px}.ai-provider-matrix th,.ai-provider-matrix td{border-bottom:1px solid var(--border);padding:.58rem .65rem;text-align:left;vertical-align:middle}.ai-provider-matrix thead th{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:color-mix(in srgb,var(--surface-soft) 82%,var(--surface-strong));white-space:nowrap}.ai-provider-matrix tbody tr:last-child td{border-bottom:none}.ai-provider-row.is-default-provider,.ai-provider-row.is-advies-provider,.ai-provider-row.is-import-provider{background:color-mix(in srgb,var(--accent-light) 20%,var(--surface-strong))}.ai-provider-row.is-default-provider.is-advies-provider.is-import-provider{background:color-mix(in srgb,var(--accent-light) 42%,var(--surface-strong))}.ai-provider-name{font-size:.9rem;font-weight:800;letter-spacing:-.03em;color:var(--text)}.ai-provider-sub{font-size:.72rem;color:var(--muted)}.ai-provider-sub strong{color:var(--green)}.ai-provider-links{margin-top:.2rem;font-size:.7rem;line-height:1.35}.ai-provider-links a{color:var(--accent);text-decoration:none}.ai-provider-links a:hover{text-decoration:underline}.ai-provider-key-input{width:min(100%,170px);border:1px solid var(--border);border-radius:var(--radius-md);padding:.56rem .64rem;font-family:var(--font-body);font-size:.83rem;background:color-mix(in srgb,var(--surface-strong) 82%,var(--surface-soft));color:var(--text);box-shadow:inset 0 1px #ffffffa6}.ai-provider-key-input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:0 0 0 4px var(--accent-light);background:var(--surface-strong)}.ai-provider-test-btn{min-width:68px;justify-content:center;white-space:nowrap;padding:.48rem .68rem;font-size:.76rem}.ai-provider-choice-cell{text-align:center!important}.ai-provider-choice-cell input{width:15px;height:15px;margin:0;accent-color:var(--accent);cursor:pointer}.ai-provider-status{min-width:108px;margin-top:0;font-size:.72rem;line-height:1.35}.setup-hint.ok{color:var(--green)}.setup-hint.err{color:var(--danger)}.setup-save-btn{width:100%;margin-top:.35rem;background:linear-gradient(135deg,#20ba59,#179846);color:#fff;border:none;border-radius:999px;padding:.95rem;font-weight:700;font-size:.95rem;letter-spacing:.02em;transition:all .2s;box-shadow:0 18px 34px #1db9543d}.setup-save-btn:hover{background:linear-gradient(135deg,#24c45f,#189a48);transform:translateY(-1px)}.auth-action-row{display:flex;gap:.6rem;margin-top:1rem}.auth-login-btn,.auth-register-btn{flex:1 1 0;margin-top:0}.auth-register-btn{padding:.95rem 1rem;font-weight:700}.auth-register-btn[disabled]{opacity:.55;cursor:not-allowed}.auth-register-note{margin-top:.7rem;font-size:.8rem;color:var(--muted);text-align:center}.auth-link-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;margin-top:.8rem}.auth-link-btn{background:none;border:none;color:var(--muted);font-size:.8rem;cursor:pointer;padding:0;text-align:left}.auth-link-btn:hover{color:var(--text)}.auth-link-btn-primary{color:var(--accent);font-weight:700}.auth-local-mode{border-top:1px solid var(--border);margin-top:1.2rem;padding-top:1rem}.auth-local-link{color:var(--muted)}.setup-status{font-size:.8rem;text-align:center;margin-top:.8rem;min-height:1.2rem;color:var(--muted)}.setup-status.ok{color:var(--green)}.setup-status.err{color:var(--danger)}.setup-footer-actions{border-top:1px solid var(--border);margin-top:1rem;padding-top:.8rem;display:flex;gap:1rem;flex-wrap:wrap}.settings-layout{display:flex;gap:0;min-height:400px}.settings-sidebar{width:94px;flex-shrink:0;display:flex;flex-direction:column;gap:.18rem;padding:.1rem .6rem .1rem 0;border-right:1px solid var(--border);margin-right:1rem}.settings-nav-item{display:flex;flex-direction:column;align-items:center;gap:.28rem;padding:.65rem .3rem;border-radius:var(--radius-md);background:none;border:none;cursor:pointer;color:var(--muted);transition:background .15s,color .15s;font-family:var(--font-body);font-size:.69rem;font-weight:600;text-align:center;line-height:1.3;width:100%}.settings-nav-item:hover{background:color-mix(in srgb,var(--accent-light) 40%,transparent);color:var(--text)}.settings-nav-item.active{background:color-mix(in srgb,var(--accent-light) 65%,transparent);color:var(--accent)}.settings-nav-icon{font-size:1.3rem;line-height:1}.settings-content{flex:1;min-width:0;display:flex;flex-direction:column;overflow-y:auto;max-height:76vh}.settings-tab{display:none;flex:1}.settings-tab.active{display:block;padding-bottom:.5rem}.settings-tab-title{font-family:var(--font-body);font-size:1.1rem;font-weight:800;letter-spacing:-.03em;margin:0 0 .3rem}.settings-tab-sub{font-size:.76rem;color:var(--muted);margin:0 0 .8rem;line-height:1.45}.settings-info-card{padding:.95rem 1rem;border:1px solid var(--border);border-radius:calc(var(--radius-md) + 2px);background:color-mix(in srgb,var(--surface-strong) 88%,var(--surface-soft));margin-bottom:.8rem}.settings-info-card p{margin:0;font-size:.82rem;line-height:1.55;color:var(--text)}.settings-info-title{font-size:.78rem;font-weight:800;letter-spacing:.01em;color:var(--accent);margin-bottom:.35rem}.settings-info-card a{color:var(--accent);text-decoration:none}.settings-info-card a:hover{text-decoration:underline}.settings-support-link{display:inline-flex;align-items:center;justify-content:center;margin-top:.85rem;padding:.72rem .95rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--accent-light) 48%,var(--surface-strong));font-size:.82rem;font-weight:800}.settings-support-qr-wrap{margin-top:.85rem;display:flex;justify-content:center}.settings-support-qr{width:min(100%,240px);height:auto;display:block;border-radius:24px;padding:.7rem;background:color-mix(in srgb,var(--surface-strong) 90%,transparent);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.settings-save-area{margin-top:auto;padding-top:.9rem;border-top:1px solid var(--border)}@media(max-width:600px){#setup-screen{padding:.75rem;align-items:stretch}.setup-box{max-width:none;min-height:calc(100dvh - 1.5rem);border-radius:26px;padding:1.35rem 1.1rem 2rem}.auth-brand{grid-template-columns:1fr;align-items:flex-start}.auth-brand-mark{width:66px;height:66px;border-radius:20px}.auth-brand-mark img{width:50px;height:50px}.auth-brand-copy h2{font-size:2rem}.auth-action-row{flex-direction:column}.setup-action-grid,.supermarket-picker{grid-template-columns:1fr}.setup-save-btn{margin-top:.4rem}.settings-layout{flex-direction:column}.settings-sidebar{flex-direction:row;width:100%;padding:0 0 .65rem;border-right:none;border-bottom:1px solid var(--border);margin-right:0;margin-bottom:.85rem;overflow-x:auto;gap:.15rem;-webkit-overflow-scrolling:touch}.settings-nav-item{flex-direction:row;gap:.4rem;padding:.5rem .7rem;font-size:.7rem;white-space:nowrap;flex-shrink:0;width:auto}.settings-nav-icon{font-size:1rem}.settings-content{max-height:none;overflow-y:visible}.ai-provider-matrix{min-width:760px}}header{background:color-mix(in srgb,var(--surface-strong) 70%,transparent);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border-bottom:1px solid color-mix(in srgb,var(--border) 88%,white);padding:.9rem 1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 14px 38px #1019140f;gap:1rem}.header-left{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.brand-home-btn{background:none;border:0;padding:0;margin:0;color:inherit;font:inherit;text-align:center;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;gap:.45rem}.brand-home-btn:hover .brand-copy,.brand-home-btn:focus-visible .brand-copy{opacity:.92}.brand-home-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,white);outline-offset:6px;border-radius:18px}.brand-mark{display:flex;align-items:center;flex-shrink:0}.brand-mark img{border-radius:12px;box-shadow:0 10px 24px #1019141f}.brand-copy{transition:opacity .18s ease;display:flex;flex-direction:column;align-items:center}header h1{font-family:var(--font-body);font-size:1.24rem;font-weight:800;letter-spacing:-.05em;line-height:1.05}header .subtitle{font-size:.62rem;color:color-mix(in srgb,var(--accent) 78%,var(--muted));letter-spacing:.18em;text-transform:uppercase;font-weight:700;opacity:.86}.header-actions{display:flex;gap:.32rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.sync-indicator{font-size:.76rem;color:var(--muted);display:flex;align-items:center;gap:.35rem;padding:0 .72rem;height:38px;border-radius:999px;transition:background .2s,transform .15s,border-color .2s;background:color-mix(in srgb,var(--surface-strong) 78%,transparent);border:1px solid var(--border);cursor:pointer;font-family:var(--font-body);box-shadow:inset 0 1px #ffffffb3}.sync-indicator:hover{background:color-mix(in srgb,var(--surface-strong) 92%,var(--surface-soft));border-color:var(--border-strong);transform:translateY(-1px)}.sync-indicator:active{transform:translateY(0)}.sync-dot{width:7px;height:7px;border-radius:50%;background:var(--border);transition:background .3s}.sync-dot.syncing{background:#e8a020;animation:pulse 1s infinite}.sync-dot.synced{background:var(--green)}.sync-dot.offline{background:var(--muted)}.sync-dot.error{background:var(--danger)}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.icon-btn{background:color-mix(in srgb,var(--surface-strong) 78%,transparent);border:1px solid var(--border);padding:.48rem;border-radius:999px;cursor:pointer;font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:.3rem;transition:all .2s ease;box-shadow:inset 0 1px #ffffffb3;min-width:38px;min-height:38px;justify-content:center}.icon-btn:hover{background:color-mix(in srgb,var(--surface-strong) 94%,var(--surface-soft));color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.help-doc-btn{text-decoration:none;line-height:1}.help-doc-btn svg{width:16px;height:16px}#account-btn{padding:0 .78rem;min-width:0;font-size:.76rem;font-weight:700;min-height:38px}.icon-btn-beta{position:relative}.icon-btn-beta:after{content:"BETA";position:absolute;top:-.35rem;right:-.7rem;font-size:.5rem;font-weight:700;letter-spacing:.08em;color:#a06010;background:#fff3e0;border:1px solid #e8a020;border-radius:999px;padding:.06rem .22rem;line-height:1}body.dark .icon-btn-beta:after{color:#e6c27a;background:#3b2b11;border-color:#8a6020}.layout{max-width:1280px;margin:0 auto;padding:2.2rem 1.5rem 4rem;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(320px,.78fr);gap:2rem;align-items:start}.main-col,.sidebar,.data-col,.advies-col,.smart-import-col{min-width:0}@media(max-width:980px){.layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:780px){.layout{grid-template-columns:1fr;padding:1rem 1rem 4.8rem;gap:1rem}header{padding:calc(.95rem + var(--safe-top)) 1rem .95rem;align-items:flex-start}.header-actions{flex:1}}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#10141257;-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);z-index:100;align-items:center;justify-content:center;padding:1rem}.modal-overlay.open{display:flex}#data-mgmt-modal.open,#manual-day-modal.open,#manual-tdee-modal.open{z-index:10001}.modal{background:color-mix(in srgb,var(--surface-strong) 90%,transparent);border-radius:calc(var(--radius-lg) + 2px);padding:2.1rem;width:100%;max-width:460px;box-shadow:var(--shadow-lg);max-height:90vh;max-height:90dvh;overflow-y:auto;overflow-x:hidden;border:1px solid var(--border);animation:modalIn .2s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h3{font-family:var(--font-display);font-size:1.32rem;margin-bottom:1.25rem;letter-spacing:-.03em}.goal-field{margin-bottom:.85rem}.goal-field label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.35rem}.goal-field input{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:.72rem .9rem;font-size:.92rem;font-family:var(--font-body);background:color-mix(in srgb,var(--surface-strong) 84%,var(--surface-soft));color:var(--text);transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffffb3}.goal-field input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 0 0 4px var(--accent-light)}.goal-unit{font-size:.72rem;color:var(--muted);margin-top:.2rem}.goal-field-compact{margin-bottom:.62rem}.goal-field-compact label{font-size:.68rem;margin-bottom:.22rem;letter-spacing:.07em}.goal-field-compact input{padding:.58rem .76rem;font-size:.84rem;border-radius:12px}.goal-field-compact .goal-unit{font-size:.66rem;margin-top:.14rem}#modal-overlay{align-items:flex-start;padding-top:calc(env(safe-area-inset-top,0px) + 1.2rem);padding-bottom:1rem}.modal-btns{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.modal-btns>*{min-width:0}.btn-primary{flex:1;background:linear-gradient(135deg,#21be5c,#189846);color:#fff;border:none;border-radius:999px;padding:.78rem 1rem;font-family:var(--font-body);font-size:.9rem;font-weight:700;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 16px 28px #1db95438}.btn-primary:hover{background:linear-gradient(135deg,#25c761,#199d49);transform:translateY(-1px)}.btn-secondary{flex:1;background:color-mix(in srgb,var(--surface-strong) 82%,var(--surface-soft));color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.78rem 1rem;font-family:var(--font-body);font-size:.9rem;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,transform .15s;box-shadow:inset 0 1px #ffffffb8}.btn-secondary:hover{border-color:var(--border-strong);background:var(--surface-strong);transform:translateY(-1px)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:100%;text-align:center;white-space:normal;overflow-wrap:anywhere}.advies-content h4{font-family:var(--font-display);font-size:1rem;color:var(--accent);margin:1rem 0 .4rem}.advies-content h4:first-child{margin-top:0}.advies-content p{margin-bottom:.5rem}.advies-content ul{padding-left:1.2rem}.advies-content li{margin-bottom:.3rem}.advies-loading{text-align:center;padding:2rem;color:var(--muted);font-style:italic}.advies-loading .spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.advies-macro-bar{display:flex;gap:.5rem;margin-bottom:1rem;padding:.95rem 1rem;background:color-mix(in srgb,var(--surface-soft) 84%,var(--surface-strong));border-radius:calc(var(--radius-md) + 2px);border:1px solid var(--border);font-size:.8rem;flex-wrap:wrap}.advies-macro-item{display:flex;flex-direction:column;align-items:center;min-width:55px}.advies-macro-val{font-size:1.05rem;font-weight:500}.advies-macro-lbl{color:var(--muted);font-size:.65rem}#week-modal .modal{max-width:520px}.week-bar-row{display:grid;grid-template-columns:75px 1fr 65px;align-items:center;gap:.6rem;margin-bottom:.65rem;font-size:.82rem}.week-bar-day{color:var(--muted);font-size:.75rem}.week-bar-track{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.week-bar-fill{height:100%;border-radius:4px;background:var(--accent);transition:width .5s ease}.week-bar-fill.over{background:var(--danger)}.week-bar-val{color:var(--muted);font-size:.75rem;text-align:right}.week-avg{text-align:center;padding:.95rem;background:color-mix(in srgb,var(--surface-soft) 84%,var(--surface-strong));border-radius:calc(var(--radius-md) + 2px);font-size:.85rem;color:var(--muted);margin-top:1rem;border:1px solid var(--border)}.week-avg strong{color:var(--accent);font-size:1.1rem}#fav-modal .modal{max-width:480px}.fav-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;max-height:50vh;overflow-y:auto}.fav-item{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background:color-mix(in srgb,var(--surface-strong) 85%,var(--surface-soft));border-radius:calc(var(--radius-md) + 2px);border:1px solid var(--border);gap:.5rem;cursor:pointer;transition:border-color .15s,transform .15s,background .15s}.fav-item:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));transform:translateY(-1px);background:var(--surface-strong)}.fav-item-name{font-size:.88rem;font-weight:500}.fav-item-sub{font-size:.72rem;color:var(--muted);margin-top:.1rem}.fav-item-del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.85rem;padding:.2rem .4rem;border-radius:4px;flex-shrink:0}.fav-item-del:hover{color:var(--danger)}.save-recipe-entry{margin-top:.6rem}.save-recipe-btn{display:block;width:100%;margin-top:.6rem;padding:.68rem;background:transparent;border:1px dashed var(--border-strong);border-radius:calc(var(--radius-md) + 2px);font-size:.78rem;color:var(--muted);cursor:pointer;transition:all .15s;font-family:var(--font-body)}.save-recipe-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--surface-soft)}.save-recipe-entry .save-recipe-btn{margin-top:0}.save-recipe-help-link{display:inline-block;margin-top:.38rem;font-size:.74rem;color:var(--accent);text-decoration:none;font-weight:600}.save-recipe-help-link:hover{text-decoration:underline}.save-recipe-btn.primary{border-style:solid;border-color:transparent;background:linear-gradient(135deg,#21be5c,#189846);color:#fff;box-shadow:0 14px 24px #1db9542e}.save-recipe-btn.primary:hover{color:#fff;background:linear-gradient(135deg,#25c761,#199d49)}.save-recipe-btn.cancel{border-style:solid}.save-recipe-btn:disabled,.save-recipe-btn:disabled:hover{cursor:not-allowed;opacity:.55;color:var(--muted);background:color-mix(in srgb,var(--surface-strong) 88%,var(--surface-soft));border-color:var(--border);box-shadow:none}.save-recipe-actions{margin-top:.7rem;padding:.8rem;border:1px solid var(--border);border-radius:calc(var(--radius-md) + 4px);background:color-mix(in srgb,var(--surface-strong) 92%,var(--surface-soft))}.save-recipe-meta{font-size:.76rem;color:var(--muted);margin-bottom:.55rem;font-weight:700}.save-recipe-action-row{display:flex;gap:.5rem;align-items:stretch}.save-recipe-action-row .save-recipe-btn{margin-top:0}.recipe-group{border:1.5px solid var(--border);border-radius:10px;margin:.4rem 0;overflow:hidden}.recipe-group-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.recipe-group-header:hover{background:var(--surface)}.recipe-group-name{font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.4rem}.recipe-group-toggle{font-size:.7rem;color:var(--muted);transition:transform .15s}.recipe-group.collapsed .recipe-group-toggle{transform:rotate(-90deg)}.recipe-group-items{padding:0 .5rem .3rem}.recipe-group.collapsed .recipe-group-items{display:none}.recipe-group .meal-item{padding:.35rem .25rem}.recipe-group .item-name{font-size:.82rem}.recipe-group .item-macros{font-size:.68rem}.fav-recipe-badge{display:inline-block;background:var(--accent-light);color:var(--accent);font-size:.65rem;padding:.1rem .4rem;border-radius:4px;margin-left:.4rem;font-weight:500;vertical-align:middle}.fav-subitems{padding:.4rem .6rem .5rem 1.2rem;font-size:.75rem;color:var(--muted);border-top:1px solid var(--border);margin-top:.35rem}.fav-subitem{display:flex;justify-content:space-between;padding:.15rem 0}.fav-subitem-macros{color:var(--tertiary);font-size:.7rem}.fav-expand-btn{background:none;border:none;font-size:.72rem;color:var(--accent);cursor:pointer;padding:0;margin-top:.2rem}.fav-item-edit{background:none;border:none;cursor:pointer;font-size:.8rem;padding:.15rem .2rem;opacity:.5;transition:opacity .15s}.fav-item-edit:hover{opacity:1}.fav-empty{text-align:center;padding:2rem;color:var(--muted);font-size:.85rem;font-style:italic}.editfav-subitem{padding:.2rem 0}.editfav-si-search{position:relative;flex:1;min-width:0}.editfav-si-dropdown{display:none;position:absolute;top:calc(100% + .28rem);left:0;right:0;z-index:4;background:var(--surface-strong);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-md);overflow:hidden}.editfav-si-dropdown.open{display:block}.editfav-si-option{width:100%;border:0;background:transparent;padding:.65rem .8rem;display:flex;align-items:center;justify-content:space-between;gap:.65rem;text-align:left;cursor:pointer;font-family:var(--font-body)}.editfav-si-option+.editfav-si-option{border-top:1px solid var(--border-subtle)}.editfav-si-option:hover{background:color-mix(in srgb,var(--surface-soft) 84%,var(--surface-strong))}.editfav-si-option-main{min-width:0;display:flex;flex-direction:column;gap:.12rem}.editfav-si-option-name{font-size:.82rem;color:var(--text)}.editfav-si-option-name mark{background:var(--accent-light);color:var(--text);padding:0 .12rem;border-radius:4px}.editfav-si-option-group{font-size:.68rem;color:var(--tertiary)}.editfav-si-option-macros{font-size:.7rem;color:var(--muted);white-space:nowrap}.editfav-si-empty{padding:.7rem .8rem;font-size:.74rem;color:var(--muted)}#custom-product-modal .modal{max-width:440px}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.custom-field{margin-bottom:.7rem}.custom-field.full{grid-column:1 / -1}.custom-field label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.3rem}.custom-field input{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:.72rem .82rem;font-size:.9rem;background:color-mix(in srgb,var(--surface-strong) 84%,var(--surface-soft));color:var(--text);transition:border-color .2s,box-shadow .2s}.custom-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.custom-field .field-hint{font-size:.68rem;color:var(--tertiary);margin-top:.2rem}.custom-paste-area{width:100%;min-height:70px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:.7rem .82rem;font-size:.82rem;font-family:var(--font-body);background:color-mix(in srgb,var(--surface-strong) 82%,var(--surface-soft));color:var(--text);resize:vertical;transition:border-color .2s}.custom-paste-area:focus{outline:none;border-color:var(--accent);border-style:solid}.custom-paste-area::placeholder{color:var(--muted);font-size:.78rem}.custom-import-row{display:flex;gap:.4rem;margin-top:.5rem;flex-wrap:wrap}.custom-import-row .btn-secondary{flex:none;padding:.4rem .7rem;font-size:.78rem;display:flex;align-items:center;gap:.3rem}.custom-model-select{border:1px solid var(--border);border-radius:999px;padding:.42rem .7rem;font-family:var(--font-body);font-size:.72rem;background:color-mix(in srgb,var(--surface-strong) 82%,var(--surface-soft));color:var(--muted);cursor:pointer;flex:none}.custom-model-select:focus{outline:none;border-color:var(--accent)}.custom-photo-preview{margin-top:.5rem;max-height:120px;border-radius:var(--radius-sm);display:none}.custom-save-options{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.3rem 1rem;align-items:center}.custom-save-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);width:100%;margin-bottom:.1rem}.custom-save-check{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.custom-save-check .save-hint{color:var(--muted);font-size:.72rem}.custom-save-check input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.custom-count{font-size:.75rem;color:var(--tertiary);margin-top:.5rem}.custom-suggestion-card{margin-top:.55rem;border:1px solid var(--border);border-radius:calc(var(--radius-md) + 2px);background:color-mix(in srgb,var(--surface-strong) 88%,var(--surface-soft));padding:.85rem;display:flex;flex-direction:column;gap:.7rem;box-shadow:var(--shadow-sm)}.custom-suggestion-head{display:flex;justify-content:space-between;gap:.6rem;align-items:flex-start}.custom-suggestion-title{font-size:.92rem;font-weight:700;line-height:1.2}.custom-suggestion-meta{font-size:.72rem;color:var(--muted);margin-top:.1rem}.custom-confidence{font-size:.68rem;font-weight:700;border-radius:999px;padding:.15rem .5rem;border:1px solid var(--border);white-space:nowrap}.custom-confidence.high{color:#0f7a3d;border-color:#0f7a3d33;background:#0f7a3d14}.custom-confidence.medium{color:#8a6a00;border-color:#8a6a0033;background:#8a6a0014}.custom-confidence.low{color:#8a2134;border-color:#8a213433;background:#8a213414}.custom-suggestion-portion{font-size:.8rem;color:var(--text)}.custom-size-quick{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.45rem}.custom-size-quick .btn-secondary{padding:.2rem .5rem;font-size:.72rem}.custom-suggestion-macros{display:flex;flex-wrap:wrap;gap:.35rem}.custom-suggestion-macros span{font-size:.72rem;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;padding:.22rem .48rem}.custom-assumptions-wrap summary{cursor:pointer;font-size:.76rem;font-weight:600;color:var(--muted)}.custom-assumptions-edit{width:100%;margin-top:.4rem;border:1.5px solid var(--border);border-radius:8px;padding:.45rem .55rem;font-family:var(--font-body);font-size:.78rem;background:var(--bg);color:var(--text)}.custom-assumptions-edit:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.custom-suggestion-actions{display:flex;gap:.45rem;flex-wrap:wrap}.custom-suggestion-actions .btn-secondary,.custom-suggestion-actions .btn-primary{padding:.35rem .65rem;font-size:.75rem}#match-modal .modal{max-width:560px}#match-modal .modal-btns{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.35fr);gap:.55rem;align-items:stretch}#match-modal .modal-btns .btn-primary,#match-modal .modal-btns .btn-secondary{display:flex;align-items:center;justify-content:center;min-height:0;height:100%;padding:.56rem .78rem;font-size:.76rem;line-height:1.18;text-align:center}.match-intro{font-size:.82rem;color:var(--muted);margin-bottom:1rem;line-height:1.5}.match-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem;max-height:55vh;overflow-y:auto}.match-item{background:color-mix(in srgb,var(--surface-strong) 86%,var(--surface-soft));border:1px solid var(--border);border-radius:calc(var(--radius-md) + 2px);padding:.8rem;transition:border-color .15s}.match-item.matched{border-color:var(--green)}.match-item.unmatched{border-color:var(--accent)}.match-item-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.match-item-query{font-weight:600;font-size:.9rem}.match-item-query,.match-item-details strong{overflow-wrap:anywhere}.match-item-status{font-size:.68rem;padding:.15rem .5rem;border-radius:10px;font-weight:600;flex-shrink:0}.match-item.matched .match-item-status{background:var(--green);color:#fff}.match-item.unmatched .match-item-status{background:var(--accent);color:#fff}.match-item-details{font-size:.78rem;color:var(--muted);margin-bottom:.4rem}.match-item-details strong{color:var(--text)}.match-db-select{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:.6rem .72rem;font-size:.82rem;background:var(--surface-strong);color:var(--text);font-family:var(--font-body)}.match-db-select:focus{outline:none;border-color:var(--accent)}.match-portie-row{display:flex;align-items:center;gap:.5rem;margin-top:.45rem;font-size:.82rem;flex-wrap:wrap}.match-portie-input{width:72px;border:1px solid var(--border);border-radius:12px;padding:.42rem .5rem;font-size:.82rem;text-align:center;background:var(--surface-strong);color:var(--text)}.match-portie-input:focus{outline:none;border-color:var(--accent)}.match-item-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.match-manual-btn{display:inline-flex;align-items:center;justify-content:center;min-height:30px;background:none;border:1px dashed var(--border);border-radius:999px;padding:.16rem .56rem;font-size:.69rem;line-height:1.2;color:var(--accent);cursor:pointer;transition:all .15s;white-space:nowrap}.match-manual-btn:hover{border-color:var(--accent);background:var(--accent-light)}.beta-bug-btn{border:1px dashed var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-strong) 88%,var(--surface-soft));color:var(--danger);cursor:pointer;font-size:.72rem;line-height:1;padding:.14rem .34rem;margin-left:.2rem;vertical-align:middle}.beta-bug-btn:hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--surface-strong))}.bug-report-dialog{max-width:460px}.bug-report-context{font-size:.74rem;color:var(--muted);background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;padding:.5rem .65rem;margin-bottom:.7rem}.bug-report-textarea{width:100%;min-height:110px;border:1px solid var(--border);border-radius:12px;background:var(--surface-strong);color:var(--text);font-family:var(--font-body);font-size:.84rem;padding:.62rem .7rem;resize:vertical}.bug-report-textarea:focus,.bug-report-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.bug-report-select{width:100%;border:1px solid var(--border);border-radius:12px;padding:.58rem .7rem;background:var(--surface-strong);color:var(--text);font-family:var(--font-body);font-size:.82rem}.match-manual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.5rem}.match-manual-grid input{width:100%;border:1px solid var(--border);border-radius:12px;padding:.45rem .55rem;font-size:.78rem;background:var(--surface-strong);color:var(--text)}.match-manual-grid input:focus{outline:none;border-color:var(--accent)}.match-manual-grid label{font-size:.62rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:.05em}@media(max-width:640px){.modal-btns{gap:.55rem}.modal-btns .btn-primary,.modal-btns .btn-secondary{padding:.62rem .78rem;font-size:.8rem;min-height:40px}.edit-modal-actions .btn-primary,.edit-modal-actions .btn-secondary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#match-modal .modal{padding:1.25rem}#match-modal .modal-btns{grid-template-columns:1fr 1fr}#match-add-and-save-btn{grid-column:1 / -1}.match-item-header{align-items:flex-start;flex-wrap:wrap}.match-db-select{font-size:.78rem}.match-portie-row{gap:.42rem}.match-item-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.match-manual-btn{width:100%;min-height:32px;padding:.24rem .55rem;white-space:normal}}@media(max-width:430px){.modal-overlay{padding:.7rem;align-items:flex-end}#modal-overlay{align-items:flex-start;padding-top:calc(env(safe-area-inset-top,0px) + .8rem)}.modal{padding:1.1rem 1rem 1rem;border-radius:24px;max-height:min(88dvh,720px)}.modal h3{font-size:1.12rem;margin-bottom:.95rem}.modal-btns{flex-direction:column;gap:.5rem;margin-top:1rem}.btn-primary,.btn-secondary{width:100%;padding:.58rem .76rem;font-size:.78rem}#match-modal .modal{max-width:none;padding:1rem .95rem}#match-modal .modal-btns{grid-template-columns:1fr}#match-modal .modal-btns .btn-primary,#match-modal .modal-btns .btn-secondary{min-height:38px;padding:.5rem .72rem;font-size:.74rem;line-height:1.15}.match-item{padding:.72rem}.match-portie-row{gap:.35rem}.match-portie-input{width:66px}.match-item-actions{grid-template-columns:1fr}}#import-modal .modal{max-width:440px}.import-field{margin-bottom:1rem}.import-field label{display:block;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.4rem}.import-file-label{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.2rem;border:1px dashed var(--border-strong);border-radius:calc(var(--radius-md) + 2px);cursor:pointer;font-size:.85rem;color:var(--muted);transition:border-color .15s,background .15s;background:color-mix(in srgb,var(--surface-strong) 78%,var(--surface-soft))}.import-file-label:hover{border-color:var(--accent);background:#e9770e0a}.import-file-label.has-file{border-color:var(--green);background:#50b0600f;color:var(--text)}.import-file-input{display:none}.import-date-input{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:.7rem .8rem;font-size:.88rem;font-family:var(--font-body);background:color-mix(in srgb,var(--surface-strong) 84%,var(--surface-soft));color:var(--text);transition:border-color .15s}.import-date-input:focus{outline:none;border-color:var(--accent)}.import-hint{font-size:.72rem;color:var(--tertiary);margin-top:.3rem}.import-doc-link-wrap{margin:-.35rem 0 1rem}.import-doc-link{font-size:.78rem;color:var(--accent);text-decoration:none;font-weight:600}.import-doc-link:hover{text-decoration:underline}#import-progress{margin-top:1rem;display:none}#import-progress.active{display:block}.import-progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.import-progress-fill{height:100%;background:var(--accent);border-radius:3px;width:0%;transition:width .3s}.import-status-text{font-size:.8rem;color:var(--muted)}.import-status-text.done{color:var(--green);font-weight:500}.import-status-text.error{color:var(--danger)}#edit-modal .modal{max-width:420px}.edit-modal-card{display:flex;flex-direction:column;max-height:min(88vh,760px);max-height:min(88dvh,760px);overflow:hidden}.edit-modal-body{flex:1;min-height:0;overflow-y:auto;padding-right:.2rem;padding-bottom:1rem}.edit-field{margin-bottom:.8rem}.edit-field label{display:block;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.3rem}.edit-field input{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:.7rem .8rem;font-size:.9rem;font-family:var(--font-body);background:color-mix(in srgb,var(--surface-strong) 84%,var(--surface-soft));color:var(--text);transition:border-color .15s}.edit-field input:focus{outline:none;border-color:var(--accent)}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.edit-item-name{font-family:var(--font-display);font-size:1rem;margin-bottom:1rem;color:var(--accent);font-style:italic}.edit-move-field{margin-top:.5rem;border-top:1px solid var(--border);padding-top:.8rem}.edit-select{flex:1;border:1px solid var(--border);border-radius:var(--radius-md);padding:.7rem .8rem;font-size:.9rem;font-family:var(--font-body);background:color-mix(in srgb,var(--surface-strong) 84%,var(--surface-soft));color:var(--text);transition:border-color .15s}.edit-select:focus{outline:none;border-color:var(--accent)}.edit-modal-actions{position:sticky;bottom:0;margin-top:0;margin-left:-2.1rem;margin-right:-2.1rem;padding:.85rem 2.1rem .1rem;background:color-mix(in srgb,var(--surface-soft) 82%,var(--surface-strong));border-top:1px solid var(--border-subtle);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;z-index:2}.edit-modal-actions .btn-primary,.edit-modal-actions .btn-secondary{min-height:42px;padding:.64rem .8rem;font-size:.8rem}#edit-fav-btn{flex:.72!important}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:22px;cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;bottom:3px;background:var(--surface);border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.day-nav{display:flex;align-items:center;gap:.55rem;margin-bottom:1.45rem;padding:.45rem;background:color-mix(in srgb,var(--surface-strong) 72%,transparent);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-sm)}.day-nav button{background:color-mix(in srgb,var(--surface-strong) 92%,transparent);border:1px solid var(--border);border-radius:999px;width:42px;height:42px;cursor:pointer;color:var(--muted);font-size:1.12rem;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:inset 0 1px #ffffffb8}.day-nav button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent);background:var(--surface-strong);transform:translateY(-1px)}#today-btn{width:auto;min-width:92px;padding:0 1rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}#copy-day-btn{width:42px;min-width:42px;padding:0;font-size:.78rem;font-weight:700}#copy-day-btn svg{width:18px;height:18px;display:block}#day-label{font-family:var(--font-display);font-size:1.42rem;line-height:1;letter-spacing:-.04em;flex:1;text-align:center}.input-area{position:relative;overflow:visible;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 92%,transparent),color-mix(in srgb,var(--surface-soft) 78%,var(--surface-strong)));border-radius:calc(var(--radius-lg) + 2px);border:1px solid var(--border);padding:1.45rem;margin-bottom:1.55rem;box-shadow:var(--shadow-md)}.input-area:before{content:"";position:absolute;inset:-2rem auto auto -3rem;width:14rem;height:14rem;background:radial-gradient(circle,rgba(29,185,84,.12),transparent 72%);pointer-events:none}.meal-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:.42rem;width:100%;margin-bottom:1rem;padding:.42rem;background:color-mix(in srgb,var(--surface-strong) 76%,var(--surface-soft));border:1px solid var(--border);border-radius:30px;box-shadow:inset 0 1px #ffffffbf}.meal-btn{width:100%;min-height:44px;padding:.52rem .95rem;border-radius:999px;border:1px solid transparent;background:transparent;font-family:var(--font-body);font-size:.79rem;cursor:pointer;color:var(--muted);transition:all .15s;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;justify-content:flex-start;text-align:left}.meal-btn.active{background:linear-gradient(135deg,#22c15d,#179846);border-color:transparent;color:#fff;box-shadow:0 10px 20px #1db9543d}.meal-btn.drink-btn.active{background:linear-gradient(135deg,#2ba8d4,#1e8fb2);box-shadow:0 10px 20px #2097a838}.meal-btn:hover:not(.active){border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--text);background:color-mix(in srgb,var(--surface-strong) 94%,var(--surface-soft))}.meal-btn.drink-btn:hover:not(.active){border-color:color-mix(in srgb,var(--water) 35%,var(--border));color:var(--water)}.input-row{display:flex;flex-direction:column;gap:.65rem}textarea#food-input{width:100%;padding:.85rem 0;border:none;background:transparent;font-size:1.03rem;font-family:var(--font-body);color:var(--text);outline:none;resize:none;letter-spacing:-.01em;line-height:1.45}textarea#food-input:focus{border:none;box-shadow:none}textarea#food-input::placeholder{color:var(--tertiary)}.search-bar{display:flex;align-items:center;gap:.7rem;padding:.48rem .55rem .48rem 1.2rem;border:1px solid var(--border);border-radius:28px;background:color-mix(in srgb,var(--surface-strong) 96%,transparent);transition:border-color .2s,box-shadow .2s,transform .15s;box-shadow:inset 0 1px #ffffffb8,0 14px 34px #1019140f}.search-bar:focus-within{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 0 0 4px var(--accent-light),0 18px 38px #1db9541a;transform:translateY(-1px)}.search-bar-btn{flex-shrink:0;background:linear-gradient(135deg,#21bd5b,#189746);color:#fff;border:none;border-radius:999px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 16px 30px #1db95447}.search-bar-btn:hover{background:var(--accent-hover);box-shadow:0 20px 34px #1db9544d}.search-bar-btn:active{transform:scale(.95)}.search-bar-btn:disabled{background:var(--border);color:var(--muted);cursor:not-allowed}.send-row{display:flex;gap:.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.send-btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:.55rem 1.4rem;font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,transform .1s}.send-btn:hover{background:var(--accent-hover)}.send-btn:active{transform:scale(.97)}.send-btn:disabled{background:var(--border);color:var(--muted);cursor:not-allowed;transform:none}.input-actions{display:flex;align-items:center;justify-content:space-between;margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:.55rem}.fav-save-btn{background:color-mix(in srgb,var(--surface-strong) 80%,transparent);border:1px solid var(--border);border-radius:999px;font-size:.76rem;font-weight:700;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:.35rem;padding:.48rem .78rem;box-shadow:inset 0 1px #ffffffb3}.fav-save-btn:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:var(--surface-strong)}.quick-favs{display:flex;flex-direction:column;gap:.65rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);min-height:0}.quick-favs-top,.quick-favs-more-list{display:flex;flex-wrap:wrap;gap:.45rem}.quick-fav-chip{padding:.42rem .82rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 90%,var(--surface-soft));font-family:var(--font-body);font-size:.76rem;cursor:pointer;color:var(--text);transition:all .15s;white-space:nowrap;max-width:170px;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 1px #ffffffbf}.quick-fav-chip:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--accent);background:var(--surface-strong);transform:translateY(-1px)}.quick-favs-empty{font-size:.75rem;color:var(--muted);font-style:italic}.quick-favs-more{border-top:1px dashed var(--border-subtle);padding-top:.65rem}.quick-favs-more summary{list-style:none;cursor:pointer;color:var(--muted);font-size:.76rem;font-weight:700;-webkit-user-select:none;user-select:none}.quick-favs-more summary::-webkit-details-marker{display:none}.quick-favs-more summary:hover{color:var(--text)}.quick-favs-more[open] summary{margin-bottom:.55rem}.meal-fold-controls{display:flex;justify-content:flex-end;margin:-.35rem 0 .85rem}.meal-fold-btn{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 92%,var(--surface-soft));color:var(--muted);border-radius:999px;padding:.45rem .85rem;font-size:.76rem;font-weight:700;cursor:pointer;box-shadow:inset 0 1px #ffffffb8;transition:all .15s}.meal-fold-btn:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));transform:translateY(-1px)}.meal-section{background:color-mix(in srgb,var(--surface-strong) 86%,transparent);border-radius:calc(var(--radius-lg) - 2px);border:1px solid var(--border-subtle);margin-bottom:1rem;overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s,transform .2s}.meal-section:hover{box-shadow:var(--shadow-md);border-color:var(--border);transform:translateY(-1px)}.meal-header{display:flex;align-items:center;justify-content:space-between;padding:1.05rem 1.2rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.meal-header:hover{background:color-mix(in srgb,var(--surface-soft) 74%,var(--surface-strong))}.meal-header-left{display:flex;align-items:center;gap:.6rem}.meal-title{font-weight:700;font-size:.98rem;letter-spacing:-.02em}.meal-cals{font-size:.76rem;color:var(--muted);padding:.22rem .55rem;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border-subtle)}.meal-collapse-icon{font-size:.75rem;color:var(--muted);transition:transform .2s}.meal-section.collapsed .meal-collapse-icon{transform:rotate(-90deg)}.meal-items{padding:0 .9rem .6rem}.meal-section.collapsed .meal-items{display:none}.empty-meal{font-size:.82rem;color:var(--muted);font-style:italic;padding:.45rem 0 .25rem}.meal-item{display:flex;align-items:center;justify-content:space-between;padding:.45rem 0;border-top:1px solid var(--border-subtle);gap:.5rem}.meal-item:first-child{border-top:none}.meal-item.recipe-select-mode{padding-left:.35rem;padding-right:.35rem;border-radius:var(--radius-md)}.meal-item.selected-for-recipe{background:color-mix(in srgb,var(--accent-light) 70%,transparent)}.item-name{font-size:.85rem;font-weight:700;margin-bottom:.15rem;letter-spacing:-.02em}.item-macros{display:flex;flex-wrap:wrap;gap:.3rem}.macro{font-size:.68rem;color:var(--muted);display:flex;align-items:center;gap:.2rem;background:var(--surface-soft);padding:.15rem .4rem;border-radius:999px;border:1px solid var(--border-subtle)}.macro-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.macro-sub{color:var(--fiber);font-size:.78em}.dot-c{background:var(--blue)}.dot-v{background:var(--danger)}.dot-e{background:var(--green)}.dot-w{background:var(--water)}.item-cals{font-size:.73rem;font-weight:800;white-space:nowrap;padding:.3rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--surface-strong) 92%,var(--surface-soft));border:1px solid var(--border)}.item-fav,.item-edit,.item-delete{background:color-mix(in srgb,var(--surface-strong) 88%,transparent);border:1px solid var(--border-subtle);color:var(--muted);cursor:pointer;font-size:.72rem;width:27px;height:27px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;opacity:1;transition:all .15s;box-shadow:inset 0 1px #ffffffa6}.item-fav:hover,.item-edit:hover{color:var(--text);border-color:var(--border);background:var(--surface-strong);transform:translateY(-1px)}.item-delete:hover{color:var(--danger);border-color:#d4404040;background:#d4404014;transform:translateY(-1px)}.meal-item-check{display:inline-flex;align-items:center;gap:.38rem;margin-left:.25rem;padding:.32rem .55rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 90%,var(--surface-soft));font-size:.72rem;font-weight:700;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.meal-item-check input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.recipe-group{border:1px solid var(--border);border-radius:calc(var(--radius-md) + 2px);margin:.4rem 0;overflow:hidden;background:color-mix(in srgb,var(--surface-strong) 84%,var(--surface-soft))}.recipe-group-header{padding:.75rem .85rem;background:transparent}.recipe-group-header:hover{background:color-mix(in srgb,var(--surface-strong) 90%,var(--surface-soft))}.recipe-group-info{font-size:.72rem;color:var(--muted)}.over-val{color:var(--danger)}.status-msg{font-size:.8rem;color:var(--muted)}.status-msg.error{color:var(--danger)}.sidebar{display:flex;flex-direction:column;gap:1.2rem}@media(min-width:981px){.sidebar{position:sticky;top:6rem}}.summary-card,.history-card,.viz-card{background:color-mix(in srgb,var(--surface-strong) 84%,transparent);border-radius:calc(var(--radius-lg) - 2px);border:1px solid var(--border);padding:1.45rem;box-shadow:var(--shadow-md);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.summary-card h3,.history-card h3,.viz-card h3{font-family:var(--font-display);font-size:1.12rem;margin-bottom:1rem;line-height:1.05;letter-spacing:-.03em}.summary-card-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1rem}.summary-card-header h3{margin-bottom:0}.summary-card-action{border:none;background:transparent;color:var(--tertiary);padding:.15rem;cursor:pointer;transition:color .15s,opacity .15s,transform .15s;opacity:.78;display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.summary-card-action:hover{color:var(--text);opacity:1;transform:rotate(12deg)}.cal-ring-wrap{display:flex;align-items:center;gap:1.2rem;padding:1.4rem;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 90%,transparent),color-mix(in srgb,var(--surface-soft) 84%,var(--surface-strong)));border-radius:calc(var(--radius-lg) - 4px);border:1px solid var(--border-subtle);margin-bottom:1rem;box-shadow:inset 0 1px #ffffffad}.cal-ring{position:relative;flex-shrink:0;width:118px;height:118px}.cal-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--border);stroke-width:8}.ring-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .6s ease,stroke .4s}.ring-fill.green{stroke:var(--green)}.ring-fill.orange{stroke:var(--accent)}.ring-fill.warning{stroke:var(--warning)}.ring-fill.warning-strong{stroke:var(--warning-strong)}.ring-fill.red{stroke:var(--danger)}.cal-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.cal-ring-number{font-size:1.55rem;font-weight:700;line-height:1;letter-spacing:-.05em}.cal-ring-number.over{color:var(--danger)}.cal-ring-label{font-size:.62rem;color:var(--muted);text-align:center;line-height:1.3;margin-top:.2rem;letter-spacing:.08em;text-transform:uppercase}.cal-ring-info{flex:1;font-size:.83rem}.cal-ring-info-row{margin-bottom:.4rem;color:var(--muted)}.cal-ring-info-row strong{color:var(--text)}.macro-toggles{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;padding:.35rem;border:1px solid var(--border);border-radius:24px;background:color-mix(in srgb,var(--surface-soft) 82%,var(--surface-strong))}.macro-toggle{padding:.42rem .72rem;border-radius:999px;border:1px solid transparent;background:transparent;font-family:var(--font-body);font-size:.72rem;cursor:pointer;color:var(--muted);transition:all .15s;font-weight:700;display:flex;align-items:center;gap:.32rem}.macro-toggle .chip-dot{width:7px;height:7px;border-radius:50%;opacity:.4;transition:opacity .15s}.macro-toggle.on{border-color:transparent;background:var(--surface-strong);box-shadow:var(--shadow-sm)}.macro-toggle.on .chip-dot{opacity:1}.macro-toggle[data-macro=carbs].on{color:var(--blue);border-color:var(--blue)}.macro-toggle[data-macro=fat].on{color:var(--danger);border-color:var(--danger)}.macro-toggle[data-macro=prot].on{color:var(--green);border-color:var(--green)}.macro-toggle[data-macro=fiber].on{color:var(--fiber);border-color:var(--fiber)}.macro-toggle[data-macro=water].on{color:var(--water);border-color:var(--water)}.macro-bars{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem 1.05rem;background:color-mix(in srgb,var(--surface-soft) 86%,var(--surface-strong));border-radius:calc(var(--radius-md) + 2px);border:1px solid var(--border)}.macro-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.38rem}.macro-row-name{font-size:.82rem;color:var(--muted)}.macro-row-val{font-size:.8rem;font-weight:700}.bar-track{height:8px;background:var(--surface-muted);border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px;transition:width .5s ease}.bar-c{background:var(--blue)}.bar-v{background:var(--danger)}.bar-e{background:var(--green)}.bar-w{background:var(--water)}.bar-f{background:var(--fiber)}.bar-over{background:#e08060}.macro-donut-wrap{display:flex;align-items:center;gap:1.1rem;margin-bottom:1rem;padding:1.05rem;background:color-mix(in srgb,var(--surface-soft) 86%,var(--surface-strong));border-radius:calc(var(--radius-md) + 2px);border:1px solid var(--border);overflow:hidden}.macro-donut{width:108px;height:108px;flex-shrink:0;position:relative}.macro-donut svg{width:100%;height:100%;transform:rotate(-90deg)}.macro-donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.macro-donut-total{font-size:1.14rem;font-weight:700;font-family:var(--font-display);line-height:1}.macro-donut-label{font-size:.58rem;color:var(--tertiary);margin-top:.12rem}.macro-donut-legend{display:flex;flex-direction:column;gap:.4rem;flex:1;font-size:.78rem;min-width:0}.macro-legend-item{display:flex;align-items:center;gap:.4rem;min-width:0;overflow:hidden}.macro-legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.macro-legend-name{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.macro-legend-val{font-weight:600;font-variant-numeric:tabular-nums;margin-left:auto;white-space:nowrap}.macro-legend-pct{font-size:.7rem;color:var(--tertiary);white-space:nowrap;min-width:32px;flex-shrink:0;text-align:right}.meal-share-wrap{margin-bottom:1rem;padding:1rem 1.05rem;background:color-mix(in srgb,var(--surface-soft) 86%,var(--surface-strong));border-radius:calc(var(--radius-md) + 2px);border:1px solid var(--border)}.meal-share-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin-bottom:.75rem}.meal-share-head h4{margin:0;font-size:.9rem;font-family:var(--font-display);letter-spacing:-.02em}.meal-share-head span{font-size:.74rem;color:var(--muted);font-weight:700}.meal-share-list{display:flex;flex-direction:column;gap:.55rem}.meal-share-item{display:flex;flex-direction:column;gap:.25rem}.meal-share-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem;font-size:.77rem}.meal-share-name{color:var(--text);font-weight:700}.meal-share-values{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.meal-share-track{height:8px;background:var(--surface-muted);border-radius:999px;overflow:hidden}.meal-share-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 82%,white),var(--green));min-width:6px;transition:width .45s ease}.viz-card h3{margin-bottom:.95rem;font-weight:600}.week-spark svg{width:100%;height:80px;display:block}.week-spark-labels{display:flex;justify-content:space-between;font-size:.67rem;color:var(--tertiary);margin-top:.42rem;padding:0 2px}.week-spark-avg{text-align:center;font-size:.79rem;color:var(--muted);margin-top:.65rem}.week-spark-avg strong{color:var(--accent);font-weight:600;font-family:var(--font-display);font-size:.92rem}.water-divider{padding-top:.6rem;border-top:1px solid var(--border)}.fiber-subrow{margin-top:.35rem;padding-left:.9rem;border-left:2px solid var(--fiber);opacity:.85}.fiber-sub-label{font-size:.72rem!important;color:var(--fiber)!important}.fiber-sub-bar{height:3px!important}.advies-knop{width:100%;background:linear-gradient(135deg,#ca8750,#9b602f);color:#fff;border:none;border-radius:999px;padding:.95rem 1rem;font-family:var(--font-body);font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:opacity .15s,transform .15s;box-shadow:0 18px 32px #a0622a38}.advies-knop:hover{opacity:.95;transform:translateY(-1px)}.history-card h3{margin-bottom:.9rem}.history-day{display:flex;align-items:center;justify-content:space-between;padding:.58rem .2rem;border-bottom:1px solid var(--border-subtle);font-size:.82rem;cursor:pointer;transition:color .1s,background .1s;border-radius:14px}.history-day:last-child{border-bottom:none}.history-day:hover{color:var(--accent);background:color-mix(in srgb,var(--surface-soft) 70%,var(--surface-strong))}.history-day-cals{font-weight:500;color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums}.ac-portie-quicks{display:flex;flex-wrap:wrap;gap:.3rem;padding:.5rem .9rem 0}.ac-portie-quick{background:var(--border-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .6rem;font-size:.75rem;color:var(--text);cursor:pointer;font-family:var(--font-body);transition:all .15s}.ac-portie-quick:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.ac-portie-manual{display:flex;align-items:center;gap:.4rem;padding:.4rem .9rem}.input-with-ac{position:relative;flex:1;isolation:isolate}.ac-dropdown{display:none;position:absolute;left:0;right:0;top:calc(100% + 2px);margin-top:0;width:100%;box-sizing:border-box;background:#fdfdf9;border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:min(520px,60vh);overflow-y:auto;z-index:80}.ac-dropdown.open{display:block}body:has(.modal-overlay.open) .ac-dropdown{display:none!important}.ac-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;cursor:pointer;gap:.5rem;border-bottom:1px solid var(--border-subtle);transition:background .1s}.ac-item:last-child{border-bottom:none}.ac-item:hover,.ac-item.selected{background:var(--accent-light)}.ac-item-name{font-size:.85rem;font-weight:500;flex:1;min-width:0}.ac-item-name mark{background:transparent;color:var(--accent);font-weight:600}.ac-item-group{font-size:.65rem;color:var(--tertiary);margin-top:.1rem}.ac-item-macros{font-size:.7rem;color:var(--muted);white-space:nowrap;display:flex;gap:.4rem;flex-shrink:0}.ac-item-kcal{font-weight:600;color:var(--text)}.ac-hint{padding:.5rem .9rem;font-size:.72rem;color:var(--tertiary);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:.4rem;background:#f7f8f2;border-radius:var(--radius-md) var(--radius-md) 0 0}.ac-hint-badge{background:var(--green);color:#fff;font-size:.6rem;padding:.1rem .4rem;border-radius:4px;font-weight:600}.ac-portie-row{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;background:var(--accent-light);border-bottom:1px solid var(--border);font-size:.82rem}.ac-portie-row label{color:var(--muted);font-size:.75rem;white-space:nowrap}.ac-portie-input{width:60px;border:1.5px solid var(--border);border-radius:6px;padding:.3rem .5rem;font-size:.85rem;text-align:center;background:var(--surface);color:var(--text)}.ac-portie-input:focus{outline:none;border-color:var(--accent)}.ac-portie-unit{color:var(--muted);font-size:.75rem}.ac-portie-add{margin-left:auto;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.3rem .8rem;font-size:.82rem;font-weight:500;white-space:nowrap}.ac-portie-add:hover{background:var(--accent-hover)}.ac-manual-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.7rem .9rem;border:none;background:#f7f8f2;font-size:.82rem;color:var(--accent);cursor:pointer;font-weight:500;transition:background .1s;border-top:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md)}.ac-manual-btn:hover{background:var(--accent-light)}.ac-loading-row{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem .9rem;font-size:.72rem;color:var(--muted);border-top:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-soft) 70%,var(--surface-strong))}.ac-loading-spinner{width:11px;height:11px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-top-color:var(--accent);animation:ac-spin .7s linear infinite}@keyframes ac-spin{to{transform:rotate(360deg)}}.dash-period-tabs{display:inline-flex;gap:.35rem;margin-bottom:1rem;padding:.3rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 82%,var(--surface-soft));box-shadow:inset 0 1px #ffffffb3;flex-wrap:wrap;max-width:100%}.dash-tab{padding:.5rem .92rem;border-radius:999px;border:1px solid transparent;background:transparent;font-family:var(--font-body);font-size:.78rem;cursor:pointer;color:var(--muted);transition:all .15s;font-weight:700}.dash-tab:hover{color:var(--text);background:color-mix(in srgb,var(--surface-strong) 92%,var(--surface-soft))}.dash-tab.active{background:linear-gradient(135deg,#21be5c,#189846);border-color:transparent;color:#fff;box-shadow:0 14px 24px #1db95433}.dash-toggle-row{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.dash-toggle{display:flex;align-items:center;gap:.3rem;font-size:.75rem;cursor:pointer;padding:.35rem .62rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);transition:all .15s;-webkit-user-select:none;user-select:none;background:color-mix(in srgb,var(--surface-strong) 82%,var(--surface-soft))}.dash-toggle.active{border-color:var(--border-strong);color:var(--text);background:var(--surface-strong);box-shadow:var(--shadow-sm)}.dash-toggle .dash-dot{width:8px;height:8px;border-radius:50%}.dash-chart{width:100%;overflow-x:auto}.dash-chart svg{width:100%}.dash-avg-row{display:flex;justify-content:space-around;margin-top:.8rem;padding:.9rem;background:color-mix(in srgb,var(--surface-soft) 84%,var(--surface-strong));border-radius:calc(var(--radius-md) + 2px);font-size:.78rem;border:1px solid var(--border)}.dash-avg-item{text-align:center}.dash-avg-val{font-weight:700;font-size:.94rem;display:block}.dash-avg-label{color:var(--muted);font-size:.68rem}.data-col{display:none;grid-column:1 / -1}.layout.mobile-view-data .data-col{display:block}@media(min-width:781px){.data-col,.layout.show-data .main-col,.layout.show-data .sidebar{display:none}.layout.show-data .data-col{display:block;grid-column:1 / -1}}.do-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.8rem}.do-header h2{font-family:var(--font-display);font-size:1.78rem;margin:0;line-height:1;letter-spacing:-.05em}.do-back{background:color-mix(in srgb,var(--surface-strong) 86%,var(--surface-soft));border:1px solid var(--border);font-size:.82rem;color:var(--accent);cursor:pointer;font-family:var(--font-body);font-weight:700;padding:.56rem .9rem;border-radius:999px;transition:background .15s,border-color .15s,transform .15s;box-shadow:inset 0 1px #ffffffb8}.do-back:hover{background:var(--surface-strong);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));transform:translateY(-1px)}.do-period-tabs,.advies-page-tabs,.smart-import-tabs{display:inline-flex;gap:.3rem;background:color-mix(in srgb,var(--surface-strong) 80%,var(--surface-soft));border-radius:999px;padding:.28rem;border:1px solid var(--border);margin-bottom:1rem;flex-wrap:wrap;box-shadow:inset 0 1px #ffffffb3;max-width:100%}.do-period-tab,.advies-page-tabs .advies-tab,.smart-import-tab{border:none;background:none;padding:.52rem .92rem;border-radius:999px;font-family:var(--font-body);font-size:.81rem;font-weight:700;color:var(--muted);cursor:pointer;transition:all .15s}.do-period-tab:hover,.advies-page-tabs .advies-tab:hover,.smart-import-tab:hover{color:var(--text);background:color-mix(in srgb,var(--surface-strong) 92%,var(--surface-soft))}.do-period-tab.active,.advies-page-tabs .advies-tab.active,.smart-import-tab.active{background:linear-gradient(135deg,#21be5c,#189846);color:#fff;box-shadow:0 14px 24px #1db95433}.advies-page-tabs .advies-tab,.smart-import-tab{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.do-block-toggles{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.95rem}.do-block-toggle{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 84%,var(--surface-soft));color:var(--muted);border-radius:999px;padding:.42rem .72rem;font-family:var(--font-body);font-size:.74rem;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:inset 0 1px #ffffffa8}.do-block-toggle:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:var(--surface-strong)}.do-block-toggle.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--accent-light) 52%,var(--surface-strong))}.do-shell{display:flex;flex-direction:column;gap:1rem}.do-overview-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr);gap:.9rem;align-items:stretch}.do-overview-copy,.do-section,.advies-page-body,.smart-import-body{background:color-mix(in srgb,var(--surface-strong) 90%,transparent);border:1px solid var(--border);border-radius:calc(var(--radius-lg) + 2px);box-shadow:var(--shadow-md);padding:1.15rem}.do-overview-copy{padding:1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center;min-height:168px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-strong) 94%,rgba(255,255,255,.65)),color-mix(in srgb,var(--surface-soft) 86%,transparent))}.do-eyebrow{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:.45rem}.do-overview-copy h3{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.55rem;letter-spacing:-.05em}.do-overview-copy p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.65;max-width:42ch}.do-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.do-kpi{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 96%,rgba(255,255,255,.55)),color-mix(in srgb,var(--surface-soft) 82%,transparent));border:1px solid var(--border);border-radius:calc(var(--radius-md) + 8px);padding:.95rem .85rem;text-align:left;box-shadow:var(--shadow-sm);min-height:92px;display:flex;flex-direction:column;justify-content:space-between}.do-kpi-val{font-size:1.52rem;font-weight:700;font-family:var(--font-display);line-height:1;letter-spacing:-.04em}.do-kpi-label{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.32rem}.do-main-grid{display:grid;gap:1rem}.do-section{padding:1.05rem 1.1rem;margin:0}.do-feature-card{padding-bottom:.9rem}.do-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.85rem}.do-section h3{font-family:var(--font-display);font-size:1.08rem;margin:0;letter-spacing:-.04em}.do-section-sub{font-size:.76rem;color:var(--muted);margin-top:.18rem}.do-section-meta{flex-shrink:0;align-self:flex-start;padding:.38rem .68rem;border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 82%,var(--surface-strong));border:1px solid var(--border);color:var(--muted);font-size:.72rem;font-weight:700;white-space:nowrap}.do-chart{width:100%;overflow-x:auto}.do-chart svg{width:100%;height:auto;display:block}.do-legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.75rem;color:var(--muted);margin-top:.65rem}.do-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:.3rem;vertical-align:middle}.do-split-card{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.95fr);gap:.9rem;align-items:stretch}.do-split-pane{background:color-mix(in srgb,var(--surface-soft) 84%,var(--surface-strong));border:1px solid var(--border);border-radius:calc(var(--radius-md) + 6px);padding:.95rem;min-width:0}.do-split-pane-wide{display:flex;flex-direction:column;justify-content:space-between}.do-split-pane-compact{display:flex;align-items:center;justify-content:center}.do-macro-donut{display:flex;align-items:center;gap:1.15rem;justify-content:center;flex-wrap:wrap;padding:.2rem 0}.do-macro-donut svg{flex-shrink:0;width:152px;height:152px;max-width:min(46vw,152px)}.do-macro-donut-legend{display:flex;flex-direction:column;gap:.42rem;font-size:.82rem;min-width:min(240px,100%)}.do-macro-donut-item{display:flex;align-items:center;gap:.45rem;padding:.38rem .45rem;border-radius:14px;background:color-mix(in srgb,var(--surface-strong) 86%,transparent)}.do-macro-donut-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.do-macro-donut-val{color:var(--muted);font-size:.76rem;margin-left:auto;padding-left:.65rem;white-space:nowrap}.do-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}@media(max-width:500px){.do-insight-grid{grid-template-columns:1fr}}.do-insight{background:color-mix(in srgb,var(--surface-soft) 84%,var(--surface-strong));border-radius:calc(var(--radius-md) + 2px);padding:.45rem .6rem;font-size:.72rem;border:1px solid var(--border)}.do-insight strong{display:block;font-size:.88rem;margin-bottom:.05rem;letter-spacing:-.02em}.do-top-list{list-style:none;padding:0;margin:0}.do-top-list li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-subtle);font-size:.82rem}.do-top-list li:last-child{border-bottom:none}.do-empty{text-align:center;padding:2rem 1rem;color:var(--muted);font-style:italic;font-size:.85rem}.do-insights-section{border-left:4px solid var(--accent)}.do-insight-item{display:flex;align-items:flex-start;gap:.55rem;padding:.52rem 0;border-bottom:1px solid var(--border-subtle);font-size:.82rem}.do-insight-item:last-child{border-bottom:none}.do-insight-emoji{flex-shrink:0}.do-insights-list{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.78rem;line-height:1.45}.do-insight-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .72rem;border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 82%,var(--surface-strong));border:1px solid var(--border);max-width:100%}.do-insight-pill-emoji{flex-shrink:0}.do-meal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:.7rem}.do-meal-card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 94%,rgba(255,255,255,.52)),color-mix(in srgb,var(--surface-soft) 82%,transparent));border-radius:calc(var(--radius-md) + 6px);padding:.85rem .9rem;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.do-meal-card-top{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline;margin-bottom:.35rem}.do-meal-title{font-size:.72rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.do-meal-pct{font-size:1.35rem;font-weight:700;font-family:var(--font-display);color:var(--accent);line-height:1;letter-spacing:-.04em}.do-meal-detail{font-size:.83rem;color:var(--text);font-weight:600}.do-meal-macros{font-size:.72rem;color:var(--muted);margin-top:.2rem}.do-meal-macro-stack{display:flex;width:100%;height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 82%,var(--surface-strong));border:1px solid var(--border);margin-top:.6rem}.do-meal-macro-segment{display:block;height:100%}.do-meal-macro-segment.carbs{background:var(--blue)}.do-meal-macro-segment.fat{background:var(--danger)}.do-meal-macro-segment.prot{background:var(--green)}.do-meal-macro-split{display:flex;justify-content:space-between;gap:.45rem;margin-top:.38rem;font-size:.7rem;color:var(--muted)}.do-meal-note{font-size:.7rem;color:var(--muted);margin-top:.45rem}.do-meal-warn{font-size:.72rem;color:var(--danger);margin-top:.45rem}.do-legend-tight{margin-top:.8rem}.do-grid-2,.do-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:980px){.do-grid-2,.do-two-col,.do-overview-hero,.do-split-card{grid-template-columns:1fr}}.do-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.do-stat{display:flex;justify-content:space-between;align-items:baseline;gap:.55rem;padding:.72rem .82rem;font-size:.76rem;background:color-mix(in srgb,var(--surface-soft) 84%,var(--surface-strong));border-radius:calc(var(--radius-md) + 3px);border:1px solid var(--border);min-height:56px}.do-stat-label{color:var(--muted)}.do-stat-val{font-weight:700;font-size:.86rem}.do-stat-info{display:flex;flex-direction:column;align-items:stretch}.do-stat-main{display:flex;justify-content:space-between;align-items:baseline;gap:.55rem}.do-stat-label-wrap{display:inline-flex;align-items:center;gap:.38rem;min-width:0}.do-info-btn{width:18px;height:18px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 92%,var(--surface-soft));color:var(--muted);font-family:var(--font-body);font-size:.68rem;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex-shrink:0;box-shadow:inset 0 1px #ffffffb8}.do-info-btn:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 34%,var(--border))}.do-stat-info-text{display:none;margin-top:.55rem;padding-top:.55rem;border-top:1px solid var(--border-subtle);color:var(--muted);font-size:.72rem;line-height:1.5}.do-stat.show-info .do-stat-info-text{display:block}.do-products-3col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;font-size:.76rem}.do-product-panel{background:color-mix(in srgb,var(--surface-soft) 84%,var(--surface-strong));border:1px solid var(--border);border-radius:calc(var(--radius-md) + 3px);padding:.8rem .82rem}@media(max-width:720px){.do-products-3col{grid-template-columns:1fr}}.do-products-3col h4{font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .35rem}.do-product-row{display:flex;justify-content:space-between;gap:.45rem;padding:.32rem 0;border-bottom:1px solid var(--border)}.do-product-row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.do-product-row span:last-child{color:var(--muted);flex-shrink:0}.do-export-bar{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap;padding:.1rem 0 .3rem}.do-export-bar button{font-size:.72rem;padding:.42rem .8rem;opacity:.8}.micro-grid{display:grid;gap:.35rem}.micro-row{display:flex;align-items:center;gap:.4rem}.micro-name{min-width:70px;font-size:.7rem;font-weight:500;flex-shrink:0}.micro-bar{flex:1;height:9px;background:var(--border);border-radius:5px;overflow:hidden}.micro-bar-fill{height:100%;border-radius:5px;transition:width .3s}.micro-val{min-width:55px;text-align:right;font-size:.63rem;color:var(--muted);flex-shrink:0;white-space:nowrap}.micro-pct{min-width:28px;text-align:right;font-size:.63rem;font-weight:600;flex-shrink:0}.micro-source{font-size:.6rem;color:var(--muted);margin-top:1px;padding-left:74px}.micro-disclaimer{margin-top:.5rem;font-size:.6rem;color:var(--muted)}.advies-col{display:none;grid-column:1 / -1}.layout.mobile-view-advies .advies-col{display:block}@media(min-width:781px){.advies-col,.layout.show-advies .main-col,.layout.show-advies .sidebar,.layout.show-advies .data-col{display:none}.layout.show-advies .advies-col{display:block;grid-column:1 / -1}}.advies-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.35rem;flex-wrap:wrap;gap:.7rem}.advies-page-header h2{font-family:var(--font-display);font-size:1.7rem;margin:0;line-height:1;letter-spacing:-.04em}.advies-page-note{flex:1 0 100%;margin:-.15rem 0 0;max-width:52rem}.advies-page-body{min-height:240px;font-size:.94rem;line-height:1.8}.advies-page-toolbar{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;flex-wrap:wrap}.advies-page-toolbar select{border:1px solid var(--border);border-radius:999px;padding:.5rem .8rem;font-family:var(--font-body);font-size:.78rem;font-weight:700;background:color-mix(in srgb,var(--surface-strong) 86%,var(--surface-soft));color:var(--muted);cursor:pointer}.advies-page-toolbar select:focus{outline:none;border-color:var(--accent)}.advies-page-toolbar .btn-primary{padding:.46rem .82rem;font-size:.78rem;min-height:0;width:auto;flex:0 0 auto;box-shadow:0 12px 22px #1db95429}.smart-import-col{display:none;grid-column:1 / -1}.layout.mobile-view-import .smart-import-col{display:block}@media(min-width:781px){.smart-import-col,.layout.show-import .main-col,.layout.show-import .sidebar,.layout.show-import .data-col,.layout.show-import .advies-col{display:none}.layout.show-import .smart-import-col{display:block;grid-column:1 / -1}}.smart-import-header{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:1.2rem;flex-wrap:wrap}.smart-import-header h2{margin:0;font-size:1.7rem;font-family:var(--font-display);line-height:1;letter-spacing:-.04em;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.smart-import-header-right{display:flex;align-items:center;gap:.5rem}.smart-import-meal-selector{margin-bottom:.9rem}.smart-section h3{margin:0 0 .45rem;font-size:1.08rem;font-family:var(--font-display);letter-spacing:-.03em}.smart-help{margin:0 0 .9rem;color:var(--muted);font-size:.82rem;line-height:1.65}.smart-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:.8rem}.smart-form-row{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.65rem}.smart-form-row label{font-size:.8rem;text-transform:none;letter-spacing:.02em;color:var(--muted);font-weight:700}.smart-form-row input,.smart-form-row textarea{border:1px solid var(--border);border-radius:calc(var(--radius-md) + 2px);padding:.78rem .85rem;background:color-mix(in srgb,var(--surface-strong) 84%,var(--surface-soft));color:var(--text);font-family:var(--font-body);font-size:.87rem;box-shadow:inset 0 1px #ffffffb3}.smart-form-row textarea{resize:vertical;min-height:120px}.smart-form-row input:focus,.smart-form-row textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 0 0 4px var(--accent-light)}.smart-form-row textarea::placeholder{color:var(--tertiary);opacity:1}.smart-actions{display:flex;gap:.55rem;margin-top:.35rem;margin-bottom:.95rem;flex-wrap:wrap;align-items:center}.smart-actions .btn-primary,.smart-actions .btn-secondary{flex:0 0 auto;width:auto;min-width:0;padding:.58rem .86rem;font-size:.82rem}.smart-actions .btn-primary:only-child{flex:1 1 100%;width:100%;justify-content:center}.smart-recipe-card .smart-actions{margin-top:.2rem;margin-bottom:.55rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.smart-recipe-card .smart-actions .btn-primary,.smart-recipe-card .smart-actions .btn-secondary{min-height:46px;padding:.72rem 1rem;font-size:.84rem}.smart-recipe-card .smart-actions .btn-primary{min-width:240px;justify-content:center}.smart-recipe-card .smart-actions .smart-action-icon{width:46px;padding:0;justify-content:center;font-size:1rem}.smart-inline-select{border:1px solid var(--border);border-radius:999px;padding:.45rem .75rem;font-family:var(--font-body);font-size:.75rem;font-weight:700;background:color-mix(in srgb,var(--surface-strong) 84%,var(--surface-soft));color:var(--muted);max-width:140px}.smart-result{min-height:2px}.smart-photo-preview{width:100%;max-width:260px;max-height:180px;object-fit:cover;border-radius:calc(var(--radius-md) + 2px);border:1px solid var(--border);margin:-.25rem 0 .75rem;box-shadow:var(--shadow-sm)}.smart-card{border:1px solid var(--border);border-radius:calc(var(--radius-md) + 8px);padding:1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 94%,rgba(255,255,255,.48)),color-mix(in srgb,var(--surface-soft) 82%,var(--surface-strong)));box-shadow:var(--shadow-sm)}.smart-card-compact{padding:.8rem .9rem}.smart-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.smart-card-head h4{margin:0;font-family:var(--font-display);font-size:1.3rem;letter-spacing:-.045em;line-height:1.05}.smart-card-inline-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;margin-bottom:.35rem}.smart-card-inline-head strong{font-size:.94rem;letter-spacing:-.02em}.smart-card-inline-meta{color:var(--muted);font-size:.78rem}.smart-recipe-card{display:flex;flex-direction:column;gap:1rem}.smart-recipe-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem}.smart-recipe-kpi,.smart-recipe-servings-wrap{display:flex;flex-direction:column;justify-content:space-between;gap:.4rem;min-height:112px;padding:.95rem 1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 97%,rgba(255,255,255,.58)),color-mix(in srgb,var(--surface-soft) 82%,var(--surface-strong)));border:1px solid var(--border);border-radius:calc(var(--radius-md) + 4px);box-shadow:inset 0 1px #ffffffad}.smart-recipe-kpi span,.smart-recipe-servings-wrap span{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.smart-recipe-kpi strong{font-size:1.7rem;font-family:var(--font-display);line-height:1;letter-spacing:-.05em}.smart-recipe-servings{border:1px solid var(--border);border-radius:16px;padding:.82rem .9rem;background:color-mix(in srgb,var(--surface-strong) 96%,transparent);color:var(--text);font-family:var(--font-body);font-size:1.05rem;line-height:1.2;box-shadow:inset 0 1px #ffffffb8}.smart-recipe-servings:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 0 0 4px var(--accent-light)}.smart-recipe-servings{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.smart-recipe-servings::-webkit-outer-spin-button,.smart-recipe-servings::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.smart-recipe-ingredients{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem .75rem;align-items:start;padding-top:1rem;border-top:1px solid var(--border-subtle)}.smart-recipe-ingredients-title{grid-column:1 / -1;font-size:.82rem;font-weight:700;color:var(--muted);display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:.1rem}.smart-recipe-ingredients-title-main{display:flex;flex-direction:column;gap:.22rem;text-transform:uppercase;letter-spacing:.08em}.smart-recipe-ingredients-title span{font-size:.76rem;font-weight:600;color:var(--muted);text-transform:none;letter-spacing:.01em}.smart-recipe-inline-add{flex:0 0 auto!important;width:auto!important;min-width:0!important;padding:.34rem .68rem!important;font-size:.72rem!important}.smart-recipe-inline-add-bottom{grid-column:1 / -1;align-self:stretch;margin-top:.1rem;padding:.9rem 1rem!important;border-style:dashed!important;border-width:1.5px!important;border-color:color-mix(in srgb,var(--accent) 18%,var(--border))!important;background:color-mix(in srgb,var(--accent-light) 34%,var(--surface-strong))!important;color:var(--text)!important;font-size:.84rem!important;justify-content:center}.smart-recipe-inline-add-bottom:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border))!important;background:color-mix(in srgb,var(--accent-light) 54%,var(--surface-strong))!important}.smart-recipe-ingredient{display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,auto) minmax(220px,auto) auto;grid-template-areas:"main amount meta remove" "main amount meta remove";gap:.35rem 1rem;align-items:center;padding:.9rem 1rem;border:1px solid var(--border);border-radius:calc(var(--radius-md) + 4px);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 95%,rgba(255,255,255,.54)),color-mix(in srgb,var(--surface-soft) 82%,var(--surface-strong)));overflow:visible;min-height:94px;box-shadow:inset 0 1px #ffffffad}.smart-recipe-ingredient>div{display:flex;flex-direction:column;min-width:0;gap:.24rem;grid-area:main;align-self:stretch;justify-content:center}.smart-recipe-ingredient-top{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.42rem;min-width:0}.smart-recipe-ingredient strong{font-size:.98rem;letter-spacing:-.03em;line-height:1.15;display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-recipe-ingredient span,.smart-recipe-ingredient small{color:var(--muted);font-size:.76rem;white-space:nowrap;align-self:center}.smart-recipe-grams-field{grid-area:amount;display:flex;flex-direction:column;gap:.24rem;justify-self:start;align-self:center;min-width:124px}.smart-recipe-grams-field>span{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.smart-recipe-grams-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:42px;padding:.18rem .9rem;border:1px solid var(--border-subtle);border-radius:999px;background:color-mix(in srgb,var(--surface-strong) 92%,transparent)}.smart-recipe-grams-control>small{font-size:.72rem;color:var(--muted);align-self:center;justify-self:end;pointer-events:none}.smart-recipe-grams-input{width:100%;min-width:0;border:none;padding:.44rem 0;background:transparent;color:var(--text);font-family:var(--font-body);font-size:.92rem;font-weight:700;line-height:1.1;min-height:32px;text-align:right}.smart-recipe-grams-input::-webkit-outer-spin-button,.smart-recipe-grams-input::-webkit-inner-spin-button{margin:0}.smart-recipe-grams-input:focus{outline:none;box-shadow:none}.smart-recipe-grams-control:focus-within{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 0 0 4px var(--accent-light)}.smart-recipe-ingredient>small{grid-area:meta;justify-self:start;align-self:center;display:block}.smart-recipe-inline-remove{grid-area:remove;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 86%,var(--surface-soft));color:var(--muted);border-radius:999px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0;flex:0 0 auto;cursor:pointer;justify-self:end;box-shadow:inset 0 1px #ffffffb8}.smart-recipe-inline-remove:hover{border-color:color-mix(in srgb,var(--danger) 40%,var(--border));color:var(--danger);background:#dc4c4614}.smart-recipe-match-line{display:block;margin-top:.16rem;min-width:0}.smart-recipe-match-dot{width:10px;height:10px;border-radius:50%;display:inline-flex;flex:0 0 auto;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 12%,transparent);align-self:center}.smart-recipe-match-matched{background:#19a650;color:#19a650}.smart-recipe-match-open{background:#d58d2b;color:#d58d2b}.smart-recipe-match-text{font-size:.78rem;color:var(--muted);min-width:0;white-space:normal;overflow:visible;text-overflow:unset;line-height:1.35;display:block}.smart-recipe-match-edit{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 88%,var(--surface-soft));color:var(--muted);border-radius:999px;width:22px;height:22px;padding:0;font-size:.7rem;flex:0 0 auto;box-shadow:inset 0 1px #ffffffad;display:inline-flex;align-items:center;justify-content:center;line-height:1}.smart-recipe-match-edit:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--border));color:var(--text);background:var(--surface-strong)}.smart-recipe-match-editor{margin-top:.45rem;display:flex;flex-direction:column;gap:.32rem}.smart-recipe-match-label{font-size:.68rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.smart-recipe-match-searchbar{display:flex;flex-direction:row;align-items:center;gap:.7rem;padding:.48rem .55rem .48rem 1.2rem;border:1px solid var(--border);border-radius:28px;background:color-mix(in srgb,var(--surface-strong) 96%,transparent);transition:border-color .2s,box-shadow .2s,transform .15s;box-shadow:inset 0 1px #ffffffb8,0 14px 34px #1019140f;min-height:60px}.smart-recipe-match-searchbar:focus-within{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 0 0 4px var(--accent-light),0 18px 38px #1db9541a;transform:translateY(-1px)}.smart-recipe-match-input{flex:1 1 auto;min-width:0;border:none;border-radius:18px;padding:0;background:transparent;color:var(--text);font-family:var(--font-body);font-size:1.03rem;line-height:1.3;width:auto}.smart-recipe-match-input:focus{outline:none;box-shadow:none}.smart-recipe-match-search-icon{flex:0 0 48px;width:48px;height:48px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;border:none;background:linear-gradient(135deg,#21bd5b,#189746);color:#fff;font-size:1.2rem;line-height:1;box-shadow:0 16px 30px #1db95447;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s}.smart-recipe-match-search-icon:hover{background:var(--accent-hover);box-shadow:0 20px 34px #1db9544d}.smart-recipe-match-search-icon:active{transform:scale(.95)}.smart-recipe-match-results{display:flex;flex-direction:column;gap:.2rem;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface-strong) 88%,var(--surface-soft));overflow-y:auto;overflow-x:hidden;max-height:240px;scrollbar-gutter:stable;box-shadow:var(--shadow-sm);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.smart-recipe-match-hint{display:flex;align-items:center;gap:.65rem;padding:.72rem .9rem;border-bottom:1px solid var(--border-subtle);font-size:.8rem;color:var(--muted);background:color-mix(in srgb,var(--surface-strong) 92%,var(--surface-soft))}.smart-recipe-match-hint-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .55rem;border-radius:10px;background:linear-gradient(135deg,#21bd5b,#189746);color:#fff;font-size:.72rem;font-weight:700;white-space:nowrap}.smart-recipe-match-hint .smart-recipe-match-hint-badge,.smart-recipe-match-hint .smart-recipe-match-hint-badge span,.smart-recipe-match-hint .smart-recipe-match-hint-badge strong{color:#fff}.smart-recipe-match-loading{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.62rem .9rem;font-size:.74rem;color:var(--muted);border-top:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-soft) 70%,var(--surface-strong))}.smart-recipe-match-spinner{width:11px;height:11px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-top-color:var(--accent);animation:ac-spin .7s linear infinite}.smart-recipe-match-option{display:flex;justify-content:space-between;gap:.6rem;text-align:left;align-items:center;border:none;border-bottom:1px solid var(--border-subtle);background:transparent;padding:.72rem .9rem}.smart-recipe-match-option:last-child{border-bottom:none}.smart-recipe-match-option:hover{background:var(--accent-light)}.smart-recipe-match-option div{min-width:0}.smart-recipe-match-option strong{font-size:.94rem;font-weight:700;display:block;letter-spacing:-.02em}.smart-recipe-match-option strong mark{background:transparent;color:var(--accent);font-weight:700}.smart-recipe-match-option span{font-size:.78rem;color:var(--muted)}.smart-recipe-match-empty{font-size:.78rem;color:var(--muted);padding:.7rem .9rem}.smart-recipe-match-source,.smart-recipe-match-live{font-size:.68rem;font-weight:700;margin-left:.25rem}.smart-recipe-match-source{color:var(--accent)}.smart-recipe-match-live{color:var(--green)}.smart-recipe-ingredient.is-editing{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main remove";align-items:start}.smart-recipe-ingredient.is-editing>div{grid-column:auto;grid-row:auto}.smart-recipe-ingredient.is-editing .smart-recipe-grams-field,.smart-recipe-ingredient.is-editing>small{display:none}.smart-recipe-ingredient.is-editing .smart-recipe-match-editor,.smart-recipe-ingredient.is-editing .smart-recipe-match-searchbar,.smart-recipe-ingredient.is-editing .smart-recipe-match-results{width:100%}@media(min-width:901px){.smart-recipe-ingredient{grid-template-columns:minmax(0,1fr) minmax(132px,auto) auto;grid-template-areas:"main amount remove" "main meta remove";align-items:start}.smart-recipe-ingredient>div{justify-content:center;padding-right:.25rem}.smart-recipe-grams-field{justify-self:start;align-self:end;min-width:180px}.smart-recipe-ingredient>small{justify-self:start;align-self:start;white-space:nowrap}.smart-recipe-inline-remove{align-self:center}}@media(max-width:900px){.smart-recipe-ingredient{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main remove" "amount amount" "meta meta"}.smart-recipe-grams-field{justify-self:start;min-width:0}.smart-recipe-ingredient>small{justify-self:start}}.smart-confidence{font-size:.72rem;border-radius:999px;padding:.3rem .72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:1px solid transparent;white-space:nowrap}.smart-conf-high{background:#128c3c26;color:#128c3c}.smart-conf-medium{background:#e67e2229;color:#bb6c1e}.smart-conf-low{background:#dc4c4624;color:#c94039}.smart-macro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:0;padding-top:1rem;border-top:1px solid var(--border-subtle)}.smart-macro-grid>div{min-height:92px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 96%,rgba(255,255,255,.5)),color-mix(in srgb,var(--surface-soft) 82%,var(--surface-strong)));border:1px solid var(--border);border-radius:calc(var(--radius-md) + 4px);padding:.85rem .9rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 1px #ffffffad}.smart-macro-grid span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.smart-macro-grid strong{font-size:1.25rem;font-family:var(--font-display);line-height:1;letter-spacing:-.04em}.smart-proposal-feedback{margin-top:.9rem;padding:.82rem .95rem;border:1px solid color-mix(in srgb,var(--danger) 24%,var(--border));border-radius:calc(var(--radius-md) + 2px);background:color-mix(in srgb,var(--danger) 8%,var(--surface-strong));color:color-mix(in srgb,var(--danger) 86%,var(--text));font-size:.84rem;line-height:1.45}.smart-assumptions-details{font-size:.8rem;margin:0;padding-top:.2rem}.smart-assumptions-details summary{cursor:pointer;color:var(--muted);font-size:.78rem;font-weight:700}.smart-assumptions{margin:.25rem 0 0;padding-left:1rem}.smart-assumptions li{margin:.12rem 0}.smart-error{color:var(--danger);font-size:.85rem}.smart-edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;margin-top:.8rem}.smart-edit-field{display:flex;flex-direction:column;gap:.28rem}.smart-edit-field-wide{grid-column:1 / -1}.smart-edit-field span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.smart-edit-field input{border:1px solid var(--border);border-radius:calc(var(--radius-md) - 2px);padding:.62rem .68rem;background:color-mix(in srgb,var(--surface-strong) 84%,var(--surface-soft));color:var(--text);font-family:var(--font-body);font-size:.86rem}.smart-edit-field input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 0 0 4px var(--accent-light)}.smart-edit-note{margin-top:.7rem;font-size:.78rem;color:var(--muted);line-height:1.55}.smart-edit-recipe-list{display:flex;flex-direction:column;gap:.42rem;margin-top:.75rem}.smart-edit-recipe-row{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;gap:.5rem;align-items:center}.smart-edit-recipe-row input{border:1px solid var(--border);border-radius:calc(var(--radius-md) - 2px);padding:.54rem .62rem;background:color-mix(in srgb,var(--surface-strong) 84%,var(--surface-soft));color:var(--text);font-family:var(--font-body);font-size:.82rem}.smart-edit-recipe-row input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 0 0 4px var(--accent-light)}.smart-edit-row-remove,.smart-edit-row-add{flex:0 0 auto!important;width:auto!important;min-width:0!important}.smart-edit-row-remove{padding-inline:.72rem!important}.smart-edit-row-add{align-self:flex-start;margin-top:.25rem}.smart-inline-fb{display:inline-block;font-size:.78rem;padding:.25rem .6rem;border-radius:6px;margin-left:.3rem;animation:smartFbIn .15s}.smart-inline-fb.ok{color:#128c3c;background:#128c3c1a}.smart-inline-fb.danger{color:#c94039;background:#dc4c461a}@keyframes smartFbIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}@media(max-width:600px){.do-header{margin-bottom:1.1rem}.do-header h2{font-size:1.38rem}.do-period-tabs{width:100%;justify-content:stretch}.do-period-tab{flex:1 1 0;text-align:center}.do-overview-copy{min-height:0;padding:.95rem 1rem}.do-overview-copy h3{font-size:1.25rem}.do-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.do-kpi{min-height:84px;padding:.8rem .78rem}.do-section,.advies-page-body,.smart-import-body{padding:.95rem}.do-section-head{flex-direction:column;align-items:flex-start;margin-bottom:.75rem}.do-section-meta{white-space:normal}.do-stat-grid,.do-meal-grid{grid-template-columns:1fr}.do-split-pane{padding:.8rem}.do-macro-donut svg{width:136px;height:136px}.do-insights-list{gap:.45rem}.do-insight-pill{border-radius:18px;width:100%}.advies-page-tabs,.smart-import-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-radius:22px}.advies-page-tabs .advies-tab,.smart-import-tab{width:100%;min-width:0;white-space:normal;text-align:center;line-height:1.25;padding:.62rem .7rem}.advies-page-header,.smart-import-header{align-items:flex-start}.advies-page-header h2,.smart-import-header h2{font-size:1.32rem;line-height:1.08;max-width:100%}.smart-import-header-right{width:100%;justify-content:flex-start}.smart-card-inline-head{flex-direction:column;align-items:flex-start}.smart-actions .btn-primary,.smart-actions .btn-secondary,.smart-inline-select{min-height:38px}.smart-actions{flex-direction:column;align-items:stretch}.smart-actions .btn-primary,.smart-actions .btn-secondary,.smart-inline-select,.smart-recipe-card .smart-actions .btn-primary,.smart-recipe-card .smart-actions .btn-secondary{width:100%;min-width:0;flex:1 1 100%}.smart-recipe-inline-add-bottom{white-space:normal;overflow-wrap:anywhere}.smart-manage-item{align-items:flex-start;flex-wrap:wrap}.smart-manage-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.smart-manage-actions button{min-width:44px}}.smart-manage-search{margin-bottom:.7rem}.smart-manage-search input{width:100%;border:1px solid var(--border);border-radius:calc(var(--radius-md) + 2px);padding:.72rem .82rem;background:color-mix(in srgb,var(--surface-strong) 84%,var(--surface-soft));color:var(--text);font-family:var(--font-body);font-size:.85rem}.smart-manage-list{display:flex;flex-direction:column;gap:.3rem}.smart-manage-item{display:flex;justify-content:space-between;align-items:center;gap:.65rem;padding:.8rem .9rem;background:color-mix(in srgb,var(--surface-soft) 84%,var(--surface-strong));border:1px solid var(--border);border-radius:calc(var(--radius-md) + 2px);box-shadow:var(--shadow-sm)}.smart-manage-info{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.smart-manage-info strong{font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em}.smart-manage-info span{color:var(--muted);font-size:.73rem}.smart-manage-actions{display:flex;gap:.3rem;flex-shrink:0}.smart-manage-actions button{padding:.25rem .45rem;font-size:.78rem}.admin-col{display:none;grid-column:1 / -1}.layout.mobile-view-admin .admin-col{display:block}@media(min-width:781px){.admin-col,.layout.show-admin .main-col,.layout.show-admin .sidebar,.layout.show-admin .data-col,.layout.show-admin .advies-col,.layout.show-admin .smart-import-col{display:none}.layout.show-admin .admin-col{display:block;grid-column:1 / -1}}.admin-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.8rem}.admin-tab{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 90%,var(--surface-soft));color:var(--muted);border-radius:999px;padding:.5rem .85rem;font-size:.78rem;font-weight:800;cursor:pointer;transition:all .15s}.admin-tab.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#21be5c,#189846);box-shadow:0 12px 22px #1db9542e}.admin-toolbar{margin-bottom:1rem}.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin-bottom:1rem}.admin-issue-list{display:flex;flex-direction:column;gap:.65rem}.admin-issue-card{background:color-mix(in srgb,var(--surface-strong) 88%,var(--surface-soft));border:1px solid var(--border);border-radius:calc(var(--radius-md) + 2px);padding:.85rem .9rem}.admin-issue-head{display:flex;gap:.6rem;justify-content:space-between;align-items:flex-start;margin-bottom:.45rem}.admin-issue-tags{display:flex;gap:.35rem;flex-wrap:wrap}.admin-chip{font-size:.68rem;border:1px solid var(--border);border-radius:999px;padding:.08rem .45rem;color:var(--muted)}.admin-issue-action{padding:.34rem .58rem;font-size:.72rem}.admin-issue-message{font-size:.84rem;line-height:1.5;margin-bottom:.45rem}.admin-issue-meta{font-size:.72rem;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.35rem}.admin-issue-details{margin-top:.45rem;font-size:.74rem}.admin-issue-details summary{cursor:pointer;color:var(--muted)}.admin-issue-details pre{margin:.35rem 0 0;padding:.55rem;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface-soft);white-space:pre-wrap;word-break:break-word}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem}.admin-card{background:color-mix(in srgb,var(--surface-strong) 88%,var(--surface-soft));border:1px solid var(--border);border-radius:calc(var(--radius-md) + 2px);padding:.95rem 1rem;box-shadow:var(--shadow-sm)}.admin-card h3,.admin-card h4{margin:0 0 .4rem;font-size:.92rem}.admin-card p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.5}.admin-card-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}.admin-card-actions .btn-primary,.admin-card-actions .btn-secondary{flex:0 1 auto;padding:.55rem .8rem;font-size:.77rem}.admin-meta-list{display:grid;gap:.45rem;margin-top:.8rem}.admin-meta-row{display:flex;justify-content:space-between;gap:.75rem;font-size:.76rem;color:var(--muted)}.admin-meta-row strong{color:var(--text)}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem}.admin-field{display:flex;flex-direction:column;gap:.3rem}.admin-field.full{grid-column:1 / -1}.admin-field label{font-size:.72rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.admin-field input,.admin-field select,.admin-field textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:.7rem .82rem;font-size:.84rem;font-family:var(--font-body);background:color-mix(in srgb,var(--surface-strong) 88%,var(--surface-soft));color:var(--text)}.admin-field textarea{min-height:120px;resize:vertical}.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 0 0 4px var(--accent-light)}.admin-status{margin-top:.85rem;font-size:.78rem;min-height:1.2rem;color:var(--muted)}.admin-status.ok{color:var(--green)}.admin-status.err{color:var(--danger)}.admin-code-block{margin-top:.9rem;padding:.75rem .85rem;border-radius:14px;border:1px solid var(--border);background:#f7faf7;color:#1b2a20;font-size:.75rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.admin-inline-note{margin-top:.55rem;font-size:.74rem;color:var(--muted)}@media(max-width:640px){.admin-card-actions{flex-direction:column}.admin-card-actions .btn-primary,.admin-card-actions .btn-secondary{width:100%}}.mobile-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;background:transparent;padding:.3rem .8rem calc(.3rem + env(safe-area-inset-bottom,0px))}.mobile-tab-bar-inner{display:flex;gap:.3rem;max-width:560px;margin:0 auto;padding:.35rem;border-radius:26px;background:color-mix(in srgb,var(--surface-strong) 72%,transparent);border:1px solid var(--border);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:var(--shadow-lg)}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.14rem;background:none;border:none;padding:.46rem 0;border-radius:18px;font-family:var(--font-body);font-size:.62rem;color:var(--muted);cursor:pointer;transition:all .15s;font-weight:700}.mobile-tab.active{color:var(--accent);background:var(--surface-strong);box-shadow:var(--shadow-sm)}.mobile-tab-icon{font-size:1.1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-height:1.2rem}.mobile-tab-icon svg{width:1.18rem;height:1.18rem;display:block}@media(max-width:780px){.mobile-tab-bar{display:block}.layout{padding-bottom:6rem}header{padding:calc(.62rem + var(--safe-top)) .9rem .62rem;gap:.55rem;align-items:flex-start}.header-actions{gap:.22rem}.icon-btn{min-width:36px;min-height:36px;padding:.34rem}.icon-btn svg{width:14px;height:14px}.sync-indicator{width:36px;min-width:36px;padding:0;height:36px;gap:0;justify-content:center}.sync-label{display:none}.sync-dot{width:10px;height:10px}#account-btn{padding:0 .72rem;font-size:.73rem;min-height:36px}#account-btn[data-account-state=guest]{width:36px;min-width:36px;padding:0;font-size:0}#account-btn[data-account-state=guest]:before{content:"👤";font-size:1rem;line-height:1}.layout.mobile-view-overzicht .main-col{display:none}.layout.mobile-view-overzicht .sidebar{display:block}.layout.mobile-view-overzicht .data-col,.layout.mobile-view-invoer .sidebar{display:none}.layout.mobile-view-invoer .main-col{display:block}.layout.mobile-view-invoer .data-col,.layout.mobile-view-data .main-col,.layout.mobile-view-data .sidebar{display:none}.layout.mobile-view-data .data-col{display:block}.layout.mobile-view-advies .main-col,.layout.mobile-view-advies .sidebar,.layout.mobile-view-advies .data-col{display:none}.layout.mobile-view-advies .advies-col{display:block}.layout.mobile-view-import .main-col,.layout.mobile-view-import .sidebar,.layout.mobile-view-import .data-col,.layout.mobile-view-import .advies-col{display:none}.layout.mobile-view-import .smart-import-col{display:block}.layout.mobile-view-admin .main-col,.layout.mobile-view-admin .sidebar,.layout.mobile-view-admin .data-col,.layout.mobile-view-admin .advies-col,.layout.mobile-view-admin .smart-import-col{display:none}.layout.mobile-view-admin .admin-col{display:block}}@media(max-width:600px){header{padding:calc(.55rem + var(--safe-top)) .85rem .55rem;gap:.45rem}header h1{font-size:1.05rem}.subtitle{display:none}.brand-mark img{width:28px;height:28px}#account-btn{padding:0 .7rem;font-size:.73rem}textarea#food-input{min-height:24px}.search-bar{padding:.42rem .42rem .42rem .95rem}.search-bar-btn{width:38px;height:38px}.meal-btn{min-height:38px;padding:.45rem .9rem;font-size:.82rem}.input-area{padding:1.05rem}.day-nav{padding:.35rem;gap:.35rem}.day-nav button{width:38px;height:38px}#today-btn{min-width:82px}#day-label{font-size:1.2rem}.ac-portie-quicks{gap:.4rem;padding:.6rem .9rem .2rem}.ac-portie-quick{padding:.5rem .8rem;font-size:.82rem;min-height:38px;border-radius:var(--radius-sm)}.ac-portie-manual{padding:.4rem .9rem .6rem}.ac-portie-input{font-size:1rem;padding:.5rem;min-height:38px}.ac-portie-add{min-height:38px;min-width:44px;font-size:1.1rem}.ac-item{padding:.65rem .9rem;min-height:44px}.summary-card,.viz-card,.history-card,.do-section,.advies-page-body,.smart-import-body{padding:1rem}.cal-ring-wrap{padding:1rem;gap:.85rem}.quick-favs{gap:.4rem}.quick-fav-chip{padding:.45rem .8rem;font-size:.8rem;min-height:36px}.match-manual-btn{padding:.35rem .6rem;min-height:32px}#match-modal .modal-btns{grid-template-columns:1fr}.match-item-actions{display:grid;grid-template-columns:1fr}.match-manual-btn{width:100%;white-space:normal;overflow-wrap:anywhere}.item-delete{width:32px;height:32px;font-size:.9rem}.save-recipe-action-row{flex-direction:column}.meal-item.recipe-select-mode{align-items:flex-start}.meal-item.recipe-select-mode>div:last-child{width:100%;justify-content:space-between}.meal-item-check{padding:.34rem .6rem;font-size:.74rem}}@media(max-width:430px){.layout{padding-left:.78rem;padding-right:.78rem}header{padding-left:.78rem;padding-right:.78rem;gap:.38rem}.header-actions{width:100%;justify-content:flex-start;gap:.18rem}.icon-btn,.sync-indicator,#account-btn{min-height:34px}.icon-btn,.sync-indicator,#account-btn[data-account-state=guest]{min-width:34px;width:34px}#account-btn{padding:0 .64rem;font-size:.71rem}.day-nav{flex-wrap:wrap;justify-content:center}#day-label{font-size:1.08rem}#today-btn{min-width:74px}.summary-card-header{align-items:flex-start;gap:.45rem}.summary-card-header h3{font-size:1.02rem}.cal-ring-wrap{gap:.7rem}.edit-modal-card{max-height:min(92dvh,760px)}.edit-modal-body{padding-right:0}.edit-modal-actions{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem;gap:.45rem;padding-top:.7rem}.macro-donut-wrap{flex-direction:column;align-items:flex-start;gap:.8rem}.macro-donut{width:96px;height:96px}.macro-legend-pct{display:none}.do-kpi-grid{grid-template-columns:1fr 1fr}.do-kpi{min-height:78px}.do-kpi-val{font-size:1.34rem}.settings-nav-item{padding:.48rem .62rem}.settings-tab-title{font-size:1rem}.smart-actions{gap:.42rem}.smart-actions .btn-primary,.smart-actions .btn-secondary,.smart-inline-select{font-size:.74rem;padding:.56rem .68rem}.smart-manage-actions{width:100%;justify-content:stretch}.smart-manage-actions button{flex:1 1 calc(50% - .15rem)}.mobile-tab{font-size:.58rem}.mobile-tab-icon svg{width:1.08rem;height:1.08rem}}@media(max-width:375px){.layout{padding:.65rem .65rem 5.5rem}.input-area{padding:.8rem}header h1{font-size:.95rem}.header-actions{gap:.05rem}.mobile-tab-bar{padding-left:.55rem;padding-right:.55rem}#account-btn{padding:0 .58rem;font-size:.69rem}}