:root{--bg:#fbf3e8;--surface:#fff;--surface-2:#f3e6d2;--primary:#b85c38;--primary-strong:#9c4a2b;--accent:#7c8a57;--accent-strong:#647046;--highlight:#d9a441;--text:#3a322c;--muted:#8a7e70;--line:#e7d8c2;--on-primary:#fff;--on-accent:#fff;--on-highlight:#3a322c;--danger:#c0492f;--danger-bg:#fbe6e0;--danger-border:#f0c6ba;--ok-text:#647046;--ok-bg:#e9efdd;--ok-border:#d3e0bb;--info-bg:#f3e6d2;--chip-bg:#f3e6d2;--chip-text:#3a322c;--chip-sage-bg:#e9efdd;--chip-sage-text:#647046;--chip-mustard-bg:#f8ecca;--chip-mustard-text:#8a6a1c;--nav-bg:#fffdf9eb;--scrim:#3a322c6b;--thumb-grad-a:#f3e6d2;--thumb-grad-b:#e7d2b3;--shadow:0 6px 18px #60432814, 0 1px 3px #6043280f;--shadow-lg:0 18px 40px #60432829, 0 3px 8px #60432814;--grain-opacity:.05;--terracotta:var(--primary);--terracotta-dark:var(--primary-strong);--creme:var(--bg);--creme-deep:var(--surface-2);--sage:var(--accent);--sage-dark:var(--accent-strong);--mustard:var(--highlight);--anthracite:var(--text);--paper:var(--surface);--paper-2:var(--surface);--ok:var(--accent);--radius:18px;--radius-sm:12px;--radius-lg:26px;--font-head:"Fraunces", Georgia, serif;--font-body:"Nunito Sans", system-ui, -apple-system, sans-serif;--font-hand:"Caveat", cursive;--t-xs:.78rem;--t-sm:.88rem;--t-base:1rem;--t-lg:1.2rem;--t-xl:1.5rem;--t-2xl:1.85rem;--t-3xl:2.3rem;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--nav-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=olijf]{--bg:#f4f1ea;--surface:#fff;--surface-2:#ece7da;--primary:#4a5238;--primary-strong:#3a4030;--accent:#6b7350;--accent-strong:#565d40;--highlight:#a8763e;--text:#2b2b28;--muted:#7c786e;--line:#e2dcce;--on-primary:#fff;--on-accent:#fff;--on-highlight:#fff;--danger:#b23a28;--danger-bg:#f3e1dc;--danger-border:#e4c4ba;--ok-text:#565d40;--ok-bg:#e6ebdc;--ok-border:#d2dbc2;--info-bg:#ece7da;--chip-bg:#ece7da;--chip-text:#2b2b28;--chip-sage-bg:#e6ebdc;--chip-sage-text:#565d40;--chip-mustard-bg:#f1e4cf;--chip-mustard-text:#7a551f;--nav-bg:#f4f1eaeb;--scrim:#2b2b2873;--thumb-grad-a:#ece7da;--thumb-grad-b:#d8d0bd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=vers]{--bg:#f7fbf4;--surface:#fff;--surface-2:#e8f2e2;--primary:#2fa45a;--primary-strong:#268048;--accent:#e4572e;--accent-strong:#c0451f;--highlight:#f2a93b;--text:#233028;--muted:#6b7a6e;--line:#d8e8d2;--on-primary:#fff;--on-accent:#fff;--on-highlight:#233028;--danger:#e4572e;--danger-bg:#fbe5dd;--danger-border:#f3c8b8;--ok-text:#268048;--ok-bg:#e1f1e4;--ok-border:#c5e4cc;--info-bg:#e8f2e2;--chip-bg:#e8f2e2;--chip-text:#233028;--chip-sage-bg:#e1f1e4;--chip-sage-text:#268048;--chip-mustard-bg:#fbeac9;--chip-mustard-text:#9a6a16;--nav-bg:#f7fbf4eb;--scrim:#2330286b;--thumb-grad-a:#e8f2e2;--thumb-grad-b:#cfe7c8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=nacht]{--bg:#1c1a18;--surface:#262320;--surface-2:#322e29;--primary:#d98a3d;--primary-strong:#c2762e;--accent:#c9a24b;--accent-strong:#b08e3e;--highlight:#c9a24b;--text:#f3ece1;--muted:#a39a8c;--line:#3a352f;--on-primary:#20180f;--on-accent:#20180f;--on-highlight:#20180f;--danger:#e8765a;--danger-bg:#3a2723;--danger-border:#5a3a30;--ok-text:#bcd29a;--ok-bg:#2a3024;--ok-border:#3e462f;--info-bg:#322e29;--chip-bg:#322e29;--chip-text:#f3ece1;--chip-sage-bg:#2a3024;--chip-sage-text:#bcd29a;--chip-mustard-bg:#352d1f;--chip-mustard-text:#e0be72;--nav-bg:#1c1a18e6;--scrim:#0009;--thumb-grad-a:#322e29;--thumb-grad-b:#3f3930;--shadow:0 0 0 1px #ffffff0a, 0 8px 24px #00000073;--shadow-lg:0 0 0 1px #ffffff0d, 0 18px 44px #0009;--grain-opacity:.04;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;margin:0;transition:background .25s,color .25s}body:before{content:"";z-index:0;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4{font-family:var(--font-head);color:var(--text);font-optical-sizing:auto;margin:0;font-weight:600;line-height:1.12}h1{font-size:var(--t-2xl);letter-spacing:-.02em}h2{font-size:var(--t-lg);letter-spacing:-.01em}p{line-height:1.55}a{color:var(--primary);text-decoration:none}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:16px}.logo{font-family:var(--font-hand);color:var(--primary);letter-spacing:.5px;font-weight:700;line-height:1}.app-shell{z-index:1;flex-direction:column;max-width:540px;min-height:100%;margin:0 auto;display:flex;position:relative}.app-main{padding:calc(var(--safe-top) + 8px) 16px calc(var(--nav-h) + var(--safe-bottom) + 24px);flex:1}.screen-pad{padding-bottom:90px}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:10px 2px 18px;display:flex}.topbar h1{font-size:var(--t-xl)}.topbar .sub{color:var(--muted);font-size:var(--t-sm);margin-top:2px}.btn{appearance:none;font-size:var(--t-base);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-weight:700;line-height:1;transition:transform 60ms,background .15s,box-shadow .15s,filter .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 6px 14px #0000001f}.btn-primary:active{background:var(--primary-strong)}.btn-primary:disabled{opacity:.55;box-shadow:none;cursor:default}.btn-ghost{color:var(--primary);background:0 0;padding:10px 14px}.btn-soft{background:var(--surface-2);color:var(--text);border:1px solid color-mix(in srgb, var(--line) 60%, transparent)}.btn-sage{background:var(--accent);color:var(--on-accent)}.btn-mustard{background:var(--highlight);color:var(--on-highlight);box-shadow:0 5px 12px #0000001f}.btn-mustard:active{filter:brightness(.95)}.btn-mustard:disabled{opacity:.55;box-shadow:none;cursor:default}.btn-block{width:100%}.btn-lg{font-size:var(--t-lg);padding:16px 22px}.btn-sm{font-size:var(--t-sm);padding:8px 14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card-tap{cursor:pointer;transition:transform 80ms,box-shadow .15s}.card-tap:active{transform:scale(.99)}.thumb{background:linear-gradient(135deg, var(--thumb-grad-a), var(--thumb-grad-b));color:var(--primary);border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb .thumb-emoji{filter:saturate(.9);font-size:1.5rem}.thumb-lg{border-radius:18px}.field{margin-bottom:14px}.field>label{font-weight:700;font-size:var(--t-sm);color:var(--text);margin-bottom:6px;display:block}.input,.textarea,select.input{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:12px 14px;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--muted);opacity:.8}.input:focus,.textarea:focus,select.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent);outline:none}.textarea{resize:vertical;min-height:84px;line-height:1.5}.row{gap:10px;display:flex}.row>*{flex:1}.banner{border-radius:var(--radius-sm);font-weight:600;font-size:var(--t-sm);margin-bottom:14px;padding:11px 14px}.banner-error{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.banner-ok{background:var(--ok-bg);color:var(--ok-text);border:1px solid var(--ok-border)}.banner-info{background:var(--info-bg);color:var(--text);border:1px solid var(--line)}.bottomnav{z-index:20;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);max-width:540px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav a{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.7rem;font-weight:700;text-decoration:none;display:flex}.bottomnav a.active{color:var(--primary)}.bottomnav a.active svg{transform:translateY(-1px)}.bottomnav svg{width:24px;height:24px}.stack{flex-direction:column;gap:12px;display:flex}.stack-sm{flex-direction:column;gap:8px;display:flex}.muted{color:var(--muted)}.center{text-align:center}.divider{background:var(--line);opacity:.7;border:none;height:1px;margin:16px 0}.chip{background:var(--chip-bg);color:var(--chip-text);border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:.8rem;font-weight:700;display:inline-flex}.chip-sage{background:var(--chip-sage-bg);color:var(--chip-sage-text)}.chip-mustard{background:var(--chip-mustard-bg);color:var(--chip-mustard-text)}.chip-tap{cursor:pointer;border:1px solid #0000;transition:border-color .12s,background .12s}.chip-tap.on{background:var(--primary);color:var(--on-primary)}.empty{text-align:center;color:var(--muted);padding:48px 20px}.empty .big{opacity:.92;margin-bottom:10px;font-size:2.8rem}.spinner{border:3px solid var(--surface-2);border-top-color:var(--primary);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite spin}.spinner-full{justify-content:center;align-items:center;min-height:60vh;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.fab{right:max(16px,50vw - 254px);bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);z-index:15;background:var(--primary);width:58px;height:58px;color:var(--on-primary);box-shadow:var(--shadow-lg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}.fab:active{transform:scale(.94)}.check{border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:9px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;transition:background .12s,border-color .12s;display:inline-flex}.check.on{background:var(--accent);border-color:var(--accent)}.check svg{width:17px;height:17px;color:var(--on-accent);opacity:0;transition:opacity .12s}.check.on svg{opacity:1}.sheet-backdrop{z-index:40;background:var(--scrim);justify-content:center;align-items:flex-end;animation:.18s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:540px;padding:10px 18px calc(18px + var(--safe-bottom));box-shadow:var(--shadow-lg);border-radius:22px 22px 0 0;max-height:88vh;animation:.22s cubic-bezier(.2,.7,.2,1) slideup;overflow-y:auto}.sheet .grip{background:var(--line);border-radius:4px;width:40px;height:4px;margin:6px auto 14px}@keyframes fade{0%{opacity:0}}@keyframes slideup{0%{transform:translateY(100%)}}.segment{background:var(--surface-2);border-radius:999px;gap:4px;padding:4px;display:flex}.segment button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:9px;font-weight:700}.segment button.on{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.md p{margin:8px 0}.md-list{margin:8px 0;padding-left:22px}.md-list li{margin:4px 0;line-height:1.5}.md-code{background:var(--surface-2);border-radius:6px;padding:1px 6px;font-family:ui-monospace,Menlo,monospace;font-size:.88em}.theme-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.theme-swatch{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:10px 12px;transition:border-color .12s,box-shadow .12s;display:flex}.theme-swatch.on{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent)}.theme-swatch .dots{gap:4px;display:flex}.theme-swatch .dots i{border:1px solid #00000014;border-radius:99px;width:14px;height:14px;display:inline-block}.theme-swatch .nm{font-weight:700;font-size:var(--t-sm)}.onb-backdrop{z-index:60;background:var(--scrim);justify-content:center;align-items:center;padding:24px;animation:.2s fade;display:flex;position:fixed;inset:0}.onb-card{background:var(--surface);width:100%;max-width:380px;padding:26px 22px calc(20px + var(--safe-bottom));box-shadow:var(--shadow-lg);text-align:center;border-radius:22px;animation:.24s cubic-bezier(.2,.7,.2,1) slideup}.onb-emoji{margin-bottom:10px;font-size:3rem;line-height:1}.onb-dots{justify-content:center;gap:7px;margin:18px 0 16px;display:flex}.onb-dots span{background:var(--line);border-radius:99px;width:8px;height:8px;transition:background .15s,width .15s}.onb-dots span.on{background:var(--primary);width:22px}.name-edit{text-align:left;min-width:0;font:inherit;color:inherit;cursor:pointer;overflow-wrap:break-word;background:0 0;border:0;flex:1;padding:0;font-weight:600;line-height:1.25}.name-edit:active{opacity:.55}.item-naam{overflow-wrap:break-word;font-weight:600;line-height:1.25}.segment.tabs-lg button{padding:11px 10px;font-size:1.05rem}