:root{color-scheme:light;--cream: #FFF8ED;--cream-2: #F1E9DC;--card: #ffffff;--surface-2: #F7F0E3;--segment-on: #ffffff;--nav-bg: #FFFCF5;--border: #F0E6D6;--border-2: #EDE0CC;--ink: #3D3226;--body-2: #6E5F4B;--muted: #655948;--muted-2: #756B5C;--icon: #6E5F4B;--green: #3FA35E;--green-d: #2E7D4B;--green-dd: #358F52;--green-soft: #EFF8F0;--green-tint: #CFE8D6;--hero: #2A7245;--hero-ink: #ffffff;--hero-sub: #DDF1E4;--orange: #F98948;--orange-d: #E8763A;--orange-soft: #FFEFD8;--warm: #B85C1A;--banner-ink: #9B5F1D;--banner-bd: #F5DDB4;--amber: #966411;--amber-soft: #FFF3D6;--red: #B9422D;--red-soft: #FDE8E4;--on-accent: #ffffff;--knob: #ffffff;--knob-ink: #6E5F4B;--toggle-off: #E0D3BC;--handle: #D8C9AE;--star-on: #FFB020;--star-off: #EDE0CC;--bar-past: #7CC98F;--recipe-1: #DFF2E1;--recipe-2: #FFE9D2;--recipe-3: #F3ECFB;--paper: #FFFDF6;--paper-line: #EFE6D3;--paper-line-2: #E5D9C2;--warn-card: #FFF7E6;--warn-bd: #F5DDB4;--warn-dash: #E8B368;--cam-bg: #2C2419;--toast-bg: #3D3226;--toast-ink: #ffffff;--toast-act: #8FD8A4;--scrim: rgba(61,50,38,.45);--app-shadow: 0 0 60px rgba(61,50,38,.08);--sheet-shadow: 0 -12px 40px rgba(61,50,38,.25);--shadow: 0 6px 16px rgba(63,163,94,.3);--shadow-orange: 0 8px 20px rgba(249,137,72,.4);--font-head: "Baloo 2", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--maxw: 460px}:root[data-theme=dark]{color-scheme:dark;--cream: #16130F;--cream-2: #0E0C09;--card: #211C16;--surface-2: #2C251E;--segment-on: #3F3529;--nav-bg: #1B1712;--border: #372F26;--border-2: #3D3329;--ink: #F5EDE1;--body-2: #C9BAA4;--muted: #BCAD98;--muted-2: #9B8D79;--icon: #C9BAA4;--green: #3FA35E;--green-d: #7CD79A;--green-dd: #358F52;--green-soft: #1C3527;--green-tint: #A3DDB6;--hero: #1E5236;--hero-ink: #F2FBF5;--hero-sub: #A3DDB6;--orange: #F98948;--orange-d: #E8763A;--orange-soft: #382718;--warm: #F5AC6B;--banner-ink: #F3C593;--banner-bd: #4A3A22;--amber: #FFCB7D;--amber-soft: #3A2C12;--red: #FF9A82;--red-soft: #3B211B;--on-accent: #ffffff;--knob: #EFE6D8;--knob-ink: #2B241D;--toggle-off: #4C4135;--handle: #4E4337;--star-on: #FFC24D;--star-off: #453A2E;--bar-past: #4E9A67;--recipe-1: #1C3527;--recipe-2: #382718;--recipe-3: #2A2436;--paper: #2A241D;--paper-line: #3E362C;--paper-line-2: #4A4136;--warn-card: #332811;--warn-bd: #5A4520;--warn-dash: #8A6A34;--cam-bg: #100D0A;--toast-bg: #3B332B;--toast-ink: #F5EDE1;--toast-act: #8FD8A4;--scrim: rgba(0,0,0,.62);--app-shadow: 0 0 60px rgba(0,0,0,.5);--sheet-shadow: 0 -12px 40px rgba(0,0,0,.55);--shadow: 0 6px 16px rgba(0,0,0,.45);--shadow-orange: 0 8px 20px rgba(0,0,0,.5)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--cream-2);color:var(--ink);font-weight:700;overscroll-behavior-y:none}#root{min-height:100dvh}h1,h2,h3{font-family:var(--font-head);margin:0}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit}a{color:var(--green-d)}.app{max-width:var(--maxw);margin:0 auto;min-height:100dvh;background:var(--cream);position:relative;display:flex;flex-direction:column;box-shadow:var(--app-shadow)}.screen{flex:1;display:flex;flex-direction:column;padding:max(env(safe-area-inset-top),22px) 22px 22px}.screen-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.has-nav{padding-bottom:96px}.page-title{font-family:var(--font-head);font-weight:700;font-size:32px;color:var(--ink);line-height:1.1}.page-sub{font-weight:700;font-size:14.5px;color:var(--muted);margin-top:2px}.eyebrow{font-weight:800;font-size:13px;letter-spacing:1px;color:var(--muted-2)}.btn{display:flex;align-items:center;justify-content:center;gap:10px;height:58px;border-radius:999px;font-weight:800;font-size:17px;width:100%;transition:background .15s,transform .05s}.btn:active{transform:scale(.985)}.btn-green{background:var(--green);color:var(--on-accent);box-shadow:var(--shadow)}.btn-green:active{background:var(--green-dd)}.btn-orange{background:var(--orange);color:var(--on-accent);box-shadow:var(--shadow-orange)}.btn-dark{background:var(--ink);color:var(--cream)}.btn-outline{background:var(--card);border:2px solid var(--border-2);color:var(--ink)}.btn-outline-green{background:var(--card);border:2.5px solid var(--green);color:var(--green-d)}.btn:disabled{opacity:.5}.card{background:var(--card);border:2px solid var(--border);border-radius:20px;padding:15px;color:var(--ink)}.card-tap{cursor:pointer;transition:border-color .15s}.card-tap:active{border-color:var(--green-tint)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:800;font-size:13.5px;color:var(--muted);padding-left:4px}.input{height:54px;border-radius:16px;border:2px solid var(--border);background:var(--card);padding:0 16px;font-size:16px;font-weight:700;color:var(--ink);width:100%}.input::placeholder{color:var(--muted-2)}.input:focus{outline:none;border-color:var(--green)}textarea.input{height:auto;padding:14px 16px;resize:vertical;min-height:90px;line-height:1.4}.chip{display:inline-flex;align-items:center;border-radius:99px;padding:3px 10px;font-weight:800;font-size:12px}.chip-red{background:var(--red-soft);color:var(--red)}.chip-amber{background:var(--amber-soft);color:var(--amber)}.chip-green{background:var(--green-soft);color:var(--green-d)}.chip-grey{background:var(--surface-2);color:var(--muted)}.stepper{display:flex;align-items:center;background:var(--surface-2);border-radius:999px;padding:4px}.stepper button{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}.stepper .minus{background:var(--knob);color:var(--knob-ink)}.stepper .plus{background:var(--green);color:var(--on-accent)}.stepper .val{width:30px;text-align:center;font-weight:800;font-size:16px;color:var(--ink)}.item-icon{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex:none;font-size:24px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--maxw);background:var(--nav-bg);border-top:2px solid var(--border);display:flex;justify-content:space-around;padding:10px 12px calc(12px + env(safe-area-inset-bottom));z-index:40}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;color:var(--muted-2)}.nav-item.active{color:var(--green-d)}.nav-item .nav-label{font-weight:800;font-size:11.5px}.fab{position:fixed;right:50%;margin-right:calc(-1 * (var(--maxw) / 2) + 20px);bottom:calc(92px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:6px;background:var(--orange);border-radius:999px;padding:0 22px;height:54px;box-shadow:var(--shadow-orange);font-weight:800;font-size:16px;color:var(--on-accent);z-index:45}@media(max-width:500px){.fab{right:20px;margin-right:0}}.back-btn{width:40px;height:40px;border-radius:50%;background:var(--card);border:2px solid var(--border-2);display:flex;align-items:center;justify-content:center;flex:none;color:var(--icon)}.progress{flex:1;display:flex;gap:8px}.progress>div{flex:1;height:9px;border-radius:99px;background:var(--border-2)}.progress>div.on{background:var(--green)}.ptr{display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;color:var(--muted);font-weight:800;font-size:12.5px;transition:height .18s ease,opacity .18s ease}.ptr svg{transition:transform .2s ease}.ptr.armed svg{transform:rotate(180deg)}.pill{display:inline-flex;align-items:center;gap:7px;background:var(--surface-2);color:var(--ink);border-radius:999px;padding:0 14px;height:32px;font-weight:800;font-size:12.5px;white-space:nowrap;transition:background .12s,opacity .12s}.pill:active{background:var(--border-2)}.pill:disabled{opacity:.6}.pill svg{flex:none}.group{background:var(--card);border:2px solid var(--border);border-radius:20px;overflow:hidden}.group>*{width:100%}.group>*+*{border-top:1.5px solid var(--border)}.srow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 16px;color:var(--ink);transition:background .12s}.srow:active{background:var(--surface-2)}.srow-main{flex:1;min-width:0}.srow-title{font-weight:800;font-size:15.5px}.srow-sub{font-weight:700;font-size:12.5px;color:var(--muted);margin-top:2px;line-height:1.4}.srow-action{font-weight:800;font-size:13px;flex:none;color:var(--green-d)}.srow-panel{padding:0 16px 16px;display:flex;flex-direction:column;gap:10px}.section-label{margin:0 0 8px 4px}.segment{display:flex;gap:4px;background:var(--surface-2);border-radius:14px;padding:4px}.segment button{flex:1;height:38px;border-radius:10px;font-weight:800;font-size:13.5px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:5px;transition:background .15s,color .15s}.segment button.on{background:var(--segment-on);color:var(--ink);box-shadow:0 1px 3px #00000024}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.spacer{flex:1}.center{display:flex;align-items:center;justify-content:center}.fade-in{animation:fade .22s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet-in{animation:sheet-in .28s cubic-bezier(.32,.72,0,1)}@keyframes sheet-in{0%{opacity:.4;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(110px + env(safe-area-inset-bottom));background:var(--toast-bg);color:var(--toast-ink);font-weight:800;font-size:16px;padding:14px 22px;border-radius:999px;z-index:100;box-shadow:0 8px 24px #00000040;max-width:90%;text-align:center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 2px;line-height:1.35;animation:toast-in .22s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.fade-in,.sheet-in,.toast,.spin{animation:none}*{transition-duration:.01ms!important}}