:root{--accent:#b86d3c;--accent-soft:#b86d3c24;--flow:#30b0c7;--good:#34c759;--warn:#ff9500;--info:#007aff;--danger:#ff3b30;--star:#ff9500;--bg:#f2f2f7;--card:#fff;--fill:#e9e9ee;--text:#000;--muted:#6c6c70;--hairline:#e0e0e5;--radius:20px;--tabbar:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--accent:#e29961;--accent-soft:#e299612e;--bg:#000;--card:#1c1c1e;--fill:#2c2c2e;--text:#fff;--muted:#98989f;--hairline:#38383a}}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,select,textarea{font:inherit;color:var(--text)}.tnum{font-variant-numeric:tabular-nums}.app{max-width:560px;min-height:100vh;flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.screen{padding-top:env(safe-area-inset-top);flex-direction:column;flex:1;display:flex}.screen.with-tabs{padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom))}.topbar{z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);align-items:center;gap:8px;min-height:52px;padding:10px 12px 6px;display:flex;position:sticky;top:0}.topbar h1{flex:1;margin:0;font-size:22px;font-weight:700}.topbar.center h1{text-align:center;font-size:17px;font-weight:600}.content{flex-direction:column;gap:14px;padding:4px 16px 24px;display:flex}.bottom-action{bottom:calc(var(--tabbar) + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 30%);padding:8px 16px 10px;position:sticky}.screen:not(.with-tabs) .bottom-action{padding-bottom:calc(10px + env(safe-area-inset-bottom));bottom:0}.tabbar{z-index:10;width:100%;max-width:560px;height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--hairline);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar button{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.tabbar button.active{color:var(--accent);font-weight:600}.card{background:var(--card);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;display:flex}.card.clickable{cursor:pointer;transition:transform 80ms}.card.search-bar{flex-direction:row;align-items:center;gap:8px;padding:4px 12px}.card.clickable:active{transform:scale(.99)}.section-header{letter-spacing:.6px;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:-6px;padding:0 4px;font-size:12px;font-weight:600;display:flex}.section-header span+span{text-transform:none;letter-spacing:0;font-weight:400}.row{align-items:center;gap:10px;display:flex}.row.top{align-items:flex-start}.grow{flex:1;min-width:0}.divider{background:var(--hairline);height:1px;margin:2px 0}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11px}.title{font-size:17px;font-weight:600}.big-title{margin:0;font-size:26px;font-weight:700}.headline{font-size:22px;font-weight:700}.accent{color:var(--accent)}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stats{display:flex}.stat{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.stat .value{white-space:nowrap;align-items:center;gap:3px;font-size:17px;font-weight:600;display:flex}.stat .label{color:var(--muted);font-size:11px}.btn-primary{background:var(--accent);color:#fff;border-radius:18px;justify-content:center;align-items:center;gap:8px;width:100%;height:56px;font-size:17px;font-weight:600;display:flex}.btn-primary.green{background:var(--good)}.btn-primary.muted-btn{background:var(--fill);color:var(--text)}.btn-primary:disabled{opacity:.5}.btn{background:var(--fill);border-radius:12px;align-items:center;gap:6px;padding:9px 14px;font-size:15px;font-weight:600;display:inline-flex}.btn.tinted{background:var(--accent-soft);color:var(--accent)}.btn.danger{color:var(--danger)}.link{color:var(--accent);align-items:center;gap:4px;font-weight:600;display:inline-flex}.icon-btn{border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-btn.filled{background:var(--fill)}.chip{background:var(--fill);border:1.5px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:15px;font-weight:500;display:inline-flex}.chip.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.chip.selected.green{border-color:var(--good);color:var(--good);background:#34c75929}.chips{flex-wrap:wrap;gap:8px;display:flex}.badge{color:var(--accent);background:var(--accent-soft);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.select-row{align-items:center;gap:8px;display:flex}.select-row .label{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;display:flex}.select-row select{text-align:right;text-align-last:right;appearance:none;min-width:0;color:var(--accent);cursor:pointer;background:0 0;background-image:linear-gradient(45deg, transparent 50%, var(--accent) 50%), linear-gradient(135deg, var(--accent) 50%, transparent 50%);background-position:calc(100% - 8px) 55%,calc(100% - 3px) 55%;background-repeat:no-repeat;background-size:5px 5px;border:none;flex:1;padding:6px 18px 6px 0;font-size:15px}.select-row select option{color:initial}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--muted);font-size:12px}.input{border:1px solid var(--hairline);background:var(--bg);border-radius:12px;width:100%;padding:12px;font-size:16px}.input:focus{outline:2px solid var(--accent);outline-offset:-1px}textarea.input{resize:vertical;min-height:72px}.stepper{align-items:center;gap:8px;display:flex}.stepper .value{text-align:center;min-width:72px;font-weight:600}.round{border:1px solid var(--hairline);border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.switch{flex-shrink:0;width:51px;height:31px;position:relative}.switch input{opacity:0;width:0;height:0}.switch span{background:var(--fill);cursor:pointer;border-radius:31px;transition:all .2s;position:absolute;inset:0}.switch span:before{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.switch input:checked+span{background:var(--good)}.switch input:checked+span:before{transform:translate(20px)}.range{width:100%;accent-color:var(--accent)}.taste-row{align-items:center;gap:8px;display:flex}.taste-row .name{width:84px;color:var(--muted);font-size:14px}.taste-row .bars{flex:1;gap:4px;display:flex}.taste-row .bars span{background:var(--fill);border-radius:4px;flex:1;height:8px}.grind{align-items:center;display:flex}.grind .center{flex-direction:column;flex:1;align-items:center;display:flex}.grind input{text-align:center;background:0 0;border:none;width:140px;padding:0;font-size:40px;font-weight:600}.grind input:focus{outline:none}.step-btn{color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding:4px;font-size:11px;display:flex}.step-btn .circle{background:var(--fill);width:48px;height:48px;color:var(--text);border-radius:24px;justify-content:center;align-items:center;display:flex}.recommend{background:var(--accent-soft);text-align:left;border-radius:12px;align-items:flex-start;gap:8px;width:100%;padding:10px;display:flex}.live{padding:calc(8px + env(safe-area-inset-top)) 16px calc(12px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;min-height:100dvh;display:flex}.readouts{justify-content:space-between;align-items:flex-end;display:flex}.readout-label{color:var(--muted);font-size:11px;font-weight:600}.readout{font-variant-numeric:tabular-nums;font-size:54px;font-weight:600;line-height:1.05}.progress{background:var(--fill);border-radius:6px;height:12px;position:relative}.progress .fill{border-radius:6px;transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.progress .marker{background:color-mix(in srgb, var(--text) 50%, transparent);width:2px;height:16px;position:absolute;top:-2px}.flash{outline:3px solid var(--flash,transparent);outline-offset:-3px}.steps-strip{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.step-chip{background:var(--card);border:1.5px solid #0000;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:7px 10px;display:flex}.step-chip.current{background:var(--accent-soft);border-color:var(--accent)}.step-chip.done{opacity:.6}.pulse{animation:1.1s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.8;transform:scale(.9)}to{opacity:.25;transform:scale(1.25)}}.onboarding{height:100vh;height:100dvh;padding:calc(8px + env(safe-area-inset-top)) 0 calc(12px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.onboarding .body{overscroll-behavior:contain;flex:1;min-height:0;padding:0 16px 8px;overflow-y:auto}.onboarding .welcome{flex:1;overflow-y:auto}.dots{flex:1;justify-content:center;gap:6px;display:flex}.dots span{background:var(--fill);border-radius:4px;width:8px;height:8px;transition:width .25s}.dots span.on{background:var(--accent)}.dots span.current{width:22px}.tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tile{background:var(--card);text-align:left;border:2px solid #0000;border-radius:18px;flex-direction:column;min-height:128px;padding:14px;display:flex}.tile.selected{border-color:var(--accent)}.tile .name{margin-top:auto;padding-top:14px;font-weight:600}.list-row{background:var(--card);text-align:left;border-radius:12px;align-items:center;gap:14px;width:100%;margin-bottom:6px;padding:12px 14px;display:flex}.welcome{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:24px;display:flex}.logo{background:var(--accent);color:#fff;border-radius:56px;justify-content:center;align-items:center;width:112px;height:112px;display:flex}.feature{text-align:left;align-items:flex-start;gap:14px;display:flex}.sheet-backdrop{z-index:50;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;max-width:560px;padding:16px 20px calc(24px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;flex-direction:column;gap:12px;max-height:85dvh;display:flex;overflow-y:auto}.sheet .grabber{background:var(--fill);border-radius:3px;align-self:center;width:36px;height:5px}.empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:40px 32px;display:flex}.icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notice{background:color-mix(in srgb, var(--warn) 14%, transparent);border-radius:14px;padding:12px;font-size:13px}.grid4{grid-template-columns:.4fr 1.4fr 1.4fr .6fr;gap:8px 10px;font-size:14px;display:grid}.grid4 .head{color:var(--muted);font-size:12px;font-weight:600}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:11px;display:flex}.legend .item{align-items:center;gap:5px;display:inline-flex}