:root,html[data-role=user]{--bg: #f3eee4;--bg-2: #e8e0d2;--card: #fffaf3;--card-2: #f4ece0;--line: rgba(48, 36, 24, .1);--text: #241c16;--muted: #6f6458;--faint: #9a8e80;--accent: #2c6a5a;--accent-2: #3d8a75;--on-accent: #fffaf3;--green: #2f8a5a;--red: #b4232c;--blue: #3d6b8a;--fab: #b85a2a;--toolbar: rgba(255, 250, 243, .92);--overlay: rgba(36, 28, 22, .38);--hover: rgba(36, 28, 22, .05);--track: rgba(36, 28, 22, .12);--warn: #9a5b12;--radius: 16px;--shadow: 0 1px 2px rgba(36, 28, 22, .04), 0 10px 28px rgba(36, 28, 22, .06);--font: "Source Sans 3", "PingFang SC", "Noto Sans SC", sans-serif;--display: "Fraunces", "Songti SC", serif;--tabbar: 56px}html[data-role=brewer]{--bg: #f4e6cc;--bg-2: #ead4ae;--card: #fff6e8;--card-2: #f3e3c6;--line: rgba(90, 36, 12, .12);--text: #2a160c;--muted: #7a5340;--faint: #a07a66;--accent: #b33a14;--accent-2: #d25a28;--on-accent: #fff7ee;--green: #6a7a28;--blue: #8a5a2a;--fab: #c45c12;--toolbar: rgba(255, 244, 224, .94);--overlay: rgba(42, 22, 12, .4);--hover: rgba(90, 36, 12, .06);--track: rgba(90, 36, 12, .14);--warn: #9a5b12;--shadow: 0 1px 2px rgba(90, 36, 12, .05), 0 10px 28px rgba(90, 36, 12, .08)}html[data-role=admin]{--bg: #e7eef4;--bg-2: #d5e0ea;--card: #f5f8fb;--card-2: #e8eef4;--line: rgba(20, 36, 56, .12);--text: #152033;--muted: #5b6b80;--faint: #8494a8;--accent: #2a4d86;--accent-2: #3d68b0;--on-accent: #f4f8ff;--green: #2f7a62;--blue: #2a4d86;--fab: #2a4d86;--toolbar: rgba(245, 248, 251, .94);--overlay: rgba(21, 32, 51, .4);--hover: rgba(20, 36, 56, .06);--track: rgba(20, 36, 56, .14);--warn: #8a5a18;--shadow: 0 1px 2px rgba(20, 36, 56, .05), 0 10px 28px rgba(20, 36, 56, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.app{min-height:100%;padding-bottom:calc(96px + var(--tabbar))}.toolbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:8px;height:56px;padding:0 10px;background:var(--toolbar);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toolbar .brand{font-family:var(--display);font-size:22px;font-weight:500;font-style:italic;color:var(--accent);margin:0 8px 0 6px;line-height:1;letter-spacing:-.03em}.toolbar .title{flex:1;min-width:0;font-weight:500;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--text);display:grid;place-items:center}.icon-btn:hover,.text-btn:hover,.chip-btn:hover{background:var(--hover)}.icon-btn.active{color:var(--accent)}.text-btn{border:0;background:transparent;color:var(--accent);font-weight:500;letter-spacing:.04em;font-size:13px;padding:8px 10px;border-radius:8px;text-transform:uppercase}.chip-btn{border:0;background:transparent;color:var(--text);font-size:13px;padding:8px 10px;border-radius:8px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-btn.active{color:var(--accent)}.account-wrap{position:relative}.account-menu{position:absolute;right:0;top:42px;z-index:60;min-width:160px;background:var(--card-2);border:1px solid var(--line);border-radius:10px;overflow:hidden}.account-name{padding:10px 12px 6px;color:var(--muted);font-size:12px}.auth-card{padding:28px 22px 20px}.auth-app .wrap{padding-top:48px;max-width:440px}.auth-card h2{margin:0 0 8px;font-size:20px;font-weight:500}.auth-lead{margin:0 0 18px;color:var(--muted);line-height:1.5}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;color:var(--muted);font-size:12px}.auth-form input{height:44px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);color:var(--text);padding:0 12px;font-size:15px}.auth-error{color:var(--red);font-size:13px}.auth-submit{height:44px;border:0;border-radius:10px;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:15px}.auth-submit:disabled{opacity:.6}.auth-code-row{display:grid;grid-template-columns:1fr auto;gap:8px}.auth-code-row input{min-width:0}.auth-code-btn{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);color:var(--text);font-size:13px;white-space:nowrap}.auth-code-btn:disabled{opacity:.55}.role-fieldset{border:1px solid var(--line);border-radius:12px;padding:12px;margin:0}.role-fieldset legend{padding:0 6px;color:var(--muted);font-size:12px}.role-grid{display:grid;gap:8px}.role-pick{position:relative;display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2)}.role-pick.on{border-color:var(--accent)}.role-pick input{position:absolute;opacity:0;pointer-events:none}.role-pick b{color:var(--text);font-size:15px}.role-pick span{color:var(--muted);font-size:12px;line-height:1.4}.account-role{padding:0 12px 8px;color:var(--muted);font-size:12px}.ident-chip{display:inline-flex;align-items:center;gap:8px}.ident-dot{width:8px;height:8px;border-radius:50%;flex:none;background:#2c6a5a}.ident-dot.brewer{background:#b33a14}.ident-dot.admin{background:#2a4d86}.ident-switch{display:grid;gap:4px;padding:0 8px 8px}.ident-pick{display:flex;align-items:center;gap:8px;height:34px;padding:0 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);font-size:13px;text-align:left}.ident-pick.on{background:var(--hover);border-color:var(--line)}.role-checks{display:flex;flex-wrap:wrap;gap:6px}.role-checks label{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 8px;border:1px solid var(--line);border-radius:999px;background:var(--bg-2);color:var(--muted);font-size:12px}.role-checks label.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.admin-roles{flex-wrap:wrap;justify-content:flex-end}.seg-tabs{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto}.seg-tabs button{flex:1;min-width:64px;height:36px;border:1px solid var(--line);border-radius:999px;background:var(--bg-2);color:var(--muted);font-size:13px}.seg-tabs button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.shop-wrap{display:grid;gap:12px}.shop-wrap>.auth-submit,.shop-wrap .card>.auth-submit{width:100%}.shop-wrap label{display:grid;gap:6px;color:var(--muted);font-size:12px;margin:0 0 10px}.shop-wrap input,.shop-wrap select,.shop-wrap textarea{height:44px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);color:var(--text);padding:0 12px;font-size:15px;width:100%}.shop-wrap textarea{height:auto;padding:10px 12px;resize:vertical}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin:12px 0}.quote-grid span{display:block;color:var(--muted);font-size:12px}.quote-grid b{font-size:16px}.price-hero{display:flex;flex-wrap:wrap;gap:16px;padding:12px 0 4px;font-size:14px}.price-hero b{font-size:20px;font-weight:650}.brew-sheet h1{margin:0 0 8px;font-size:22px}.tank-card.on{border-color:var(--accent)}.tank-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tank-flag{flex-shrink:0;font-size:12px;font-weight:600;padding:4px 8px;border-radius:999px;border:1px solid var(--line)}.tank-flag.brew{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tank-flag.idle{color:var(--muted)}.tank-name{display:block;width:100%;margin:10px 0 12px;border:0;background:transparent;color:var(--text);font-size:16px;font-weight:600;text-align:left;padding:0}.tank-name.muted{color:var(--muted);font-weight:500}.tank-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tank-sensor{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.tank-sensor.warn{border-color:var(--red)}.tank-sensor span{display:block;color:var(--muted);font-size:11px}.tank-sensor b{font-size:16px}.tank-sensor em{font-style:normal;font-size:12px;color:var(--muted);margin-left:2px}.tabbar button{font-size:11px}.admin-h{margin:0 0 12px;font-size:16px;font-weight:600}.admin-row{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.admin-row:first-of-type{border-top:0;padding-top:0}.admin-name{font-weight:600}.admin-meta{margin-top:4px;color:var(--muted);font-size:12px}.admin-actions{display:flex;gap:8px;flex-shrink:0}.admin-mini{height:36px;padding:0 14px;font-size:13px}.auth-switch{margin-top:8px;text-transform:none;letter-spacing:0}.wrap{width:min(720px,100%);margin:0 auto;padding:12px 12px calc(88px + var(--tabbar))}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;height:var(--tabbar);display:flex;background:var(--toolbar);border-top:1px solid var(--line)}.tabbar button{flex:1;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px}.tabbar button.active{color:var(--accent)}.card{background:var(--card);border-radius:var(--radius);margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}.card-h{display:flex;align-items:center;gap:8px;padding:12px 14px 8px;min-height:44px}.card-h h2{margin:0;font-size:16px;font-weight:500;flex:1}.card-h .sub{color:var(--muted);font-size:13px;font-weight:400}.header-grid{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:16px 14px 8px}.color-swatch{width:72px;height:72px;border-radius:50%;border:3px solid rgba(255,255,255,.12);box-shadow:inset 0 8px 18px #ffffff2e;position:relative}.color-swatch:after{content:"";position:absolute;inset:10px 18px auto;height:18px;border-radius:50%;background:#ffffff38;filter:blur(1px)}.field{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.field label,.mini-label{font-size:11px;color:var(--muted);letter-spacing:.02em}.field input,.field select,.field textarea,.inline-input{background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:8px 10px;font-size:16px;outline:none;width:100%}.field input:focus,.field select:focus,.field textarea:focus,.inline-input:focus{border-color:var(--accent)}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.meta-row{display:flex;flex-wrap:wrap;gap:8px;padding:4px 14px 14px}.stat-chip{background:var(--card-2);border-radius:10px;padding:8px 10px;min-width:88px;flex:1}.stat-chip b{display:block;font-size:15px;font-weight:500}.stat-chip span{color:var(--muted);font-size:11px}.style-row{display:grid;grid-template-columns:92px 1fr 72px;align-items:center;gap:8px;padding:6px 14px}.style-row .k{color:var(--muted);font-size:12px}.style-row .k small{display:block;font-size:10px;color:var(--faint);font-weight:400;letter-spacing:0}.style-row .v{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.style-row .v.in{color:var(--green)}.style-row .v.out{color:var(--text)}.bar{position:relative;height:18px}.bar .track{position:absolute;left:0;right:0;top:8px;height:2px;background:var(--track)}.bar .band{position:absolute;top:5px;height:8px;background:#3ddc8447;border-radius:8px}.bar .mark{position:absolute;top:3px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--card);border:2px solid var(--text)}.bar .mark.in{background:var(--green)}.list-row{display:grid;grid-template-columns:92px 1fr auto;gap:8px;padding:10px 14px;border-top:1px solid var(--line);align-items:start}.list-row:hover{background:var(--hover)}.amt{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.amt small{color:var(--muted);font-weight:400;margin-left:3px}.amt .rate{display:block;color:var(--faint);font-size:11px;font-weight:400;margin-top:2px}.name{font-size:14px;font-weight:500}.desc{color:var(--muted);font-size:12px;margin-top:2px}.right-meta{text-align:right;font-size:12px;color:var(--muted);white-space:nowrap}.right-meta .hi{color:var(--text);font-weight:500;display:block;margin-bottom:2px}.foot{display:flex;flex-wrap:wrap;gap:14px;padding:10px 14px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.foot b{color:var(--text);font-weight:500}.foot .warn{color:var(--warn)}.foot .ok{color:var(--green)}.foot .bad{color:var(--red)}.step-row{display:grid;grid-template-columns:1fr 80px 72px;padding:10px 14px;border-top:1px solid var(--line);align-items:center}.step-row .t{color:var(--muted);font-size:12px}.water-ions{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:8px 14px 14px}.ion{text-align:center;background:var(--card-2);border-radius:8px;padding:8px 4px}.ion b{display:block;font-size:13px}.ion span{color:var(--muted);font-size:10px}.notes{padding:0 14px 14px}.notes textarea{min-height:90px;resize:vertical;font-size:14px}.fab{position:fixed;right:18px;bottom:calc(18px + var(--tabbar, 56px));width:56px;height:56px;border:0;border-radius:50%;background:var(--fab);color:var(--on-accent);display:grid;place-items:center;z-index:50}.fab-menu{position:fixed;right:18px;bottom:calc(84px + var(--tabbar, 56px));display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:50}.fab-item{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text)}.fab-item span{background:var(--card);padding:6px 10px;border-radius:8px;font-size:13px;box-shadow:var(--shadow);border:1px solid var(--line)}.fab-item i{width:40px;height:40px;border-radius:50%;background:var(--card-2);display:grid;place-items:center;color:var(--accent)}.overlay{position:fixed;inset:0;background:var(--overlay);z-index:80;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(560px,100%);max-height:88vh;overflow:auto;background:var(--card);border-radius:16px 16px 0 0;padding:8px 0 24px}.sheet.has-foot{padding-bottom:0}.sheet-foot{position:sticky;bottom:0;background:var(--card);padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);z-index:2}.primary-btn{width:100%;border:0;border-radius:10px;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:15px;padding:12px 16px}.primary-btn:disabled,.text-btn:disabled{opacity:.4;cursor:not-allowed}.field-hint{color:var(--red);font-size:12px;margin-top:6px}.sheet.center{margin:auto;border-radius:16px;max-height:84vh}.sheet-h{display:flex;align-items:center;padding:10px 8px;position:sticky;top:0;background:var(--card);z-index:2}.sheet-h h3{flex:1;margin:0;font-size:18px;font-weight:500}.search{margin:4px 16px 12px;background:var(--bg-2);border-radius:8px;padding:10px 12px;display:flex;gap:8px}.search input{flex:1;background:transparent;border:0;color:var(--text);outline:none;font-size:15px}.pick{width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:12px 16px;border-top:1px solid var(--line)}.pick:hover{background:var(--hover)}.pick .d{color:var(--muted);font-size:12px;margin-top:2px}.form-pad{padding:8px 16px 0}.warn-banner{margin:0 14px 12px;padding:10px 12px;border-radius:8px;background:#9a5b121f;color:var(--warn);font-size:13px}.read{padding:8px 4px 40px}.read h1{font-size:26px;margin:8px 14px 4px}.read .by{color:var(--muted);margin:0 14px 16px}.read h3{margin:18px 14px 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.read p,.read li{margin:0 14px;line-height:1.55}.read ul{padding:0;list-style:none}.toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%);background:var(--text);color:var(--on-accent);padding:10px 16px;border-radius:10px;z-index:90;font-size:13px}.empty{padding:16px 14px 18px;color:var(--faint);font-size:13px}.num{width:88px;background:transparent;border:0;border-bottom:1px solid transparent;color:var(--text);font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.num:focus{border-bottom-color:var(--accent);outline:none}.check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin:8px 0}.inv-search{display:flex;align-items:center;gap:8px;background:var(--card);border-radius:12px;padding:10px 12px;margin-bottom:8px;color:var(--muted)}.inv-search input{flex:1;background:transparent;border:0;color:var(--text);outline:none;font-size:15px}.inv-tools{display:flex;align-items:center;gap:4px;padding:0 2px 10px}.inv-meta{margin-left:auto;color:var(--faint);font-size:11px}.inv-row{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;color:inherit;padding:12px 14px}.inv-row:hover{background:var(--hover)}.recipe-card{position:relative;overflow:visible}.recipe-main{width:100%;display:grid;grid-template-columns:56px 1fr;gap:12px;text-align:left;border:0;background:transparent;color:inherit;padding:14px 48px 14px 14px}.recipe-card .color-swatch{width:56px;height:56px}.recipe-body .name{font-size:16px;font-weight:500}.recipe-stats{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:10px}.recipe-stats span{display:block;font-size:10px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.recipe-stats b{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.recipe-more{position:absolute;top:8px;right:6px}.recipe-menu{position:absolute;right:10px;top:46px;background:var(--card);border:1px solid var(--line);border-radius:12px;min-width:132px;z-index:6;overflow:hidden;box-shadow:var(--shadow)}.inv-amt{font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap;text-align:right}.inv-amt.ok{color:var(--green)}.inv-amt.zero{color:var(--muted)}.inv-amt.neg{color:var(--red)}.tag{display:inline-block;margin-left:6px;font-size:10px;font-weight:500;padding:1px 6px;border-radius:8px}.tag.warn{background:#9a5b121f;color:var(--warn)}.tag.bad{background:#b4232c1a;color:var(--red)}.collapse{border:0;background:transparent;color:var(--muted);width:28px;font-size:14px}.inv-edit-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px}@media print{.toolbar,.fab,.fab-menu,.tabbar,.icon-btn,.text-btn{display:none!important}.app{padding:0;background:#fff;color:#111}.card{background:#fff;color:#111;break-inside:avoid;box-shadow:none}}@media(max-width:520px){.water-ions{grid-template-columns:repeat(3,1fr)}.header-grid{grid-template-columns:60px 1fr}.color-swatch{width:60px;height:60px}}