@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #141516;--bg-strong: #1d2023;--panel: rgba(28, 30, 33, .94);--panel-strong: #1b1d20;--surface: rgba(40, 43, 47, .88);--surface-soft: rgba(35, 38, 42, .9);--surface-strong: rgba(26, 28, 31, .96);--field: rgba(20, 22, 24, .96);--line: rgba(247, 239, 228, .08);--line-strong: rgba(247, 239, 228, .14);--ink: #f5efe4;--muted: #c1b8ac;--soft: #978d81;--accent: #c45a2b;--accent-deep: #8e3f1d;--green: #456b42;--gold: #a97b20;--danger: #a4453b;--shadow: 0 24px 60px rgba(0, 0, 0, .32);--app-glow: rgba(255, 255, 255, .04);--grid-line: rgba(255, 255, 255, .03)}[data-theme=light]{color-scheme:light;--bg: #f1eee6;--bg-strong: #e6e0d4;--panel: rgba(255, 251, 245, .92);--panel-strong: #fffdfa;--surface: rgba(255, 255, 255, .78);--surface-soft: rgba(252, 247, 239, .9);--surface-strong: rgba(255, 255, 255, .92);--field: rgba(255, 255, 255, .86);--line: rgba(33, 29, 24, .12);--line-strong: rgba(33, 29, 24, .18);--ink: #1b1813;--muted: #61594f;--soft: #847b70;--shadow: 0 20px 60px rgba(40, 30, 16, .12);--app-glow: rgba(255, 255, 255, .28);--grid-line: rgba(27, 24, 19, .018)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;background:linear-gradient(180deg,rgba(196,90,43,.08),transparent 180px),linear-gradient(90deg,rgba(69,107,66,.04),transparent 35%),var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}.appShell{min-height:100vh;padding:28px 24px 40px;background:linear-gradient(180deg,var(--app-glow),transparent 220px),repeating-linear-gradient(90deg,transparent 0,transparent 72px,var(--grid-line) 72px,var(--grid-line) 73px)}.topbar,.heroBand,.workspace{width:min(1460px,100%);margin:0 auto}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.brandLockup{display:flex;gap:18px;align-items:flex-start}.brandLogo{width:64px;height:64px;border-radius:18px;flex:0 0 auto;box-shadow:0 14px 32px #5830132e}.headingBlock{display:grid;gap:8px;max-width:820px}.brandRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brandMark{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.versionBadge{min-height:26px;padding:5px 10px;border:1px solid rgba(196,90,43,.24);border-radius:999px;background:#c45a2b1f;color:var(--accent);font-size:12px;font-weight:800}h1{font-family:Fraunces,Georgia,serif;font-size:clamp(34px,5vw,62px);line-height:.98;letter-spacing:0}h2{font-family:Fraunces,Georgia,serif;font-size:clamp(28px,4vw,54px);line-height:.98;letter-spacing:0}h3{font-family:Fraunces,Georgia,serif;font-size:28px;line-height:1.05}.headingBlock p,.heroText p:last-child,.notice,.methodList,.timeline span,.savedItem span,.savedItem p,.sectionMeta{color:var(--muted);line-height:1.55}.headerActions,.buttonRow,.presetScroller,.segmented{display:flex;gap:10px;flex-wrap:wrap}.heroBand{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:24px;align-items:stretch;padding:30px;margin-bottom:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(140deg,#c45a2b29,#456b4214),var(--surface-strong);box-shadow:var(--shadow)}.heroText{display:grid;gap:12px;align-content:start}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.heroEyebrowRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.heroTag{padding:6px 10px;border:1px solid rgba(196,90,43,.18);border-radius:999px;background:#ffffff85;color:var(--muted);font-size:12px;font-weight:700}.heroMeta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.heroMeta span{min-height:34px;padding:8px 12px;border:1px solid rgba(27,24,19,.12);border-radius:999px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:700}.metricStrip,.guidanceGrid,.summaryGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:88px;padding:16px 18px;border:1px solid rgba(27,24,19,.1);border-radius:18px;background:var(--surface);display:flex;flex-direction:column;justify-content:space-between}.metric span{color:var(--soft);font-size:12px;font-weight:700}.metric strong{color:var(--ink);font-size:clamp(22px,3vw,30px);line-height:1}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.52fr);gap:22px;align-items:start}.controlStack,.resultStack{display:grid;gap:18px}.resultStack{position:sticky;top:18px}.panel{padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.recipeCard{background:linear-gradient(180deg,#c45a2b14,#c45a2b00),var(--panel-strong)}.panelTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:16px}.panelTitle.collapsed{margin-bottom:0}.panelTitleText{min-width:0;display:grid;gap:4px}.panelTitleText>span{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-size:15px;font-weight:800}.panelSummary{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.panelActionRow{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.panelAction{display:inline-flex;align-items:center}.panelTitleText svg{color:var(--accent)}.styleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.styleGridGuided{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stylePickerStack{display:grid;gap:12px}.breadProfileGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.breadProfileCard{min-height:220px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);display:grid;align-content:start;gap:10px;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.breadProfileCard:hover{transform:translateY(-1px);border-color:#c45a2b4d}.breadProfileCard.active{border-color:#c45a2b61;box-shadow:0 14px 24px #c45a2b1f;background:#c45a2b14}.breadProfileKicker{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.breadProfileCard strong{font-size:16px}.breadProfileCard p,.breadProfileCard span{margin:0;color:var(--muted);line-height:1.55}.breadProfileCard span{font-size:12px}.breadProfileTags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.breadProfileTag{padding:6px 9px;border:1px solid rgba(196,90,43,.22);border-radius:999px;background:#c45a2b14;color:var(--ink);font-size:11px;line-height:1}.noticeStack{display:grid;gap:10px;margin-top:14px}.styleGroupCard{display:grid;grid-template-rows:minmax(0,1fr) 58px;gap:8px;padding:8px;border:1px solid var(--line);border-radius:18px;background:#ffffff05;min-height:178px}.styleGroupCard.activeFamily{border-color:#c45a2b42;background:linear-gradient(180deg,#c45a2b14,#c45a2b03),#ffffff05}.styleButton,.savedItem{width:100%;min-height:88px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);text-align:left;display:grid;gap:6px;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}.styleButton:hover,.savedItem:hover{transform:translateY(-1px);border-color:#c45a2b47;box-shadow:0 12px 24px #3c2d1814}.styleButton strong,.savedItem strong{font-size:14px}.styleButton span,.styleButton small,.savedItem span,.savedItem p{color:var(--muted);font-size:12px;line-height:1.4}.styleButton small{display:block}.styleButton.active{border-color:#c45a2b61;background:linear-gradient(180deg,#c45a2b24,#c45a2b05),var(--surface-strong);box-shadow:0 14px 28px #83411c1f}.stylePrimaryButton{min-height:0;height:100%;align-content:start}.styleVariantFooter{display:grid;align-content:end;gap:6px;min-height:58px}.styleVariantHeading{margin:0;padding:0 2px;color:var(--soft);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0}.styleVariantSelect{width:100%;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:12px}.styleGroupCard.activeFamily .styleVariantSelect{border-color:#c45a2b47}.styleVariantPlaceholder{min-height:38px}.fieldGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:12px}.modeRow{display:grid;gap:8px;margin-top:14px}.modeHint{max-width:720px}.fieldGrid.compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.field{display:grid;gap:6px;min-width:0}.field.single{margin-top:12px}.fieldLabel,.field>span{color:var(--muted);font-size:12px;font-weight:700}.fieldHint{color:var(--soft);font-size:11px;line-height:1.45}.fieldSliderWrap{display:grid;gap:6px}.fieldSliderWrap.mobileOnly{display:grid}.fieldSlider{width:100%;margin:0;accent-color:var(--accent)}.fieldSliderScale{display:flex;justify-content:space-between;gap:12px;color:var(--soft);font-size:11px}.fieldMeta{grid-column:1 / -1;margin:0}.inputWrap{min-height:46px;border:1px solid var(--line);border-radius:14px;background:var(--field);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden}.inputWrap input{width:100%;min-width:0;border:0;padding:11px 12px;background:transparent;color:var(--ink);outline:none}.inputWrap em{padding:0 12px 0 0;color:var(--soft);font-size:12px;font-style:normal;font-weight:700}.fermentGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.panelMetaRow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.fermentCard{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);display:grid;gap:12px}.fermentCardHeader{display:grid;gap:4px}.fermentCardHeader strong{font-size:15px}.fermentCardHeader span,.fermentCardNote{color:var(--muted);font-size:12px;line-height:1.5}.fermentCardFields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.fermentCardFields .field{gap:5px}.fermentCardNote{margin:0}select,.field.single input,.styleLibrarySelect,.saveRow input,textarea,.blendRow input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:14px;background:var(--field);color:var(--ink);padding:11px 12px;outline:none}textarea{min-height:110px;margin:12px 0;resize:vertical}.chip,.segmented button,.ghostButton,.actionButton,.iconButton{min-height:42px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.chip:hover,.segmented button:hover,.ghostButton:hover,.actionButton:hover,.iconButton:hover{transform:translateY(-1px);border-color:#c45a2b52;box-shadow:0 10px 20px #3e2c1714}.chip.active,.segmented button.active,.actionButton{border-color:transparent;background:linear-gradient(180deg,#cf6a38,#b75124);color:#fff}.ghostButton{color:var(--ink)}.supportButton{min-height:38px;padding:8px 12px;border-color:#ffdd002e;background:#ffdd0014;font-size:13px}.supportButton:hover{border-color:#ffdd0057}.ghostButton.successState{border-color:#456b4257;background:#456b421f;color:var(--green)}.ghostButton.errorState{border-color:#a4453b57;background:#a4453b1f;color:var(--danger)}.iconButton{width:42px;padding:0}.panelToggle{flex:0 0 auto}.panelToggle svg{color:var(--accent)}.panelToggle svg,.subtleDisclosure svg{transition:transform .14s ease}.panelToggle.open svg,.subtleDisclosure.open svg{transform:rotate(180deg)}.subtleDisclosure{padding:0;border:0;background:transparent;color:var(--accent);display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800}.subtleDisclosure:hover{color:#cf6a38}.alignEnd{align-self:end}.fullWidth{width:100%}.toggle{min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);display:flex;align-items:center;gap:12px}.toggle input{width:18px;height:18px;accent-color:var(--accent);flex:0 0 auto}.toggle span{display:grid;gap:3px}.toggle strong{font-size:13px}.toggle small{color:var(--muted);line-height:1.35}.blendList{display:grid;gap:10px;margin-top:12px}.blendRow{display:grid;grid-template-columns:minmax(0,1fr) 92px 42px;gap:10px}.blendMeta{grid-column:1 / -1;margin:-2px 0 0}.sauceOptionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px}.sauceOptionCard{min-height:110px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);text-align:left;display:grid;gap:6px}.sauceOptionCard span,.sauceOptionCard small,.sauceDetailHeader span,.sauceMeta span,.detailList li,.printSubtitle,.printKicker,.printSauceMeta,.printSauceWarning,.printFooter{color:var(--muted)}.sauceOptionCard small{text-transform:capitalize}.sauceOptionCard.active{border-color:#c45a2b66;background:linear-gradient(180deg,#c45a2b1f,#c45a2b05),var(--surface-strong)}.sauceDetailCard{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);display:grid;gap:14px}.sauceDetailHeader{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.sauceDetailHeader>div{display:grid;gap:4px}.sauceMeta{display:grid;gap:4px}.sauceDetailGrid,.printColumns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sauceDetailBlock,.printSection{display:grid;gap:12px}.sauceDetailBlock h4,.printSection h3,.printSection h4{margin:0;font-size:14px}.detailList,.printBulletList,.printMethodList{margin:0;padding-left:18px;display:grid;gap:8px}.detailList.ordered,.printMethodList{padding-left:20px}.detailList li,.printBulletList li,.printMethodList li{line-height:1.5}.detailList li strong{color:var(--ink)}.sizePanel{display:grid;gap:12px}.sizePanel p{color:var(--muted);line-height:1.5}.ingredientTable{display:grid;gap:8px}.ingredient{min-height:44px;padding:10px 0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border-bottom:1px solid rgba(27,24,19,.08)}.ingredient span,.ingredient em{color:var(--muted);font-size:13px}.ingredient strong{color:var(--ink)}.ingredient em{font-style:normal;font-weight:700}.ingredient.danger em{color:var(--danger)}.summaryGrid{margin-top:16px}.splitBox,.costTotal,.photoPreview{margin-top:16px;padding:14px;border:1px solid rgba(27,24,19,.1);border-radius:18px;background:var(--surface-soft);display:grid;gap:6px}.splitBox strong,.costTotal strong{color:var(--ink)}.splitBox span,.costTotal span,.photoPreview span,.sectionMeta{color:var(--muted);font-size:13px}.costTotal{grid-template-columns:1fr auto}.costTotal strong:last-of-type,.costTotal strong:first-of-type{color:var(--green)}.signalList{display:grid;gap:14px}.signalRow{display:grid;gap:8px}.signalHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.signalHeader strong{font-size:13px}.signalHeader span,.signalRow p{color:var(--muted);font-size:12px;line-height:1.5}.signalTrack{width:100%;height:9px;-webkit-appearance:none;appearance:none;border-radius:999px;overflow:hidden;background:#1b181314;border:0}.signalTrack::-webkit-progress-bar{background:#1b181314;border-radius:inherit}.signalTrack::-webkit-progress-value{background:var(--green);border-radius:inherit}.signalTrack::-moz-progress-bar{background:var(--green);border-radius:inherit}.signalRow.notice .signalTrack::-webkit-progress-value,.signalRow.notice .signalTrack::-moz-progress-bar{background:var(--gold)}.signalRow.warning .signalTrack::-webkit-progress-value,.signalRow.warning .signalTrack::-moz-progress-bar{background:var(--accent)}.signalRow.danger .signalTrack::-webkit-progress-value,.signalRow.danger .signalTrack::-moz-progress-bar{background:var(--danger)}.notice{margin-top:10px;padding:12px 14px;border-radius:16px;font-size:13px;border:1px solid transparent}.notice.ok,.notice.notice{color:var(--green);background:#456b4214;border-color:#456b4224}.notice.warning{color:var(--gold);background:#a97b2014;border-color:#a97b2024}.notice.danger{color:var(--danger);background:#a4453b14;border-color:#a4453b24}.recipeHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.methodList,.timeline{margin:0;display:grid;gap:10px;color:var(--ink);line-height:1.6}.methodList{padding-left:20px}.timeline{list-style:none;padding-left:0;margin-top:14px;gap:12px}.plannerSummaryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.prefermentWindowGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.plannerSummaryCard{min-height:88px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);display:grid;gap:6px;align-content:center}.plannerSummaryCard span,.plannerShortcut span{color:var(--muted);font-size:12px;line-height:1.45}.plannerSummaryCard strong{font-size:18px;line-height:1.2}.plannerQuickSection{display:grid;gap:12px;margin-top:16px}.plannerProcessSection{display:grid;gap:12px;margin-top:18px}.plannerProcessGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.plannerStageCard{min-height:104px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);display:grid;gap:6px}.plannerStageCard.active{border-color:#c45a2b61;background:linear-gradient(180deg,#c45a2b24,#c45a2b0a),var(--surface-strong)}.plannerStageCard.queued{border-color:#a97b2057}.plannerStageCard span{color:var(--soft);font-size:12px;font-weight:700}.plannerStageCard strong{font-size:18px;line-height:1.2}.plannerStageCard p{color:var(--muted);font-size:13px;line-height:1.45}.plannerQuickSection .panelMetaRow strong{font-size:13px}.plannerShortcutGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.plannerShortcut{min-height:84px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);text-align:left;display:grid;gap:4px;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}.plannerShortcut:hover{transform:translateY(-1px);border-color:#c45a2b52;box-shadow:0 10px 20px #3e2c1714}.plannerShortcut.active{border-color:#c45a2b61;background:linear-gradient(180deg,#c45a2b1f,#c45a2b05),var(--surface-strong)}.timelineCard{display:grid;grid-template-columns:136px minmax(0,1fr);gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);box-shadow:inset 0 1px #ffffff05}.timelineCard.current{border-color:#c45a2b6b;background:linear-gradient(180deg,#c45a2b1f,#c45a2b05),var(--surface-strong)}.timelineCard.next{border-color:#a97b2057}.timelineCard.past{opacity:.82}.timelineRail{display:grid;align-content:start}.timeline time{color:var(--accent);font-size:12px;font-weight:800}.timelineBody,.timelineActionRow{display:grid;gap:8px}.plannerInlineButton{width:100%;border:1px dashed rgba(255,255,255,.14);border-radius:14px;background:#ffffff08;color:var(--ink);padding:10px 12px}.timelineNoteToggle{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.timelineNoteToggle.open{border-style:solid;border-color:#c45a2b42;background:#c45a2b14}.timelineNotePreview{min-width:0;color:var(--soft);font-size:12px;font-weight:700;line-height:1.4}.timelineToggleLabel{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.01em;white-space:nowrap}.timelineStepActions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.plannerMiniButton{min-height:30px;padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0a;color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.01em}.plannerMiniButton.subtle{color:var(--muted)}.timelineNoteField{margin-top:2px}.timelineNoteField textarea{min-height:88px;margin:0}.timelineCardHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.timelineCardHeader strong{font-size:16px;line-height:1.25}.timelineMetaRow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.timelineMetaText{color:var(--muted);font-size:12px;line-height:1.45}.plannerChip{min-height:24px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent}.plannerChip.kind.action{background:#456b4224;color:#a9d3a4;border-color:#456b4242}.plannerChip.kind.timed{background:#a97b2024;color:#e6c56e;border-color:#a97b203d}.plannerChip.kind.ready{background:#c45a2b24;color:#ffc3ab;border-color:#c45a2b47}.plannerChip.status.past{background:#ffffff0f;color:var(--soft);border-color:#ffffff14}.plannerChip.status.current{background:#c45a2b29;color:#ffc3ab;border-color:#c45a2b4d}.plannerChip.status.next{background:#a97b2029;color:#e6c56e;border-color:#a97b2047}.plannerChip.status.future{background:#ffffff0f;color:var(--muted);border-color:#ffffff14}.plannerChip.progress.done{background:#456b4229;color:#a9d3a4;border-color:#456b4247}.plannerChip.progress.skipped{background:#7c848f29;color:#d3dae2;border-color:#7c848f47}.saveRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.dataPortability{display:grid;gap:10px;margin-top:16px}.dataTransferRow{display:flex;gap:10px;flex-wrap:wrap}.statusNote{margin:0;font-size:13px;line-height:1.5}.statusNote.success{color:var(--green)}.statusNote.error{color:var(--danger)}.statusNote.notice{color:var(--gold)}.savedList{display:grid;gap:10px;margin-top:12px}.scrollArea{max-height:360px;overflow:auto;padding-right:4px}.staticItem{cursor:default}.photoRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.fileButton{position:relative;overflow:hidden}.fileButton input{position:absolute;inset:0;opacity:0;cursor:pointer}.photoPreview{grid-template-columns:88px minmax(0,1fr);align-items:center}.photoPreview img,.journalImage{border-radius:14px;object-fit:cover;background:var(--bg-strong)}.photoPreview img{width:88px;height:88px}.journalImage{width:100%;max-height:220px;margin-top:8px}.printSheet{display:none}@media(max-width:1160px){.workspace,.heroBand{grid-template-columns:1fr}.resultStack{position:static}}@media(max-width:760px){.fieldSliderWrap.mobileOnly{display:grid}.appShell{padding:16px 14px 28px}.topbar,.brandLockup,.recipeHeader,.saveRow{flex-direction:column;grid-template-columns:1fr}.brandLockup{gap:14px}.brandLogo{width:56px;height:56px}.heroBand,.panel{padding:16px}.styleGrid,.styleGridGuided,.breadProfileGrid,.fieldGrid,.fieldGrid.compact,.fermentGrid,.fermentCardFields,.metricStrip,.guidanceGrid,.summaryGrid,.plannerSummaryGrid,.plannerProcessGrid,.blendRow,.sauceDetailGrid,.printColumns,.timelineCard{grid-template-columns:1fr}.timelineCardHeader{flex-direction:column;align-items:flex-start}.photoPreview{grid-template-columns:1fr}}@media print{@page{margin:9mm}:root,[data-theme=dark],[data-theme=light]{color-scheme:light;--bg: #fff;--panel: #fff;--panel-strong: #fff;--surface: #fff7f1;--surface-soft: #faf6f2;--surface-strong: #fff;--line: rgba(33, 24, 19, .16);--line-strong: rgba(33, 24, 19, .2);--ink: #18120f;--muted: #62564e;--soft: #76695f;--shadow: none;--app-glow: transparent;--grid-line: transparent}html,body{background:#fff;color:var(--ink)}.appShell{padding:0;background:#fff}.topbar,.heroBand,.workspace,.noPrint,.printHide{display:none!important}.printSheet{display:grid!important;gap:14px;width:100%;max-width:none;color:var(--ink)}.printSheetHeader,.printSection,.printCallout{break-inside:avoid}.printSheetHeader{display:grid;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--line)}.printKicker{margin:0;font-size:12px;color:var(--accent);font-weight:700}.printTitleRow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.9fr);gap:20px;align-items:start}.printTitleRow h2{margin:0;font-size:28px;line-height:1}.printSubtitle{margin:6px 0 0;font-size:12px}.printMetricRow,.printFermentGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.printMetricRow div,.printFermentCard,.printCallout{padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.printMetricRow span{display:block;color:var(--soft);font-size:11px;margin-bottom:4px}.printMetricRow strong{font-size:18px}.printSection{gap:10px}.printSection h3{font-size:14px;text-transform:uppercase;letter-spacing:0;color:var(--accent)}.printIngredients{display:grid;gap:0;border-top:1px solid var(--line)}.printIngredientRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);align-items:center}.printIngredientRow span,.printIngredientRow em,.printFermentCard span,.printFermentCard p,.printColumns p,.printBulletList li,.printMethodList li,.printSauceMeta,.printSauceWarning{font-size:12px;line-height:1.45;color:var(--muted)}.printIngredientRow strong,.printFermentCard strong,.printColumns strong{color:var(--ink)}.printFermentCard{display:grid;gap:6px}.printFermentCard b{font-size:14px}.printColumns{gap:18px}.printMethodList,.printBulletList{gap:6px}.printMethodList.compact{gap:5px}.printSauceMeta,.printSauceWarning,.printFooter{margin:0}.printSauceWarning{padding:10px 12px;border-left:3px solid var(--accent);background:var(--surface-soft)}.printFooter{padding-top:8px;border-top:1px solid var(--line);text-align:right;font-size:11px}}