@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..400;1,9..144,300..400&family=Geist:wght@400;500&family=Geist+Mono:wght@400&display=swap";:root{--color-text:#4a3a2a;--color-accent:#19b59e;--color-accent-deep:#138a78;--color-text-light:#8a7a66;--color-bg:#f0ebe4;--color-bg-soft:#e8e0d4;--color-surface:#fff;--color-divider:#d5cdc3;--color-divider-soft:#e3dccf;--fg:var(--color-text);--fg-mute:var(--color-text-light);--bg:var(--color-bg);--surface:var(--color-surface);--rule:var(--color-divider);--accent:var(--color-accent);--font-title:"Fraunces", "Times New Roman", serif;--font-body:"Geist", system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", "Menlo", monospace;--text-2xs:11px;--text-xs:12px;--text-body:15px;--text-ui:16px;--text-lg:18px;--text-xl:22px;--text-2xl:26px;--text-3xl:30px;--text-4xl:36px;--text-hero:clamp(44px, 13vw, 56px);--tracking-display:-.025em;--tracking-snug:-.01em;--tracking-mono:.04em;--tracking-label:.08em;--tracking-caps:.12em;--ease-out:cubic-bezier(.22, .61, .36, 1);--dur-fast:.16s;--dur-base:.28s;--card-bg:var(--surface);--card-border:1px solid transparent;--card-shadow:0 1px 2px #4a3a2a0a, 0 8px 22px -16px #4a3a2a2e;--card-radius:18px;--card-pad:22px;--btn-radius:999px;--btn-bg:transparent;--btn-border:1px solid var(--fg);--btn-color:var(--fg);--btn-font:var(--font-mono);--btn-size:var(--text-xs);--btn-tracking:var(--tracking-caps);--btn-transform:uppercase;--btn-padding:12px 18px;--btn-active-bg:var(--fg);--btn-active-color:var(--bg);--ui-bg:rgb(from var(--bg) r g b / .5);--ui-blur:10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.5}button{font:inherit;color:inherit}.grain{background:var(--bg);position:relative}.app{max-width:440px;padding:env(safe-area-inset-top) 18px calc(140px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.header{text-align:center;padding:68px 0 24px;position:relative}.header__icon{opacity:.18;width:auto;height:220px;color:var(--fg);pointer-events:none;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.header__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-mute);margin-bottom:10px}.header__title{font-family:var(--font-title);font-weight:350;font-size:var(--text-hero);letter-spacing:var(--tracking-display);font-variation-settings:"opsz" 96;margin:0;line-height:1}.header__title em{color:var(--accent);font-variation-settings:"opsz" 96;font-style:italic}.header__sub{font-family:var(--font-body);font-size:var(--text-body);color:var(--fg-mute);text-wrap:balance;margin-top:12px}.card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);padding:var(--card-pad);box-shadow:var(--card-shadow);margin-bottom:14px;position:relative}.function-title{font-family:var(--font-body);font-size:var(--text-ui);color:var(--fg);font-weight:500}.label-slash{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-mute);margin:0 0 10px}.label-slash:before{content:"/ "}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack>*+*{margin-top:10px}.preset-row{scrollbar-width:none;gap:8px;margin-bottom:4px;padding-bottom:2px;display:flex;overflow-x:auto}.preset-row::-webkit-scrollbar{display:none}.chip{text-align:center;border:1px solid var(--rule);min-width:88px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-mute);cursor:pointer;transition:all var(--dur-base) var(--ease-out);background:0 0;border-radius:999px;flex:1;padding:11px 12px}.chip:hover{color:var(--fg);border-color:var(--fg)}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.value-display{font-family:var(--font-title);letter-spacing:var(--tracking-snug);font-variation-settings:"opsz" 48;color:var(--fg);font-weight:350;line-height:1}.value-display .unit{font-family:var(--font-mono);color:var(--fg-mute);letter-spacing:var(--tracking-mono);vertical-align:.4em;margin-left:4px;font-size:.45em}.value-display em{color:var(--accent);font-style:italic}.slider{width:100%;display:block}.slider-head{justify-content:space-between;align-items:baseline;display:flex}.slider-label{font-family:var(--font-body);font-size:var(--text-ui);color:var(--fg);font-weight:500}.slider-value{font-family:var(--font-title);font-weight:350;font-size:var(--text-2xl);letter-spacing:var(--tracking-snug);font-variation-settings:"opsz" 36}.slider-value .unit{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-mute);letter-spacing:var(--tracking-mono);margin-left:3px}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:26px;margin:0;padding:0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--pct,0%), var(--rule) var(--pct,0%));border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:var(--rule);border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fg);border:2px solid var(--fg);cursor:grab;width:16px;height:24px;transition:transform var(--dur-fast) var(--ease-out);border-radius:6px;margin-top:-10px;box-shadow:0 1px 4px #19b59e4d}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}input[type=range]::-moz-range-thumb{background:var(--bg);border:2px solid var(--accent);cursor:grab;border-radius:50%;width:26px;height:26px;box-shadow:0 1px 4px #19b59e4d}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #19b59e40}.slider-note{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-mute);letter-spacing:var(--tracking-mono);margin-bottom:6px}.card-note{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-mute);letter-spacing:var(--tracking-mono);margin:12px 0 0;line-height:1.6}.stepper{background:var(--bg);border:1px solid var(--rule);border-radius:14px;align-items:center;min-width:184px;padding:4px;display:flex}.stepper button{cursor:pointer;width:48px;height:48px;font-size:var(--text-xl);color:var(--fg);transition:background var(--dur-fast);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.stepper button:hover{background:var(--rule)}.stepper button:active{transform:scale(.94)}.stepper-value input[type=time]{pointer-events:none}@media (hover:none) and (pointer:coarse){.stepper-value input[type=time]{pointer-events:auto}}.stepper-value{text-align:center;font-family:var(--font-title);font-weight:350;font-size:var(--text-2xl);letter-spacing:var(--tracking-mono);color:var(--fg);font-variation-settings:"opsz" 48;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-self:stretch;align-items:center;display:flex}.temp-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.temp-row__lbl{font-family:var(--font-body);font-size:var(--text-ui);color:var(--fg);font-weight:500}.temp-stepper{background:var(--bg);border:1px solid var(--rule);border-radius:14px;align-items:center;min-width:170px;padding:4px;display:flex}.temp-stepper button{cursor:pointer;width:48px;height:48px;font-size:var(--text-xl);color:var(--fg);transition:background var(--dur-fast);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.temp-stepper button:hover{background:var(--rule)}.temp-stepper button:active{transform:scale(.94)}.temp-stepper__val{text-align:center;font-family:var(--font-title);font-weight:350;font-size:var(--text-2xl);letter-spacing:var(--tracking-mono);color:var(--fg);font-variation-settings:"opsz" 48;-webkit-user-select:none;user-select:none;flex:1}.temp-stepper__unit{font-size:var(--text-body);color:var(--fg-mute);margin-left:1px}.segment{background:var(--bg);border:1px solid var(--rule);border-radius:14px;grid-template-columns:1fr 1fr;gap:0;padding:4px;display:grid;position:relative}.segment>button{font-family:var(--font-body);font-size:var(--text-body);color:var(--fg-mute);cursor:pointer;transition:all var(--dur-base) var(--ease-out);background:0 0;border:0;border-radius:10px;padding:12px 8px;font-weight:500}.segment>button[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px #4a3a2a0f}.day-row{scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;padding:4px 3px 6px;display:flex;overflow-x:auto}.day-row::-webkit-scrollbar{display:none}.day-pill{border:1px solid var(--rule);text-align:center;cursor:pointer;min-width:48px;transition:all var(--dur-base) var(--ease-out);scroll-snap-align:start;background:0 0;border-radius:10px;flex:none;padding:6px 8px}.day-pill:hover{border-color:var(--fg-mute)}.day-pill__label{font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--fg-mute)}.day-pill__num{font-family:var(--font-title);font-weight:350;font-size:var(--text-lg);color:var(--fg);font-variation-settings:"opsz" 36;margin-top:1px}.day-pill[aria-pressed=true]{border-color:var(--fg);background:var(--fg)}.day-pill[aria-pressed=true] .day-pill__label,.day-pill[aria-pressed=true] .day-pill__num{color:var(--bg)}.advance-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.advance-pill{text-align:center;border:1px solid var(--rule);cursor:pointer;transition:all var(--dur-base) var(--ease-out);background:0 0;border-radius:10px;padding:6px 4px}.advance-pill__num{font-family:var(--font-title);font-weight:350;font-size:var(--text-lg);color:var(--fg);font-variation-settings:"opsz" 36;line-height:1}.advance-pill__lbl{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--fg-mute);letter-spacing:var(--tracking-label);text-transform:uppercase;margin-top:3px}.advance-pill__date{font-family:var(--font-body);font-size:var(--text-2xs);color:var(--fg-mute);margin-top:2px}.advance-pill[aria-pressed=true]{border-color:var(--fg);background:var(--fg)}.advance-pill[aria-pressed=true] .advance-pill__num,.advance-pill[aria-pressed=true] .advance-pill__lbl,.advance-pill[aria-pressed=true] .advance-pill__date{color:var(--bg)}.schedule-list{flex-direction:column;display:flex}.schedule-step{grid-template-columns:32px 1fr;gap:14px;display:grid}.schedule-step__track{flex-direction:column;align-items:center;display:flex}.schedule-step__num{background:var(--fg);width:32px;height:32px;color:var(--bg);font-family:var(--font-body);font-size:var(--text-body);border-radius:50%;flex-shrink:0;place-items:center;margin-top:10px;font-weight:600;display:grid}.schedule-step__line{background:var(--rule);flex:1;width:1px;min-height:12px;margin:5px 0}.schedule-step__body{flex-direction:column;gap:8px;padding-top:6px;padding-bottom:16px;display:flex}.schedule-step:last-child .schedule-step__body{padding-bottom:0}.schedule-step__row{align-items:center;gap:12px;display:flex}.schedule-step__info{flex:1;min-width:0}.schedule-step__name{font-family:var(--font-body);font-size:var(--text-ui);color:var(--fg);font-weight:500;line-height:1.2}.schedule-step__ferment{border:1px solid var(--rule);font-size:var(--text-xs);color:var(--fg-mute);border-radius:9px;justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.schedule-step__ferment-lbl{font-family:var(--font-body)}.schedule-step__ferment-val{font-family:var(--font-mono);letter-spacing:var(--tracking-mono)}.schedule-step__date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-mute);letter-spacing:var(--tracking-mono);margin-top:3px}.recipe-row{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;padding:14px 0;display:flex}.recipe-row:last-of-type{border-bottom:0}.recipe-row__label{font-family:var(--font-body);font-size:var(--text-ui);color:var(--fg)}.recipe-row__sub{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-mute);letter-spacing:var(--tracking-label);margin-top:2px}.recipe-row__value{font-family:var(--font-title);font-weight:350;font-size:var(--text-2xl);font-variation-settings:"opsz" 36;letter-spacing:var(--tracking-snug)}.recipe-row__value .unit{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-mute);letter-spacing:var(--tracking-mono);margin-left:3px}.recipe-row.is-accent .recipe-row__label,.recipe-row.is-accent .recipe-row__value{color:var(--accent);font-style:italic}.recipe-card__head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.recipe-card__head .label-slash{margin:0}.recipe-card__meta{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);color:var(--fg-mute)}.recipe-grid{background:var(--rule);border:1px solid var(--rule);border-radius:12px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.recipe-cell{background:var(--card-bg,var(--surface));padding:12px 14px}[data-card=hairline] .recipe-cell,[data-card=flat] .recipe-cell{background:var(--bg)}.recipe-cell__lbl{font-family:var(--font-body);font-size:var(--text-body);color:var(--fg);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.recipe-cell__pct{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--fg-mute);letter-spacing:var(--tracking-label)}.recipe-cell__val{font-family:var(--font-title);font-weight:350;font-size:var(--text-2xl);font-variation-settings:"opsz" 36;letter-spacing:var(--tracking-snug);margin-top:2px;line-height:1}.recipe-cell__val .unit{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-mute);margin-left:3px}.recipe-cell.is-accent{background:var(--bg)}.recipe-timeline{flex-direction:column;margin-top:14px;display:flex}.rt-step{grid-template-columns:22px 1fr;gap:10px;display:grid}.rt-track{flex-direction:column;align-items:center;display:flex}.rt-num{background:var(--fg);width:22px;height:22px;color:var(--bg);font-family:var(--font-mono);font-size:var(--text-2xs);border-radius:50%;flex-shrink:0;place-items:center;margin-top:3px;font-weight:600;display:grid}.rt-num--cold{background:var(--accent)}.rt-line{background:var(--rule);flex:1;width:1px;min-height:8px;margin:4px 0}.rt-line--cold{background:var(--accent);opacity:.35}.rt-info{justify-content:space-between;align-items:center;gap:8px;padding:2px 0 10px;display:flex}.rt-step:last-child .rt-info{padding-bottom:0}.rt-info__left{flex-direction:column;gap:2px;display:flex}.rt-name{font-family:var(--font-body);font-size:var(--text-body);color:var(--fg);font-weight:500}.rt-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-mute);letter-spacing:var(--tracking-mono)}.rt-info--cold .rt-name{color:var(--accent)}.rt-tags{gap:4px;display:flex}.rt-tag{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--fg-mute);border:1px solid var(--rule);letter-spacing:var(--tracking-mono);white-space:nowrap;border-radius:6px;padding:2px 6px}.rt-info--cold .rt-tag{color:var(--accent);border-color:var(--accent);opacity:.8}.recipe-card{border-radius:0;margin-top:20px;margin-bottom:21px}.recipe-card:before,.recipe-card:after{content:"";background-repeat:repeat-x;background-size:14px 7px;height:7px;position:absolute;left:0;right:0}.recipe-card:before{background-image:linear-gradient(135deg, transparent 9.94px, var(--card-bg) 9.95px), linear-gradient(45deg, var(--card-bg) 4.9px, transparent 4.91px);background-position:0 0;top:-7px}.recipe-card:after{background-image:linear-gradient(135deg, var(--card-bg) 4.9px, transparent 4.91px), linear-gradient(45deg, transparent 9.94px, var(--card-bg) 9.95px);background-position:0 100%;bottom:-7px}.recipe-card[data-screenshotting]:before,.recipe-card[data-screenshotting]:after{display:none}.ferment-bar{border-top:1px solid var(--rule);justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:12px;display:flex}.ferment-bar__lbl{font-family:var(--font-body);font-size:var(--text-body);color:var(--fg-mute)}.ferment-bar__val{font-family:var(--font-title);font-size:var(--text-lg);color:var(--accent);letter-spacing:var(--tracking-mono)}.total-bar{justify-content:space-between;align-items:end;margin-top:10px;padding-top:0;display:flex}.total-bar__lbl{font-family:var(--font-body);font-size:var(--text-body);color:var(--fg-mute);padding-bottom:10px}.total-bar__sub{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-mono)}.total-bar__val{font-family:var(--font-title);font-weight:350;font-size:var(--text-4xl);font-variation-settings:"opsz" 96;letter-spacing:var(--tracking-snug)}.total-bar__val .unit{font-family:var(--font-mono);font-size:var(--text-body);color:var(--fg-mute);letter-spacing:var(--tracking-mono);margin-left:4px}.breakdown{background:var(--bg);border:1px solid var(--rule);border-radius:12px;padding:14px 16px}.breakdown-row{font-size:var(--text-body);justify-content:space-between;align-items:baseline;padding:8px 0;display:flex}.breakdown-row+.breakdown-row{border-top:1px solid var(--rule)}.breakdown-row__lbl{color:var(--fg-mute);font-family:var(--font-body);font-size:var(--text-body)}.breakdown-row__val{font-family:var(--font-title);font-weight:350;font-size:var(--text-lg);font-variation-settings:"opsz" 24}.breakdown-row.is-total{margin-top:0;padding-top:0;padding-bottom:0}.breakdown-row.is-total .breakdown-row__lbl{color:var(--fg-mute)}.total-strip{background:var(--bg);border:1px solid var(--rule);border-radius:12px;justify-content:space-between;align-items:center;margin-top:10px;padding:12px 16px;display:flex}.total-strip__lbl{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-mute);letter-spacing:var(--tracking-caps);text-transform:uppercase}.total-strip__sub{font-family:var(--font-title);font-size:var(--text-lg);color:var(--fg);margin-top:2px}.total-strip__val{font-family:var(--font-title);font-weight:350;font-size:var(--text-3xl);font-variation-settings:"opsz" 48;letter-spacing:var(--tracking-snug)}.total-strip__val .unit{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-mute);letter-spacing:var(--tracking-mono);margin-left:3px}.yeast-row{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.yeast-row__lbl{font-family:var(--font-body);font-size:var(--text-body);color:var(--fg-mute)}.mini-segment{background:var(--bg);border:1px solid var(--rule);border-radius:999px;padding:3px;display:inline-flex}.mini-segment>button{font-family:var(--font-body);font-size:var(--text-xs);color:var(--fg-mute);cursor:pointer;transition:all var(--dur-base) var(--ease-out);background:0 0;border:0;border-radius:999px;padding:8px 14px}.mini-segment>button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.action-bar{padding-bottom:calc(18px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.btn{min-height:48px;padding:var(--btn-padding);background:var(--btn-bg);border:var(--btn-border);color:var(--btn-color);border-radius:var(--btn-radius);font-family:var(--btn-font);font-size:var(--btn-size);letter-spacing:var(--btn-tracking);text-transform:var(--btn-transform);cursor:pointer;transition:all var(--dur-base) var(--ease-out);white-space:nowrap;justify-content:center;align-items:center;gap:8px;font-weight:500;display:inline-flex}.btn:hover{background:var(--btn-active-bg);color:var(--btn-active-color);border-color:var(--btn-active-bg)}.btn:active{transform:translateY(.5px)}.btn--accent{--btn-border:1px solid var(--accent);--btn-color:var(--accent);--btn-active-bg:var(--accent);--btn-active-color:var(--bg)}.recipe-preview-bar{top:calc(51px + env(safe-area-inset-bottom));background-color:var(--ui-bg);width:calc(100% - 48px);max-width:416px;-webkit-backdrop-filter:blur(var(--ui-blur));backdrop-filter:blur(var(--ui-blur));border:1px solid var(--rule);z-index:60;transition:transform var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);border-radius:16px;justify-content:space-around;padding:6px 20px;display:flex;position:fixed;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 4px 20px #0000001a}.ios-standalone .recipe-preview-bar{top:calc(62px + env(safe-area-inset-bottom));width:calc(100% - 24px)}.recipe-preview-bar.is-hidden{opacity:0;pointer-events:none}.recipe-preview-bar__item{flex-direction:column;align-items:center;gap:1px;display:flex}.recipe-preview-bar__lbl{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-mute)}.recipe-preview-bar__val{font-family:var(--font-body);font-size:var(--text-ui);letter-spacing:var(--tracking-snug);line-height:1.1}.recipe-preview-bar__val .unit{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--fg-mute)}.toast{left:50%;bottom:calc(80px + env(safe-area-inset-bottom));background:var(--fg);color:var(--bg);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);z-index:50;border-radius:999px;padding:12px 18px;position:fixed;transform:translate(-50%)translateY(20px);box-shadow:0 8px 24px -8px #4a3a2a66}.toast.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.footer{text-align:center;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--fg-mute);letter-spacing:var(--tracking-label);margin:24px 0 0;line-height:1.7}[data-card=filled]{--card-bg:var(--surface);--card-border:1px solid transparent;--card-shadow:0 1px 2px #4a3a2a0a, 0 8px 22px -16px #4a3a2a2e;--card-radius:18px;--card-pad:14px 22px}[data-card=hairline]{--card-bg:transparent;--card-border:1px solid var(--rule);--card-shadow:none;--card-radius:4px;--card-pad:22px}[data-card=flat]{--card-bg:transparent;--card-border:0;--card-shadow:none;--card-radius:0;--card-pad:0}[data-card=flat] .card{border-bottom:1px solid var(--rule);margin-bottom:0;padding:22px 0}[data-card=flat] .card:last-of-type{border-bottom:0}[data-card=flat] .breakdown,[data-card=flat] .total-strip{background:0 0}[data-btn=pill]{--btn-radius:999px;--btn-bg:transparent;--btn-border:1px solid var(--fg);--btn-color:var(--fg);--btn-font:var(--font-mono);--btn-size:var(--text-xs);--btn-tracking:var(--tracking-caps);--btn-transform:uppercase;--btn-padding:14px 18px;--btn-active-bg:var(--fg);--btn-active-color:var(--bg)}[data-btn=editorial]{--btn-radius:0;--btn-bg:transparent;--btn-border:0;--btn-color:var(--fg);--btn-font:var(--font-title);--btn-size:var(--text-lg);--btn-tracking:var(--tracking-snug);--btn-transform:none;--btn-padding:14px 4px;--btn-active-bg:transparent;--btn-active-color:var(--accent)}[data-btn=editorial] .btn{border-bottom:1px solid;border-radius:0;font-style:italic}[data-btn=editorial] .btn:hover{border-bottom-color:var(--accent)}[data-btn=editorial] .action-bar{border-top:1px solid var(--rule)}[data-btn=solid]{--btn-radius:12px;--btn-bg:var(--fg);--btn-border:0;--btn-color:var(--bg);--btn-font:var(--font-body);--btn-size:var(--text-body);--btn-tracking:var(--tracking-mono);--btn-transform:none;--btn-padding:14px 18px;--btn-active-bg:#2c2218;--btn-active-color:var(--bg)}[data-btn=solid] .btn--accent{--btn-bg:var(--accent);--btn-color:var(--bg);--btn-active-bg:var(--color-accent-deep)}[data-theme=classic]{--color-text:#4a3a2a;--color-accent:#19b59e;--color-accent-deep:#138a78;--color-text-light:#8a7a66;--color-bg:#f0ebe4;--color-bg-soft:#e8e0d4;--color-surface:#fff;--color-divider:#d5cdc3;--color-divider-soft:#e3dccf}[data-theme=roma]{--color-text:#346431;--color-accent:#b52319;--color-accent-deep:#138a78;--color-text-light:#8a7a66;--color-bg:#e8e5e2;--color-bg-soft:#e8e0d4;--color-surface:#fff;--color-divider:#d5cdc3;--color-divider-soft:#e3dccf}[data-theme=modern]{--color-text:#111;--color-accent:#19b59e;--color-accent-deep:#138a78;--color-text-light:#717171;--color-bg:#fff;--color-bg-soft:#ebebeb;--color-surface:#f0f0f0;--color-divider:#e0e0e0;--color-divider-soft:#eee}[data-theme=modern] .card{--card-border:1px solid var(--rule);--card-shadow:none;--card-radius:18px;corner-shape:squircle}[data-theme=dark]{--color-text:#eae3d7;--color-accent:#cf1e33;--color-accent-deep:#19b59e;--color-text-light:#a0978c;--color-bg:#0f0e0c;--color-bg-soft:#211e1a;--color-surface:#1b1917;--color-divider:#070502;--color-divider-soft:#2e2820}[data-theme=dark] [data-card=filled]{--card-shadow:0 2px 8px #0000004d, 0 8px 24px -16px #00000080}[data-theme=dark] .grain:after{mix-blend-mode:overlay;opacity:.06}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.install-hint{background:var(--fg);color:var(--bg);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:14px 16px;display:flex}.install-hint__text{font-family:var(--font-body);font-size:var(--text-body);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.install-hint__icon{vertical-align:middle;flex-shrink:0;width:18px;height:18px}.install-hint__close{color:inherit;opacity:.6;font-size:var(--text-lg);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:4px;line-height:1}.nav-bar{background:var(--ui-bg);-webkit-backdrop-filter:blur(var(--ui-blur));backdrop-filter:blur(var(--ui-blur));border:1px solid var(--rule);z-index:20;border-radius:16px;align-items:stretch;margin:0 -6px 12px;padding:0 20px;display:flex;position:sticky;top:-2px}.ios-standalone .nav-bar{top:calc(20px + env(safe-area-inset-bottom))}.nav-bar__tab{cursor:pointer;color:var(--fg-mute);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;transition:color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:10px 4px}.nav-bar__tab:hover{color:var(--fg)}.nav-bar{top:calc(8px + env(safe-area-inset-top))}.nav-bar__tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.guide-steps{flex-direction:column;gap:0;display:flex}.guide-step{border-bottom:1px solid var(--rule);padding:18px 0}.guide-step:first-child{padding-top:0}.guide-step:last-child{border-bottom:0;padding-bottom:0}.guide-step__meta{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.guide-step__num{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);color:var(--accent)}.guide-step__time{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);color:var(--fg-mute)}.guide-step__title{font-family:var(--font-title);font-weight:350;font-size:var(--text-xl);font-variation-settings:"opsz" 36;letter-spacing:var(--tracking-snug);color:var(--fg);margin:0 0 8px}.guide-step__body{font-family:var(--font-body);font-size:var(--text-body);color:var(--fg-mute);margin:0;line-height:1.6}.guide-tips{flex-direction:column;gap:0;display:flex}.guide-tip{border-bottom:1px solid var(--rule);padding:14px 0}.guide-tip:first-child{padding-top:0}.guide-tip:last-child{border-bottom:0;padding-bottom:0}.guide-tip__label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg);margin-bottom:4px}.guide-tip__body{font-family:var(--font-body);font-size:var(--text-body);color:var(--fg-mute);margin:0;line-height:1.6}.topping-list{flex-direction:column;gap:0;display:flex}.topping-card{border-bottom:1px solid var(--rule);padding:16px 0}.topping-card:first-child{padding-top:0}.topping-card:last-child{border-bottom:0;padding-bottom:0}.topping-card__name{font-family:var(--font-title);font-weight:350;font-size:var(--text-xl);font-variation-settings:"opsz" 36;letter-spacing:var(--tracking-snug);color:var(--fg);margin-bottom:8px}.topping-card__items{flex-wrap:wrap;gap:4px;margin:0 0 8px;padding:0;list-style:none;display:flex}.topping-card__items li{font-size:var(--text-xs);letter-spacing:var(--tracking-label);background:var(--bg);border:1px solid var(--rule);border-radius:5px;padding:2px 8px}.topping-card__note{font-family:var(--font-body);font-size:var(--text-xs);color:var(--fg-mute);margin:0;font-style:italic;line-height:1.5}.qty-list{flex-direction:column;gap:0;display:flex}.qty-row{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.qty-row:last-child{border-bottom:0;padding-bottom:0}.qty-row__item{font-family:var(--font-body);font-size:var(--text-body);color:var(--fg);flex-shrink:0}.qty-row__right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.qty-row__amount{font-family:var(--font-title);font-weight:350;font-size:var(--text-lg);font-variation-settings:"opsz" 24;color:var(--fg);letter-spacing:var(--tracking-snug);white-space:nowrap}.qty-row__note{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--fg-mute);letter-spacing:var(--tracking-label);text-align:right}.rules-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.rules-item{border-bottom:1px solid var(--rule);align-items:flex-start;gap:14px;padding:13px 0;display:flex}.rules-item:last-child{border-bottom:0;padding-bottom:0}.rules-item__num{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);color:var(--accent);flex-shrink:0;margin-top:2px}.rules-item__text{font-family:var(--font-body);font-size:var(--text-body);color:var(--fg-mute);line-height:1.6}.settings-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.settings-option{border:1px solid var(--rule);cursor:pointer;text-align:left;transition:all var(--dur-base) var(--ease-out);background:0 0;border-radius:12px;flex-direction:column;gap:4px;padding:12px 10px;display:flex}.settings-option:hover{border-color:var(--fg-mute)}.settings-option.is-active{border-color:var(--fg);background:var(--fg)}.settings-option__label{font-family:var(--font-body);font-size:var(--text-body);color:var(--fg);font-weight:500}.settings-option.is-active .settings-option__label{color:var(--bg)}.settings-option__desc{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);color:var(--fg-mute);line-height:1.4}.settings-option.is-active .settings-option__desc{color:#f0ebe499}.about-block{flex-direction:column;gap:12px;display:flex}.about-block__text{font-family:var(--font-body);font-size:var(--text-body);color:var(--fg-mute);margin:0;line-height:1.7}.about-block__meta{border-top:1px solid var(--rule);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-mute);justify-content:space-between;padding-top:12px;display:flex}