:root{--green:#1f4d3f;--green-soft:#dde9e3;--green-ink:#17382e;--amber:#f2b44a;--amber-soft:#f8e3bf;--amber-ink:#5e3305;--rust:#a5560c;--bg:#edefea;--ink:#1c2420;--muted:#5b655f;--line:#d5dad3;--field:#c3cac1;--danger:#7a2314;--danger-soft:#f3d5ce}*{box-sizing:border-box}html,body,#root{background:#e4e8e2;height:100%;margin:0}body{color:var(--ink);font-family:Barlow,system-ui,sans-serif;font-size:16px}button,input,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}.shell{background:var(--bg);flex-direction:column;width:100%;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.top{background:var(--green);color:#fff;min-height:64px;padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));flex:none;justify-content:space-between;align-items:center;display:flex}.brand{flex-direction:column;line-height:1;display:flex}.brand-name{letter-spacing:.02em;font:700 26px Barlow Condensed,sans-serif}.brand-date{color:#cfe0d8;margin-top:4px;font-size:13px}.who{color:#fff;background:0 0;border:2px solid #cfe0d8;border-radius:22px;align-items:center;min-height:44px;padding:0 12px;font:600 14px Barlow,sans-serif;display:flex}.main{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px 16px 24px;display:flex;overflow-y:auto}.nav{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fff;flex:none;display:flex}.nav button{color:#4a554f;background:#fff;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:62px;font:600 12px Barlow,sans-serif;display:flex}.nav button.on{background:var(--green-soft);color:var(--green-ink)}.toast{background:var(--ink);color:#fff;z-index:30;border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.3;position:absolute;bottom:78px;left:16px;right:16px}.col{flex-direction:column;display:flex}.row{flex-direction:row;display:flex}.between{justify-content:space-between}.center{align-items:center}.end{align-items:flex-end}.right{text-align:right;align-items:flex-end}.grow{flex:1;min-width:0}.gap3{gap:3px}.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap14{gap:14px}.gap16{gap:16px}.pad{padding:16px}.tight{margin-top:-8px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.h1{margin:0;font:700 32px Barlow Condensed,sans-serif}.h2{margin:0;font:700 26px Barlow Condensed,sans-serif}.h3{margin:0;font:700 22px Barlow Condensed,sans-serif}.label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:600}.label.light{color:#cfe0d8}.muted{color:var(--muted)}.small{font-size:14px}.big-t{font-size:17px;font-weight:600}.card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px}.card-btn{text-align:left;border:1px solid var(--line);width:100%;min-height:68px;color:inherit;background:#fff;border-radius:14px;padding:12px 14px}.tile{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.tile-v{font:700 32px/1.05 Barlow Condensed,sans-serif}.tile-v.sm{font-size:28px}.panel{background:var(--green);color:#fff;border-radius:14px;gap:12px;padding:14px 16px}.panel-v{font:700 44px/1 Barlow Condensed,sans-serif}.panel-v.sm{font-size:34px}.amber-t{color:var(--amber)}.rec{color:var(--rust);font:700 22px Barlow Condensed,sans-serif}.count{font:700 32px/1 Barlow Condensed,sans-serif}.short{color:var(--rust)}.line{border-top:1px solid #e3e7e1;padding-top:8px}.badge{background:var(--green-soft);color:var(--green-ink);white-space:nowrap;border-radius:8px;padding:3px 8px;font-size:14px;font-weight:600}.badge.amber{background:var(--amber-soft);color:var(--amber-ink)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips.scroll{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.chips.scroll::-webkit-scrollbar{display:none}.chip{border:2px solid var(--field);min-height:44px;color:var(--ink);white-space:nowrap;background:#fff;border-radius:10px;flex:none;padding:0 12px;font:600 16px Barlow,sans-serif}.chip.wide{min-width:64px;min-height:48px;font-size:17px}.chip.round{border-radius:22px;padding:0 14px;font-size:15px}.chip.on{background:var(--green);border-color:var(--green);color:#fff}.chip.removable span{color:var(--muted);margin-left:4px}.seg{border:2px solid var(--green);min-height:48px;color:var(--green);background:#fff;border-radius:12px;flex:1;font:600 16px Barlow,sans-serif}.seg.on{background:var(--green);color:#fff}.btn{border:0;border-radius:12px;min-height:52px;padding:0 16px;font:700 17px Barlow,sans-serif}.btn.big{min-height:56px;font-size:18px}.btn.slim{min-height:48px}.btn.primary{background:var(--green);color:#fff}.btn.amber{background:var(--amber);color:var(--ink)}.btn.outline{color:var(--green);border:2px solid var(--green);background:#fff}.btn.danger{color:var(--danger);border:2px solid var(--danger-soft);background:#fff}.link{color:var(--green);background:0 0;border:0;min-height:44px;padding:0 4px;font:600 15px Barlow,sans-serif;text-decoration:underline}.link.left{align-self:flex-start}.back{min-height:44px;color:var(--green);background:0 0;border:0;align-self:flex-start;padding:0 4px;font:600 16px Barlow,sans-serif}.field{flex-direction:column;gap:6px;display:flex}.input{border:2px solid var(--field);width:100%;height:52px;color:var(--ink);background:#fff;border-radius:10px;padding:0 12px;font:500 18px Barlow,sans-serif}.input.big{font-size:20px}.input.narrow{width:120px;height:48px;font-weight:600}.input:focus{border-color:var(--green);outline:none}.stepper{align-items:center;gap:6px;display:flex}.stepper button{border:2px solid var(--green);width:44px;height:44px;color:var(--green);background:#fff;border-radius:10px;font:700 22px Barlow,sans-serif}.stepper span{text-align:center;min-width:34px;font:600 20px Barlow,sans-serif}.toggle{border:2px solid var(--field);text-align:left;min-height:56px;color:var(--ink);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.toggle.on{border-color:var(--amber);background:#fff6e6}.toggle-box{border:2px solid var(--field);border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:flex}.toggle.on .toggle-box{background:var(--amber);border-color:var(--amber)}.sheet-back{z-index:20;background:#1c242080;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.sheet{padding:18px 16px calc(20px + env(safe-area-inset-bottom));background:#fff;border-radius:18px 18px 0 0;flex-direction:column;gap:12px;max-height:90%;display:flex;overflow-y:auto}.error{background:var(--danger-soft);color:var(--danger);border-radius:12px;padding:10px 12px;font-size:15px}