@keyframes _cardIn_1adec_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._card_1adec_6{background:color-mix(in srgb, var(--color-surface) 94%, #c8a882 6%);border:1px solid var(--color-border);animation:.26s cubic-bezier(.23,1,.32,1) both _cardIn_1adec_1;animation-delay:calc(var(--stagger,0) * 45ms);border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}._cardHeader_1adec_19{align-items:center;gap:7px;display:flex}._star_1adec_25{color:var(--color-border);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1rem;line-height:1;transition:color .14s ease-out,transform .18s cubic-bezier(.32,.72,0,1)}@media (hover:hover) and (pointer:fine){._star_1adec_25:hover{color:#f5a623;transform:scale(1.2)}}._star_1adec_25:active{transform:scale(.9)}._starActive_1adec_41{color:#f5a623}._star_1adec_25:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}._nameWrap_1adec_44{flex:1;min-width:0}._name_1adec_44{font-family:var(--font-family-display);color:var(--color-text);cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;width:100%;padding:0;font-size:.95rem;font-weight:800;transition:color .14s ease-out;overflow:hidden}@media (hover:hover) and (pointer:fine){._name_1adec_44:hover{color:var(--color-primary)}}._name_1adec_44:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}._nameInput_1adec_67{border:1.5px solid var(--color-primary);width:100%;color:var(--color-text);background:var(--color-background);box-sizing:border-box;border-radius:7px;padding:2px 8px;font-size:.9rem;font-weight:700}._nameInput_1adec_67:focus{outline:none}._chips_1adec_81{flex-wrap:wrap;gap:5px;display:flex}._chip_1adec_81{color:var(--color-text-muted);white-space:nowrap;background:#2c18100f;border-radius:20px;align-items:center;padding:3px 9px;font-size:.72rem;font-weight:500;display:inline-flex}._chipHydration_1adec_99{color:var(--color-primary);background:#2c18101a;font-weight:700}._logbook_1adec_106{border-top:1px solid var(--color-border);flex-direction:column;gap:8px;padding-top:8px;display:flex}._logbookHeader_1adec_114{justify-content:space-between;align-items:center;display:flex}._logToggle_1adec_120{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;align-items:center;gap:5px;padding:0;display:flex}._logToggle_1adec_120:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}._logLabel_1adec_132{text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:5px;font-size:.65rem;font-weight:700;display:flex}._noteBadge_1adec_142{background:var(--color-primary);color:#fff;letter-spacing:0;text-transform:none;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;font-weight:700;display:inline-flex}._logChevron_1adec_158{font-size:.8rem;line-height:1;transition:transform .2s cubic-bezier(.32,.72,0,1);display:inline-block;transform:rotate(0)}._logChevronOpen_1adec_165{transform:rotate(90deg)}._addNoteBtn_1adec_169{color:var(--color-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:.72rem;font-weight:600;transition:background .12s ease-out}@media (hover:hover) and (pointer:fine){._addNoteBtn_1adec_169:hover{background:#2c181012}}._addNoteBtn_1adec_169:active{transform:scale(.97)}._addNoteBtn_1adec_169:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._logContent_1adec_186{flex-direction:column;gap:8px;display:flex}._noteInputWrap_1adec_193{flex-direction:column;gap:6px;display:flex}._noteInput_1adec_193{border:1.5px solid var(--color-primary);width:100%;color:var(--color-text);background:var(--color-background);resize:none;box-sizing:border-box;border-radius:9px;padding:7px 10px;font-family:inherit;font-size:.8rem;line-height:1.45}._noteInput_1adec_193:focus{outline:none}._noteInputActions_1adec_210{justify-content:flex-end;gap:6px;display:flex}._noteCancel_1adec_212{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:7px;padding:4px 10px;font-size:.72rem}._noteCancel_1adec_212:hover{color:var(--color-text)}._noteSave_1adec_223{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:4px 10px;font-size:.72rem;font-weight:600}._noteSave_1adec_223:disabled{opacity:.4;cursor:not-allowed}._noteSave_1adec_223:active:not(:disabled){transform:scale(.97)}._noteList_1adec_237{border-left:1.5px solid var(--color-border);flex-direction:column;gap:1px;margin:0;padding:0 0 0 12px;list-style:none;display:flex}._noteItem_1adec_247{align-items:baseline;gap:0;padding:4px 0;display:flex;position:relative}._noteDot_1adec_255{background:var(--color-primary);opacity:.5;border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:-16px}._noteContent_1adec_266{flex:1;align-items:baseline;gap:6px;min-width:0;display:flex;overflow:hidden}._noteDate_1adec_275{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-size:.65rem;font-weight:600}._noteText_1adec_283{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.78rem;line-height:1.4;overflow:hidden}._noteDelete_1adec_294{color:var(--color-border);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:1rem;line-height:1;transition:opacity .12s ease-out,color .12s ease-out}._noteItem_1adec_247:hover ._noteDelete_1adec_294{opacity:1}._noteDelete_1adec_294:hover{color:#c0392b}._noteDelete_1adec_294:focus-visible{opacity:1;outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}._emptyNotes_1adec_310{color:var(--color-text-muted);margin:0;font-size:.75rem;font-style:italic}._actions_1adec_318{flex-wrap:wrap;gap:5px;display:flex}._loadBtn_1adec_324{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 16px;font-size:.78rem;font-weight:700;transition:opacity .14s ease-out}._loadBtn_1adec_324:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){._loadBtn_1adec_324:hover{opacity:.88}}._loadBtn_1adec_324:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._actionBtn_1adec_339{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:500;transition:color .14s ease-out,border-color .14s ease-out}._actionBtn_1adec_339:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){._actionBtn_1adec_339:hover{color:var(--color-primary);border-color:var(--color-primary)}._deleteBtn_1adec_353:hover{color:#c0392b;border-color:#c0392b}}._actionBtn_1adec_339:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._deleteBtnConfirm_1adec_357{color:#c0392b;border-color:#c0392b;font-weight:700}@media (prefers-reduced-motion:reduce){._card_1adec_6{animation:none}}.reduce-motion ._card_1adec_6{animation:none}._gate_k5f3v_1{flex-direction:column;gap:12px;padding:8px 0 16px;display:flex}._hero_k5f3v_8{text-align:center;padding:16px 0 4px}._icon_k5f3v_13{margin-bottom:8px;font-size:2.2rem}._heading_k5f3v_18{font-family:var(--font-family-display);color:var(--color-primary);margin:0 0 6px;font-size:1.15rem;font-weight:800}._subtext_k5f3v_26{color:var(--color-text-muted);margin:0;font-size:.82rem;line-height:1.5}._featureList_k5f3v_33{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}._featureList_k5f3v_33 li{color:var(--color-text);border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:10px 16px;font-size:.82rem;display:flex}._featureList_k5f3v_33 li:before{content:"✓";color:var(--color-primary);flex-shrink:0;font-weight:700}._featureList_k5f3v_33 li:last-child{border-bottom:none}._payBtn_k5f3v_64{text-align:center;background:var(--color-primary);color:#fff;border-radius:12px;padding:13px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .14s ease-out;display:block}._payBtn_k5f3v_64:hover{opacity:.88}._payBtn_k5f3v_64:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._divider_k5f3v_86{color:var(--color-text-muted);align-items:center;gap:10px;font-size:.75rem;display:flex}._divider_k5f3v_86:before,._divider_k5f3v_86:after{content:"";background:var(--color-border);flex:1;height:1px}._codeLabel_k5f3v_102{color:var(--color-text-muted);margin:0;font-size:.8rem;font-weight:600}._codeRow_k5f3v_109{gap:8px;display:flex}._codeInput_k5f3v_114{border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:9px;flex:1;padding:9px 12px;font-size:.85rem;transition:border-color .14s ease-out}._codeInput_k5f3v_114:focus{border-color:var(--color-primary);outline:none}._activateBtn_k5f3v_130{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:9px;padding:9px 16px;font-size:.85rem;font-weight:600;transition:opacity .14s ease-out}._activateBtn_k5f3v_130:disabled{opacity:.4;cursor:not-allowed}._activateBtn_k5f3v_130:hover:not(:disabled){opacity:.88}._activateBtn_k5f3v_130:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._error_k5f3v_157{color:#c0392b;background:#c0392b14;border-radius:8px;margin:-4px 0 0;padding:8px 12px;font-size:.78rem}._demoBtn_k5f3v_166{text-align:center;border:1.5px dashed var(--color-border);width:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:12px;padding:11px 20px;font-size:.85rem;font-weight:500;transition:border-color .14s ease-out,color .14s ease-out,background .14s ease-out;display:block}._demoBtn_k5f3v_166:hover{border-color:var(--color-primary);color:var(--color-primary);background:#2c181008}._demoBtn_k5f3v_166:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._demoSub_k5f3v_192{opacity:.8;font-size:.78rem;font-weight:400}._backdrop_1aezu_1{z-index:200;opacity:0;pointer-events:none;background:#2c18104d;transition:opacity .3s ease-out;position:fixed;inset:0}._backdropVisible_1aezu_11{opacity:1;pointer-events:auto}._drawer_1aezu_16{background:var(--color-background);border-left:1px solid var(--color-border);z-index:201;opacity:0;flex-direction:column;width:380px;max-width:100vw;transition:transform .32s cubic-bezier(.32,.72,0,1),opacity .2s ease-out;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)scale(.97);box-shadow:-12px 0 40px #2c181024}._drawerOpen_1aezu_36{opacity:1;transition:transform .32s cubic-bezier(.32,.72,0,1),opacity .18s ease-out;transform:translate(0)scale(1)}._header_1aezu_44{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}._heading_1aezu_53{font-family:var(--font-family-display);color:var(--color-primary);margin:0;font-size:1.375rem;font-weight:800}._headerActions_1aezu_61{align-items:center;gap:8px;display:flex}._clearBtn_1aezu_67{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:7px;padding:4px 10px;font-size:.72rem;font-weight:500;transition:color .14s ease-out,border-color .14s ease-out}._clearBtn_1aezu_67:hover{color:#c0392b;border-color:#c0392b}._clearBtn_1aezu_67:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._closeBtn_1aezu_89{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:#2c181012;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}._closeBtn_1aezu_89:hover{color:var(--color-text);background:#2c18101f}._closeBtn_1aezu_89:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._content_1aezu_113{flex-direction:column;flex:1;gap:12px;padding:16px 16px 32px;display:flex;overflow-y:auto}._list_1aezu_122{flex-direction:column;gap:10px;display:flex}._empty_1aezu_128{text-align:center;color:var(--color-text-muted);flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}._emptyIcon_1aezu_138{opacity:.5;margin-bottom:4px;font-size:2.5rem}._emptyTitle_1aezu_144{color:var(--color-text);margin:0;font-size:.95rem;font-weight:700}._emptyHint_1aezu_151{max-width:260px;margin:0;font-size:.82rem;line-height:1.5}._syncBanner_1aezu_158{color:#2a7a3b;background:#2a7a3b14;border:1px solid #2a7a3b2e;border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font-size:.78rem;font-weight:500;display:flex}._loginNudge_1aezu_171{text-align:left;border:1.5px dashed var(--color-border);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:border-color .14s ease-out,background .14s ease-out;display:flex}@media (hover:hover) and (pointer:fine){._loginNudge_1aezu_171:hover{border-color:var(--color-primary);background:#2c181008}}._loginNudge_1aezu_171:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._loginNudge_1aezu_171 span:first-child{flex-shrink:0;font-size:1rem}._loginNudgeTitle_1aezu_199{color:var(--color-text);font-size:.8rem;font-weight:700}._loginNudgeSub_1aezu_205{color:var(--color-text-muted);margin-top:1px;font-size:.7rem}._loginNudgeArrow_1aezu_211{color:var(--color-text-muted);flex-shrink:0;margin-left:auto;font-size:1.1rem}._errorBanner_1aezu_218{color:#c0392b;background:#c0392b14;border:1px solid #c0392b33;border-radius:10px;padding:10px 14px;font-size:.8rem}._warningBanner_1aezu_227{color:#9a6700;background:#f5a6231a;border:1px solid #f5a6234d;border-radius:10px;padding:10px 14px;font-size:.8rem}@media (prefers-reduced-motion:reduce){._drawer_1aezu_16,._backdrop_1aezu_1{transition:none}}.reduce-motion ._drawer_1aezu_16,.reduce-motion ._backdrop_1aezu_1{transition:none}._backdrop_8jllt_1{z-index:202;background:#2c181066;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}._dialog_8jllt_12{background:var(--color-background);border:1px solid var(--color-border);border-radius:18px;width:100%;max-width:360px;padding:24px;box-shadow:0 20px 60px #2c181033}._heading_8jllt_22{font-family:var(--font-family-display);color:var(--color-primary);margin:0 0 16px;font-size:1.1rem;font-weight:800}._input_8jllt_30{border:1.5px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);box-sizing:border-box;border-radius:10px;padding:10px 14px;font-size:.9rem;transition:border-color .14s ease-out}._input_8jllt_30:focus{border-color:var(--color-primary);outline:none}._actions_8jllt_47{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}._cancelBtn_8jllt_54{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:9px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:color .14s ease-out,border-color .14s ease-out}._cancelBtn_8jllt_54:hover{color:var(--color-text);border-color:var(--color-text-muted)}._saveBtn_8jllt_71{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:9px;padding:8px 20px;font-size:.85rem;font-weight:600;transition:opacity .14s ease-out}._saveBtn_8jllt_71:disabled{opacity:.4;cursor:not-allowed}._saveBtn_8jllt_71:hover:not(:disabled){opacity:.88}._cancelBtn_8jllt_54:focus-visible,._saveBtn_8jllt_71:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._backdrop_d4bf6_1{z-index:202;background:#2c181066;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}._dialog_d4bf6_12{background:var(--color-background);border:1px solid var(--color-border);border-radius:18px;width:100%;max-width:400px;padding:24px;box-shadow:0 20px 60px #2c181033}._heading_d4bf6_22{font-family:var(--font-family-display);color:var(--color-primary);margin:0 0 16px;font-size:1.1rem;font-weight:800}._advice_d4bf6_30{color:var(--color-text-muted);margin:0;font-size:.9rem;line-height:1.5}._warnings_d4bf6_37{flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}._warning_d4bf6_37{color:#b45309;font-size:.875rem;font-weight:600;line-height:1.45}._actions_d4bf6_53{justify-content:flex-end;margin-top:20px;display:flex}._closeBtn_d4bf6_59{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:9px;padding:8px 20px;font-size:.85rem;font-weight:600;transition:opacity .14s ease-out}._closeBtn_d4bf6_59:hover{opacity:.88}._closeBtn_d4bf6_59:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._wrap_3ybhc_1{position:relative}._avatar_3ybhc_6{border:1.5px solid var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface) 90%);width:28px;height:28px;color:var(--color-primary);letter-spacing:.05em;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin:2px 5px 2px 3px;font-size:.58rem;font-weight:800;transition:background .14s ease-out,box-shadow .14s ease-out,transform .12s ease-out;display:flex}@media (hover:hover) and (pointer:fine){._avatar_3ybhc_6:hover{background:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface) 84%);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent 85%)}}._avatar_3ybhc_6:active{transform:scale(.93)}._avatarOpen_3ybhc_33{background:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface) 84%);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent 80%)}._avatar_3ybhc_6:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._dropdown_3ybhc_44{background:var(--color-background);border:1px solid var(--color-border);z-index:200;transform-origin:100% 0;border-radius:16px;width:256px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 40px #2c181029,0 2px 8px #2c18100f}@starting-style{._dropdown_3ybhc_44{opacity:0;transform:scale(.94)translateY(-6px)}}._dropdown_3ybhc_44{opacity:1;transition:opacity .18s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.23,1,.32,1);transform:scale(1)translateY(0)}._userInfo_3ybhc_67{align-items:center;gap:11px;padding:10px;display:flex}._avatarLg_3ybhc_74{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface) 88%);width:40px;height:40px;color:var(--color-primary);border:1.5px solid color-mix(in srgb, var(--color-primary) 22%, transparent 78%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:flex}._userDetails_3ybhc_89{flex-direction:column;gap:2px;min-width:0;display:flex}._userName_3ybhc_96{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:700;font-family:var(--font-family-display);overflow:hidden}._userEmail_3ybhc_106{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}._provider_3ybhc_114{color:var(--color-text-muted);align-items:center;gap:4px;margin-top:1px;font-size:.65rem;display:flex}._proBadge_3ybhc_124{background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface) 93%);border:1px solid color-mix(in srgb, var(--color-primary) 18%, transparent 82%);border-radius:10px;align-items:center;gap:10px;margin:0 2px 4px;padding:9px 12px;display:flex}._proBadgeIcon_3ybhc_135{flex-shrink:0;font-size:1.1rem}._proBadgeTitle_3ybhc_137{color:var(--color-primary);font-size:.78rem;font-weight:700}._proBadgeSub_3ybhc_143{color:var(--color-text-muted);margin-top:1px;font-size:.68rem}._upgradeBtn_3ybhc_150{text-align:left;border:1.5px dashed color-mix(in srgb, var(--color-primary) 35%, transparent 65%);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:10px;width:100%;margin:0 0 4px;padding:10px 12px;transition:background .14s ease-out,border-color .14s ease-out;display:flex}@media (hover:hover) and (pointer:fine){._upgradeBtn_3ybhc_150:hover{background:color-mix(in srgb, var(--color-primary) 5%, var(--color-surface) 95%);border-color:var(--color-primary)}}._upgradeBtn_3ybhc_150:active{transform:scale(.98)}._upgradeBtn_3ybhc_150:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._upgradeBtn_3ybhc_150 span:first-child{flex-shrink:0;font-size:1rem}._upgradeBtnTitle_3ybhc_177{color:var(--color-primary);font-size:.78rem;font-weight:700}._upgradeBtnSub_3ybhc_183{color:var(--color-text-muted);margin-top:1px;font-size:.68rem}._statsRow_3ybhc_190{align-items:center;gap:8px;padding:4px 12px 8px;display:flex}._stat_3ybhc_190{color:var(--color-text-muted);align-items:baseline;gap:4px;font-size:.72rem;display:flex}._statNum_3ybhc_205{color:var(--color-text);font-size:.88rem;font-weight:700}._statDot_3ybhc_211{color:var(--color-border)}._divider_3ybhc_216{background:var(--color-border);height:1px;margin:4px 2px}._menuItem_3ybhc_223{text-align:left;width:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:8px 10px;font-size:.82rem;font-weight:500;transition:background .12s ease-out,color .12s ease-out;display:flex}@media (hover:hover) and (pointer:fine){._menuItem_3ybhc_223:hover{color:var(--color-text);background:#2c18100f}}._menuItem_3ybhc_223:active{transform:scale(.98)}._menuItem_3ybhc_223:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:9px}._menuItemLogout_3ybhc_250{color:var(--color-text-muted)}@media (hover:hover) and (pointer:fine){._menuItemLogout_3ybhc_250:hover{color:#c0392b;background:#c0392b12}}.settings-bar{z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;align-items:center;padding:0 2px;display:flex;position:fixed;top:14px;right:14px;box-shadow:0 2px 8px #2c181014}.settings-bar-divider{background:var(--color-border);flex-shrink:0;width:1px;height:14px}.sb-trigger{height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:3px;padding:0 10px;transition:color .12s ease-out;display:flex}.sb-trigger:hover,.sb-trigger--open{color:var(--color-text)}.sb-trigger:active{opacity:.7}.sb-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.sb-chevron{opacity:.5;transition:transform .15s ease-out}.sb-chevron--up{transform:rotate(180deg)}.sb-dropdown{position:relative}.sb-menu{background:var(--color-surface);border:1px solid var(--color-border);z-index:200;border-radius:10px;min-width:150px;margin:0;padding:4px;list-style:none;animation:.15s cubic-bezier(.23,1,.32,1) both sb-menu-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #2c18101f}@keyframes sb-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sb-option{color:var(--color-text);cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;font-size:.825rem;font-weight:500;transition:background .1s ease-out;display:flex}.sb-option:hover{background:var(--color-background)}.sb-option--active{color:var(--color-primary);font-weight:600}.sb-option-check{color:var(--color-primary);font-size:.75rem}.sb-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);white-space:nowrap;background:var(--color-text);color:var(--color-surface);pointer-events:none;opacity:0;transform-origin:100% 0;z-index:300;border-radius:6px;padding:4px 8px;font-size:.7rem;font-weight:500;transition:opacity .12s ease-out,transform .12s ease-out;position:absolute;top:calc(100% + 6px);right:0;transform:scale(.95)}@media (hover:hover) and (pointer:fine){[data-tooltip]:not([aria-expanded=true]):hover:after{opacity:1;transform:scale(1)}}.locale-btn,.unit-switcher,.locale-switcher{display:none}:root[data-font-size=large]{font-size:112%}:root[data-font-size=larger]{font-size:125%}:root.high-contrast{--color-text:#000;--color-text-muted:#222;--color-background:#fff;--color-surface:#fff;--color-card:#f0f0f0;--color-border:#444;--color-primary:#7a0000;--color-primary-light:#900000;--color-accent:#6b3d00}:root[data-theme=dark].high-contrast{--color-text:#fff;--color-text-muted:#ccc;--color-background:#000;--color-surface:#000;--color-card:#111;--color-border:#888;--color-primary:#ff6b6b;--color-primary-light:#f88;--color-accent:#e2c290}:root.reduce-motion *,:root.reduce-motion :before,:root.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:focus-visible{outline:2px solid var(--color-primary,#b32d2e);outline-offset:2px}.locale-btn{border:1px solid var(--color-border,#ddd);background:var(--color-surface,#fff);color:var(--color-text,#333);cursor:pointer;opacity:.6;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:opacity .15s}.locale-btn:hover{opacity:1}.locale-btn--active{opacity:1;border-color:var(--color-accent,#e05a28);color:var(--color-accent,#e05a28)}.tip{cursor:help;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);position:relative}.tip:after{content:attr(data-tip);background:var(--color-text);width:22rem;max-width:90vw;color:var(--color-surface);text-align:left;white-space:normal;pointer-events:none;opacity:0;z-index:100;border-radius:10px;padding:.6rem .85rem;font-size:.78rem;font-weight:400;line-height:1.55;transition:opacity .16s,transform .16s cubic-bezier(.23,1,.32,1);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)scale(.95)}.tip:before{content:"";border:5px solid #0000;border-top-color:var(--color-text);pointer-events:none;opacity:0;z-index:100;transition:opacity .16s;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.tip:hover:after,.tip:hover:before{opacity:1;transform:translate(-50%)scale(1)}}.segmented-control{background:var(--color-accent-light);border:1px solid var(--color-border);border-radius:var(--border-radius-md);gap:0;margin-top:.4rem;padding:3px;display:flex}.segmented-btn{border-radius:calc(var(--border-radius-md) - 2px);font-size:.8rem;font-weight:500;font-family:var(--font-family);cursor:pointer;color:var(--color-text-muted);box-shadow:none;text-transform:none;letter-spacing:0;background:0 0;border:none;flex:1;padding:.3rem .5rem;transition:background-color .12s,box-shadow .12s}.segmented-btn--active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 3px #2c18101f}.segmented-btn:hover,.segmented-btn--active:hover{background:var(--color-surface)}.segmented-btn:not(.segmented-btn--active):hover{background:#ffffff80}.segmented-btn:active{transform:scale(.97)}.segmented-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.cookmode-overlay{background:var(--color-surface);z-index:9999;padding:var(--spacing-xl);opacity:1;justify-content:center;align-items:center;transition:opacity .2s ease-out;display:flex;position:fixed;inset:0;overflow-x:hidden}@starting-style{.cookmode-overlay{opacity:0}}.cookmode-inner{width:100%;min-width:0;max-width:480px;position:relative}.cookmode-topbar{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex}.cookmode-progress{flex-wrap:wrap;gap:6px;display:flex}.cookmode-dot{background:var(--color-border);cursor:pointer;width:28px;height:4px;transition:background-color .2s ease, width .2s var(--ease-out);text-transform:none;letter-spacing:0;box-shadow:none;border:none;border-radius:2px;padding:0}.cookmode-dot--group-start{margin-left:8px}.cookmode-dot--done{background:var(--color-accent)}.cookmode-dot--active{background:var(--color-primary);width:44px}.cookmode-content{touch-action:pan-y;width:100%;min-width:0}.cookmode-step-panel{opacity:1;width:100%;min-width:0;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);transform:translate(0)}@starting-style{.cookmode-step-panel--next{opacity:0;transform:translate(16px)}.cookmode-step-panel--prev{opacity:0;transform:translate(-16px)}}.cookmode-phase{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 .35rem;font-size:.7rem;font-weight:700}.cookmode-counter{color:var(--color-text-muted);margin:0 0 var(--spacing-xl) 0;font-size:.8rem}.cookmode-text{font-family:var(--font-family);color:var(--color-text);margin:0 0 var(--spacing-lg) 0;opacity:1;font-size:1.35rem;line-height:1.65;transition:opacity .18s ease-out}@starting-style{.cookmode-text{opacity:0}}.cookmode-ingredients{width:100%;min-width:0;margin:0 0 var(--spacing-2xl) 0;border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-card);gap:0;padding:0;display:grid;overflow:hidden}.cookmode-ingredients-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);min-height:3.25rem;padding:0 var(--spacing-md);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:700;display:flex}.cookmode-ingredients-header strong{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.72rem}.cookmode-ingredient{align-items:center;column-gap:var(--spacing-md);min-height:4rem;padding:0 var(--spacing-md);color:var(--color-text);text-align:left;cursor:pointer;border-bottom:1px solid #e8d5b8b8;grid-template-columns:1.5rem minmax(0,1fr) max-content;margin:0;font-size:1rem;line-height:1.2;transition:background-color .15s ease-out,opacity .15s ease-out;display:grid}.cookmode-ingredient:last-child{border-bottom:none}.cookmode-ingredient input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.cookmode-ingredient-check{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-surface);width:1.15rem;height:1.15rem;box-shadow:inset 0 0 0 2px var(--color-surface);place-self:center;transition:background-color .15s ease-out,border-color .15s ease-out,transform .1s ease-out;position:relative}.cookmode-ingredient--checked .cookmode-ingredient-check{background:var(--color-primary);border-color:var(--color-primary)}.cookmode-ingredient input:focus-visible+.cookmode-ingredient-check{outline:3px solid var(--color-secondary);outline-offset:2px}.cookmode-ingredient--checked .cookmode-ingredient-check:after{content:"";transform-origin:50%;border:2px solid #fff;border-width:0 2px 2px 0;width:.26rem;height:.52rem;display:block;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.cookmode-ingredient:active .cookmode-ingredient-check{transform:scale(.9)}.cookmode-ingredient--checked{background:#f5e8d06b}.cookmode-ingredient--checked .cookmode-ingredient-name,.cookmode-ingredient--checked strong{opacity:.52}.cookmode-ingredient-name{min-width:0;color:inherit;text-align:left;justify-self:start}.cookmode-ingredient strong{color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;justify-self:end;font-size:1.08rem;font-weight:700;line-height:1}.cookmode-nav{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.cookmode-nav-context{justify-content:space-between;align-items:center;gap:var(--spacing-md);min-width:0;color:var(--color-text-muted);flex-wrap:wrap;flex:0 0 100%;margin-bottom:.1rem;font-size:.76rem;font-weight:600;display:flex}.cookmode-nav-context span{color:inherit}.cookmode-wakelock{align-items:center;gap:.35rem;min-width:0;display:inline-flex}.cookmode-wakelock:before{content:"";background:var(--color-accent);border-radius:50%;width:.4rem;height:.4rem}.cookmode-wakelock--active:before{background:var(--color-secondary)}.cookmode-wakelock--failed:before,.cookmode-wakelock--unsupported:before{background:var(--color-primary-light)}.cookmode-btn{min-width:0;padding:.75rem var(--spacing-lg);border-radius:var(--border-radius-md);font-size:.95rem;font-weight:600;font-family:var(--font-family);cursor:pointer;text-transform:none;letter-spacing:0;border:1px solid #0000;flex:1;transition:background-color .15s ease-out,transform .1s ease-out}.cookmode-btn:active{transform:scale(.97)}.cookmode-btn--ghost{color:var(--color-text-muted);border-color:var(--color-border);background:0 0}.cookmode-btn--ghost:disabled{opacity:.3;cursor:default}.cookmode-btn--primary{background:var(--color-primary);color:#fff}.cookmode-close{width:2rem;height:2rem;color:var(--color-text-muted);cursor:pointer;text-transform:none;letter-spacing:0;box-shadow:none;background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-top:-.875rem;margin-right:-.5rem;padding:0;font-size:1.5rem;display:flex}.cookmode-timing{gap:var(--spacing-sm);max-width:100%;margin:0 0 var(--spacing-lg) 0;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:color-mix(in srgb, var(--color-accent-light) 36%, var(--color-surface));display:grid}.cookmode-timing-copy{justify-content:space-between;align-items:baseline;gap:var(--spacing-md);min-width:0;display:flex}.cookmode-timing-copy span{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.cookmode-timing-copy strong{color:var(--color-text);font-variant-numeric:tabular-nums;text-align:right;min-width:0;font-size:1rem;font-weight:800}.cookmode-time--done{color:var(--color-secondary)!important}.cookmode-plan-window{color:var(--color-text-muted);margin:-.25rem 0 0;font-size:.9rem}.cookmode-plan-actions{justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.cookmode-chip-row{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.cookmode-chip{border:1px solid var(--color-border);background:var(--color-surface);min-height:2.25rem;color:var(--color-text-muted);font-family:var(--font-family);box-shadow:none;text-transform:none;letter-spacing:0;border-radius:999px;justify-self:start;padding:.48rem .78rem;font-size:.82rem;font-weight:700;transition:background-color .15s ease-out,box-shadow .15s ease-out,transform .1s ease-out,border-color .15s ease-out}.cookmode-chip--primary{border-color:color-mix(in srgb, var(--color-primary) 42%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));color:var(--color-primary)}.cookmode-chip:active{transform:scale(.97)}@media (width<=600px){.cookmode-overlay{justify-content:stretch;align-items:stretch;min-height:100dvh;padding:0}.cookmode-inner{grid-template-rows:auto minmax(0,1fr) auto;max-width:none;min-height:100dvh;display:grid}.cookmode-topbar{z-index:2;padding:calc(env(safe-area-inset-top) + var(--spacing-md)) var(--spacing-md) var(--spacing-sm);background:color-mix(in srgb, var(--color-surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e8d5b8b8;align-items:center;margin:0;position:sticky;top:0}.cookmode-progress{grid-template-columns:repeat(var(--cookmode-step-count,9), minmax(0, 1fr));flex:1;gap:5px;display:grid}.cookmode-dot,.cookmode-dot--active{width:100%;height:5px}.cookmode-dot--group-start{margin-left:0}.cookmode-close{width:2.75rem;height:2.75rem;margin:-.4rem -.45rem -.4rem 0;font-size:1.35rem}.cookmode-content{width:100%;min-width:0;max-width:100%;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-xl);text-align:left;align-self:start;overflow-y:auto}.cookmode-step-panel{max-width:24rem;margin-inline:auto}.cookmode-phase,.cookmode-counter{text-align:center}.cookmode-counter{margin-bottom:var(--spacing-lg)}.cookmode-text{text-align:center;max-width:100%;margin-inline:auto;font-size:1.2rem;line-height:1.55}.cookmode-ingredients{max-width:100%;margin-bottom:0}.cookmode-timing{max-width:100%}.cookmode-nav{z-index:2;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md) calc(env(safe-area-inset-bottom) + var(--spacing-md));background:color-mix(in srgb, var(--color-surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #e8d5b8b8;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:sticky;bottom:0}.cookmode-btn{min-height:3.25rem}.cookmode-nav-context{grid-column:1/-1;margin-bottom:0}}@media (hover:hover) and (pointer:fine){.cookmode-ingredient:hover{background:#f5e8d05c}.cookmode-chip:hover{border-color:var(--color-accent);background:var(--color-card)}.cookmode-chip--primary:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 11%, var(--color-surface));box-shadow:none}}.yeast-toggle-container{justify-content:center;align-items:center;gap:var(--spacing-md);padding:.5rem 0;display:flex}.yeast-toggle-label{color:#374151;font-weight:500}.yeast-toggle input{opacity:0;width:0;height:0}.yeast-slider:before{content:"";background-color:#fff;border-radius:50%;width:26px;height:26px;transition:transform .2s ease-out;position:absolute;bottom:4px;left:4px}input:checked+.yeast-slider{background-color:#3b82f6}input:focus-visible+.yeast-slider{outline:3px solid var(--color-primary);outline-offset:3px}input:checked+.yeast-slider:before{transform:translate(26px)}.affiliate-tools{margin-top:var(--spacing-lg);text-align:left}.affiliate-tools__header{justify-content:space-between;align-items:baseline;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.affiliate-tools__title{font-family:var(--font-family);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0;font-size:.8rem;font-weight:600}.affiliate-tools__disclosure{color:var(--color-text-muted);opacity:.7;margin:0;font-size:.68rem;line-height:1.45}.affiliate-tools__grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}.affiliate-tools__card{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background:color-mix(in srgb, var(--color-card) 80%, var(--color-surface));flex-direction:column;display:flex}.affiliate-tools__card-top{align-items:center;display:flex}.affiliate-tools__badge{background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary);letter-spacing:.03em;border-radius:999px;align-items:center;gap:.3em;padding:.15em .55em;font-size:.68rem;font-weight:600;display:inline-flex}.affiliate-tools__card-body{flex:1}.affiliate-tools__card-title{color:var(--color-text);margin:0;font-size:.85rem;font-weight:600;line-height:1.3}.affiliate-tools__card-subtitle{color:var(--color-text-muted);margin:.15em 0 0;font-size:.75rem;line-height:1.3}.affiliate-tools__link{border-radius:var(--border-radius-sm);color:var(--color-primary);border:1px solid #b32d2e38;align-self:flex-start;margin-top:auto;padding:.35rem .7rem;font-size:.75rem;font-weight:700;line-height:1.2;transition:background-color .12s ease-out,border-color .12s ease-out}@media (hover:hover) and (pointer:fine){.affiliate-tools__link:hover{background:#b32d2e0f;border-color:#b32d2e5c}}.affiliate-tools__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (width<=420px){.affiliate-tools__grid{grid-template-columns:1fr}}.footer{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex}.footer-secondary{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.footer-primary{gap:var(--spacing-sm);align-items:center;display:flex}.footer-link{font-size:.8rem;font-family:var(--font-family);color:var(--color-text-muted);cursor:pointer;border-radius:var(--border-radius-sm);text-transform:none;letter-spacing:0;box-shadow:none;background:0 0;border:none;padding:.25rem .5rem;transition:color .12s ease-out}@media (hover:hover) and (pointer:fine){.footer-link:hover{color:var(--color-text);background:0 0}}.footer-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hold-btn{-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .1s ease-out;position:relative;overflow:hidden}.hold-btn:active{transform:scale(.97)}.hold-btn__fill{background:var(--color-primary);border-radius:inherit;clip-path:inset(0 100% 0 0);pointer-events:none;transition:clip-path .3s ease-out;position:absolute;inset:0}.hold-btn--holding .hold-btn__fill{clip-path:inset(0 0% 0 0);transition:clip-path 2s linear}.hold-btn__label{z-index:1;display:block;position:relative}.hold-btn__label--inv{color:#fff;clip-path:inset(0 100% 0 0);pointer-events:none;z-index:2;justify-content:center;align-items:center;transition:clip-path .3s ease-out;display:flex;position:absolute;inset:0}.hold-btn--holding .hold-btn__label--inv{clip-path:inset(0 0% 0 0);transition:clip-path 2s linear}@media (prefers-reduced-motion:reduce){.hold-btn__fill,.hold-btn__label--inv{transition:none!important}}.footer-link--v2{color:var(--color-primary);opacity:.7}@media (hover:hover) and (pointer:fine){.footer-link--v2:hover{opacity:1;background:0 0}}.footer-link--share{color:var(--color-secondary);font-weight:600}@media (hover:hover) and (pointer:fine){.footer-link--share:hover{color:var(--color-secondary);background:0 0}}.footer-link--support{color:var(--color-primary);opacity:.72;border:1px solid #b32d2e29;font-weight:600;text-decoration:none;transition:opacity .12s ease-out}@media (hover:hover) and (pointer:fine){.footer-link--support:hover{color:var(--color-primary);opacity:1;background:#b32d2e0f}}.url-error{justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-primary) 25%, var(--color-border));border-radius:var(--border-radius-md);color:var(--color-primary);text-align:left;font-size:.85rem;display:flex}.url-error-dismiss{color:var(--color-primary);cursor:pointer;opacity:.6;box-shadow:none;text-transform:none;letter-spacing:0;background:0 0;border:none;flex-shrink:0;padding:0 .25rem;font-size:1.2rem;line-height:1}.url-error-dismiss:hover{opacity:1}.summary-bar{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md);align-items:stretch;display:flex;overflow:hidden}.summary-item{padding:var(--spacing-md) var(--spacing-sm);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.summary-item--primary{background:var(--color-accent-light)}.summary-item--primary .summary-value{color:var(--color-primary)}.summary-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6rem;font-weight:700}.summary-value{font-family:var(--font-family-display);color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:800;line-height:1}.summary-unit{opacity:.45;vertical-align:baseline;margin-left:2px;font-size:.45em;font-weight:600}.summary-value--oven{font-size:1.1rem}.summary-divider{background:var(--color-border);flex-shrink:0;align-self:stretch;width:1px}.toast{top:var(--spacing-lg);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);opacity:0;pointer-events:none;white-space:nowrap;z-index:9000;border-radius:99px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:opacity .1s ease-in,transform .1s ease-in;display:flex;position:fixed;left:50%;transform:translate(-50%)translateY(-10px);box-shadow:0 4px 16px #2c18101f,0 1px 4px #2c181014}.toast:before{content:"";background:var(--color-secondary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.toast--visible{opacity:1;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);transform:translate(-50%)translateY(0)}.action-row{gap:var(--spacing-sm);margin-top:var(--spacing-md);justify-content:flex-end;display:flex}.action-btn{border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;font-family:var(--font-family);cursor:pointer;letter-spacing:0;text-transform:none;border:1px solid #0000;padding:.5rem 1.25rem;transition:background-color .15s ease-out,color .15s ease-out,transform .1s ease-out,box-shadow .15s ease-out}.action-btn:active{transform:scale(.97)}.action-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.action-btn:focus:not(:focus-visible){outline:none}.action-btn--ghost{color:var(--color-text-muted);border-color:var(--color-border);background:0 0}@media (hover:hover) and (pointer:fine){.action-btn--ghost:hover{background:var(--color-card);color:var(--color-text)}}.action-btn--primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #b32d2e40}@media (hover:hover) and (pointer:fine){.action-btn--primary:hover{background:var(--color-primary-light);box-shadow:0 4px 12px #b32d2e4d}}.action-btn--saved{background:var(--color-secondary);color:#fff;box-shadow:0 2px 8px #388e3c40}@keyframes savePulse{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.action-btn--saved{animation:.22s cubic-bezier(.23,1,.32,1) savePulse}.recipe-steps{margin-bottom:var(--spacing-md);text-align:left}.recipe-divider{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-lg) 0}.recipe-heading{font-family:var(--font-family-display);letter-spacing:0;color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:1.65rem;font-weight:800;line-height:1.1;display:block}.recipe-phase{margin-bottom:var(--spacing-xl)}.recipe-phase--collapsible{border-bottom:1px solid var(--color-border);margin-bottom:0}.recipe-phase--collapsible:last-of-type{margin-bottom:var(--spacing-xl)}.recipe-phase-toggle{align-items:center;gap:var(--spacing-sm);cursor:pointer;text-align:left;width:100%;box-shadow:none;text-transform:none;letter-spacing:0;background:0 0;border:none;padding:.9rem 0;font-family:inherit;display:flex}.recipe-phase-toggle:active{transform:scale(.995)}.recipe-phase-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--border-radius-sm)}.recipe-phase-toggle-copy{flex-direction:column;flex:1;gap:.18rem;min-width:0;display:flex}.recipe-phase-toggle-title{font-family:var(--font-family-display);color:var(--color-text);letter-spacing:0;font-size:1.18rem;font-weight:800}.recipe-phase-toggle-summary{color:var(--color-text-muted);font-size:.72rem;font-weight:600;line-height:1.4}.recipe-phase-chevron{width:16px;height:16px;transition:transform .18s var(--ease-out);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23888' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;flex-shrink:0}.recipe-phase--open .recipe-phase-chevron{transform:rotate(180deg)}.recipe-phase-body{padding-bottom:var(--spacing-md)}.recipe-phase-body>.oven-switch{margin-bottom:var(--spacing-md)}.recipe-phase-progress{background:color-mix(in srgb, var(--color-accent-light) 62%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 72%, transparent);width:1.35rem;height:1.35rem;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:.66rem;font-weight:800;display:inline-flex}.recipe-phases-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:1.15rem;display:flex}.recipe-phases-label{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;padding-top:.85rem;font-size:.68rem;font-weight:800;line-height:1}.recipe-collapse-all{color:var(--color-text-muted);cursor:pointer;text-transform:none;letter-spacing:0;box-shadow:none;background:0 0;border:none;padding-top:.85rem;font-size:.72rem;font-weight:700;transition:color .12s}.recipe-collapse-all:active{transform:none}@media (hover:hover) and (pointer:fine){.recipe-collapse-all:hover{color:var(--color-text);background:0 0}}.recipe-phase-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.recipe-phase-header .recipe-phase-title{margin:0}.oven-switch{flex-shrink:0;align-items:center;gap:4px;display:flex}.oven-switch-sep{color:var(--color-border);font-size:.75rem}.oven-switch-btn{font-size:.75rem;font-family:var(--font-family);color:var(--color-text-muted);cursor:pointer;text-transform:none;letter-spacing:0;box-shadow:none;background:0 0;border:none;padding:0;font-weight:500;transition:color .12s}.oven-switch-btn--active{color:var(--color-text);font-weight:600}.oven-switch-btn:active{transform:none}@media (hover:hover) and (pointer:fine){.oven-switch-btn:hover{color:var(--color-text);background:0 0}}.recipe-phase-title{font-family:var(--font-family-display);color:var(--color-text);margin:0 0 var(--spacing-md) 0;font-size:1rem;font-weight:700}.recipe-step-text--animated{opacity:1;transition:opacity .18s ease-out}@starting-style{.recipe-step-text--animated{opacity:0}}.recipe-step-list{margin:0;padding:0;list-style:none;position:relative}.recipe-step:before{content:"";background:color-mix(in srgb, var(--color-primary) 18%, var(--color-border));width:1px;position:absolute;top:2.65rem;bottom:.05rem;left:1.05rem;transform:translate(-50%)}.recipe-step{padding:0 0 var(--spacing-sm) 0;margin-bottom:0;position:relative}.recipe-step:last-child{padding-bottom:.1rem}.recipe-step:last-child:before{display:none}.recipe-step-action{gap:var(--spacing-md);cursor:pointer;text-align:left;width:100%;box-shadow:none;text-transform:none;letter-spacing:0;transition:color .15s ease-out, transform .14s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:2.05rem minmax(0,1fr);align-items:flex-start;padding:.75rem .8rem .75rem 0;display:grid}.recipe-step-action:active{transform:scale(.99)}.recipe-step-action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (hover:hover) and (pointer:fine){.recipe-step-action:hover{background:0 0;border-color:#0000}.recipe-step-action:hover .recipe-step-number{box-shadow:0 3px 8px var(--color-shadow-primary);transform:translateY(-1px)}.recipe-step-action:hover .recipe-step-text{color:color-mix(in srgb, var(--color-text) 82%, var(--color-primary))}}.recipe-step-number{background:var(--color-primary);color:#fff;z-index:1;letter-spacing:0;width:2.05rem;height:2.05rem;transition:box-shadow .15s ease-out, transform .15s var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex;position:relative}.recipe-step-text{color:var(--color-text);max-width:34rem;padding-top:.1rem;font-size:.9rem;line-height:1.6}.recipe-step--checkable{-webkit-user-select:none;user-select:none}.recipe-step--done{opacity:.58}.recipe-step--done .recipe-step-number{background:var(--color-border);color:var(--color-text-muted);font-size:.65rem}@media (prefers-reduced-motion:reduce){.recipe-step-action,.recipe-step-number{transition:none}}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.planner{margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}.ingredient-pct{color:var(--color-text-muted);font-variant-numeric:tabular-nums;opacity:.8;margin-right:.5rem;font-size:.72rem;font-weight:500}.recipe-method-note{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-accent-light) 22%, var(--color-card));max-width:none;color:var(--color-text-muted);border-radius:8px;margin:0 0 .85rem;padding:.7rem .85rem;font-size:.8rem;line-height:1.58}.recipe-method-note strong{color:var(--color-text);font-weight:600}.planner-trigger{justify-content:space-between;align-items:center;gap:var(--spacing-md);border:1px solid color-mix(in srgb, var(--color-primary) 22%, var(--color-border));background:var(--color-card);width:100%;color:var(--color-text);cursor:pointer;text-align:left;text-transform:none;letter-spacing:0;border-radius:8px;margin-top:0;padding:.95rem 1rem .95rem 1.1rem;transition:border-color .16s,box-shadow .16s,transform .14s cubic-bezier(.23,1,.32,1);display:flex;box-shadow:0 2px 10px #2c181014}.planner-trigger:active{box-shadow:0 1px 2px var(--color-shadow);transform:scale(.985)}.planner-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (hover:hover) and (pointer:fine){.planner-trigger:hover{border-color:color-mix(in srgb, var(--color-primary) 38%, var(--color-border));background:var(--color-surface);box-shadow:0 5px 18px #2c18101a}}.planner-trigger-copy,.planner-trigger-meta{flex-direction:column;min-width:0;display:flex}.planner-trigger-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.68rem;font-weight:700;line-height:1}.planner-trigger-title{color:var(--color-text);margin-top:.3rem;font-size:.9rem;font-weight:700;line-height:1.2}.planner-trigger-meta{color:var(--color-text-muted);flex-shrink:0;align-items:flex-end;gap:.1rem;font-size:.75rem;font-weight:600;line-height:1.25}.planner-trigger-meta strong{font-family:var(--font-family-display);color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:1.05rem}@media (width<=520px){.recipe-heading{font-size:1.5rem}.recipe-method-note{padding:.8rem}.planner-trigger{flex-direction:column;align-items:flex-start}.planner-trigger-meta{flex-flow:wrap;align-items:flex-start;gap:.25rem .5rem}.recipe-step-action{gap:var(--spacing-sm);grid-template-columns:1.9rem minmax(0,1fr);padding-right:.35rem}.recipe-step-number{width:1.9rem;height:1.9rem}.recipe-step:before{left:.95rem}}.planner-dialog-backdrop{z-index:60;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;background:#2f1d1447;place-items:center;transition:opacity .18s ease-out,-webkit-backdrop-filter .18s ease-out,backdrop-filter .18s ease-out;display:grid;position:fixed;inset:0}@starting-style{.planner-dialog-backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}.planner-dialog-backdrop[data-closing=true]{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition-duration:.14s}.planner-dialog{overscroll-behavior:contain;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:min(100%,34rem);max-height:min(82vh,46rem);padding:var(--spacing-xl);opacity:1;transition:transform .22s var(--ease-out), opacity .18s ease-out;overflow-y:auto;transform:translateY(0)scale(1);box-shadow:0 24px 80px #2f1d142e}@starting-style{.planner-dialog{opacity:0;transform:translateY(10px)scale(.98)}}.planner-dialog[data-closing=true]{opacity:0;transition-duration:.14s;transform:translateY(8px)scale(.985)}.planner-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.planner-header .recipe-heading{margin-bottom:0}.planner-dialog-subtitle{color:var(--color-text-muted);margin:.35rem 0 0;font-size:.82rem;line-height:1.55}.planner-close{width:2rem;height:2rem;color:var(--color-secondary);font-family:var(--font-family);cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0;transition:background-color .15s ease-out, color .15s ease-out, transform .14s var(--ease-out);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.45rem;font-weight:400;line-height:1;display:inline-flex}.planner-close:active{transform:scale(.97)}.planner-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (hover:hover) and (pointer:fine){.planner-close:hover{color:var(--color-text);background:var(--color-accent-light)}}.planner-controls{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.planner-mode{border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-accent-light);width:100%;height:2.75rem;padding:3px;display:inline-flex}.planner-mode-btn{border-radius:calc(var(--border-radius-md) - 3px);min-height:0;color:var(--color-text-muted);font-family:var(--font-family);cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0;transition:background-color .15s ease-out, color .15s ease-out, box-shadow .15s ease-out, transform .14s var(--ease-out);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:0 .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.planner-mode-btn--active{background:var(--color-surface);color:var(--color-text);font-weight:800;box-shadow:inset 0 0 0 1px #2c181029,0 1px 3px #2c18101f}.planner-mode-btn:active{transform:scale(.97)}.planner-mode-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (hover:hover) and (pointer:fine){.planner-mode-btn:not(.planner-mode-btn--active):hover{color:var(--color-text);background:var(--color-accent-light)}}.planner-cold-row{border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface);justify-content:space-between;align-items:center;width:100%;height:2.75rem;padding:0 .75rem;display:flex}.planner-cold-label{color:var(--color-text);align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:flex}.planner-cold-help-btn{font-size:.65rem;font-weight:700;font-family:var(--font-family);border:1px solid var(--color-border);width:1.35rem;height:1.35rem;color:var(--color-text-muted);cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0;background:0 0;border-radius:99px;justify-content:center;align-items:center;padding:0;transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out;display:inline-flex}.planner-cold-help-btn--active{background:var(--color-accent-light);color:var(--color-text);border-color:var(--color-accent)}@media (hover:hover) and (pointer:fine){.planner-cold-help-btn:hover{background:var(--color-accent-light);color:var(--color-text);border-color:var(--color-accent)}}.planner-cold-switch{background:var(--color-border);cursor:pointer;width:2.6rem;height:1.4rem;box-shadow:none;border:none;border-radius:99px;flex-shrink:0;padding:0;transition:background-color .2s ease-out;position:relative}.planner-cold-switch--on{background:var(--color-primary)}.planner-cold-switch-thumb{width:1rem;height:1rem;transition:transform .2s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:.2rem;left:.2rem;box-shadow:0 1px 3px #0003}.planner-cold-switch--on .planner-cold-switch-thumb{transform:translate(1.2rem)}.planner-input{border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-card);color:var(--color-text);font-family:var(--font-family);cursor:pointer;width:auto;height:2.75rem;margin-bottom:0;padding:0 .6rem;font-size:.85rem;transition:border-color .15s ease-out}.planner-input-field{flex-direction:column;flex:14rem;gap:.35rem;min-width:13rem;display:flex}.planner-input-field span{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700;line-height:1}.planner-input-field .planner-input{width:100%}.planner-derived-time{color:var(--color-text-muted);flex-basis:100%;margin:-.15rem 0 0;font-size:.78rem;line-height:1.45}.planner-derived-time strong{color:var(--color-text);font-weight:700}.planner-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.planner-cold-note{color:var(--color-text-muted);border-left:2px solid var(--color-accent);padding-left:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:.82rem;line-height:1.7}.planner-timeline{margin:0;padding:0;list-style:none}.planner-step{gap:var(--spacing-md);padding-bottom:var(--spacing-md);grid-template-columns:1rem 1fr;display:grid;position:relative}.planner-step:last-child{padding-bottom:0}.planner-step-left{flex-direction:column;align-items:center;gap:4px;display:flex}.planner-step-dot{background:var(--color-border);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:.4rem}.planner-step--eat .planner-step-dot{background:var(--color-primary);width:9px;height:9px}.planner-step-line{background:var(--color-border);flex:1;width:1px;min-height:12px}.planner-step:last-child .planner-step-line{display:none}.planner-step-body{padding-bottom:var(--spacing-sm)}.planner-day-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--color-surface);background:var(--color-text-muted);border-radius:99px;margin-bottom:.35rem;padding:.15rem .5rem;font-size:.6rem;font-weight:700;display:inline-block}.planner-step--eat .planner-day-badge{background:var(--color-primary)}.planner-step-row{align-items:baseline;gap:.6rem;display:flex}.planner-step-time{font-family:var(--font-family-display);font-variant-numeric:tabular-nums;color:var(--color-text);flex-shrink:0;font-size:1.1rem;font-weight:800}.planner-step--eat .planner-step-time{color:var(--color-primary);font-size:1.3rem}.planner-step-label{color:var(--color-text);font-size:.875rem;font-weight:600}.planner-step--eat .planner-step-label{color:var(--color-primary);font-weight:700}.planner-step--past .planner-step-time,.planner-step--past .planner-step-label{color:var(--color-text-muted);opacity:.6}.planner-step-hint{color:var(--color-text-muted);margin:.2rem 0 0;font-size:.78rem;line-height:1.5}@media (width<=600px){.planner-trigger{align-items:flex-start;min-height:0;padding:.8rem .9rem}.planner-trigger-title{font-size:.9rem}.planner-trigger-meta{font-size:.7rem}.planner-trigger-meta strong{font-size:.95rem}.planner-dialog-backdrop{background:#2f1d1452;place-items:end stretch;padding:0}.planner-dialog{border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;width:100%;max-height:min(86vh,44rem);padding:var(--spacing-lg) var(--spacing-md) calc(env(safe-area-inset-bottom) + var(--spacing-lg));transition:transform .24s var(--ease-drawer), opacity .18s ease-out;border-bottom:none;border-left:none;border-right:none;transform:translateY(0)}@starting-style{.planner-dialog{opacity:1;transform:translateY(100%)}}.planner-dialog[data-closing=true]{opacity:1;transition-duration:.18s;transform:translateY(100%)}.planner-controls{align-items:stretch}.planner-input-field,.planner-input{width:100%}.planner-input{min-height:2.5rem}}@media (prefers-reduced-motion:reduce){.planner-trigger,.planner-dialog-backdrop,.planner-dialog,.planner-close,.planner-mode-btn{transition-duration:1ms!important;transform:none!important}}.ingredient-value{transition:opacity .12s ease-out;display:inline}@starting-style{.ingredient-value{opacity:0}}.summary-value--animated{transition:opacity .18s ease-out, transform .18s var(--ease-out)}@starting-style{.summary-value--animated{opacity:0;transform:translateY(4px)scale(.97)}}@media (prefers-reduced-motion:reduce){.summary-value--animated{transition:opacity .15s ease-out!important;transform:none!important}@starting-style{.summary-value--animated{opacity:0;transform:none}}}.App{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.App:has(.v2-layout){align-items:flex-start;padding:2rem 1rem}.v2-layout{grid-template-columns:minmax(0,560px) minmax(0,520px);align-items:start;gap:3rem;width:100%;max-width:1200px;display:grid}.v2-layout .container{max-width:none}.v2-recipe-panel{position:sticky;top:2rem}.container{view-transition-name:calculator}.v2-recipe-panel{view-transition-name:recipe-panel}::view-transition-old(recipe-panel){animation:.22s cubic-bezier(.4,0,1,1) both recipe-panel-out}::view-transition-new(recipe-panel){animation:.32s cubic-bezier(.16,1,.3,1) both recipe-panel-in}@keyframes recipe-panel-in{0%{opacity:0;transform:translate(24px)}}@keyframes recipe-panel-out{to{opacity:0;transform:translate(24px)}}::view-transition-group(calculator){animation-duration:.32s;animation-timing-function:cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.reduce-motion::view-transition-group(*){animation:none!important}.reduce-motion::view-transition-old(*){animation:none!important}.reduce-motion::view-transition-new(*){animation:none!important}.theme-vt::view-transition-old(root){mix-blend-mode:normal;animation:none}.theme-vt::view-transition-new(root){mix-blend-mode:normal;animation:none}.theme-vt::view-transition-new(root){z-index:1}.v2-recipe-panel .recipe-steps{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:0}.v2-recipe-panel .recipe-divider{display:none}@media (width<=900px){.v2-layout{max-width:var(--container-max-width);grid-template-columns:1fr}.v2-recipe-panel{position:static}}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-Regular.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter-SemiBold.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#b32d2e;--color-primary-light:#d34f47;--color-secondary:#388e3c;--color-accent:#e2c290;--color-accent-light:#f5e8d0;--color-background:#f5ede0;--color-surface:#fffcf7;--color-card:#fdf8f2;--color-text:#2c1810;--color-text-muted:#8a6040;--color-border:#e8d5b8;--color-shadow:#2c18101f;--color-shadow-primary:#b32d2e1f;--color-shadow-secondary:#388e3c14;--color-shadow-checkbox:#d34f4714;--color-shadow-toggle:#00000014;--font-family:"Inter", sans-serif;--font-family-display:"Playfair Display", Georgia, serif;--font-size-base:1rem;--font-size-large:1.05rem;--font-size-xl:1.75rem;--font-size-2xl:2.6rem;--font-size-mobile:.9rem;--font-size-mobile-xl:2rem;--font-size-mobile-lg:1.2rem;--font-size-mobile-sm:.85rem;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:14px;--border-radius-xl:20px;--border-radius-full:50%;--shadow-sm:0 1px 3px var(--color-shadow-checkbox);--shadow-md:0 4px 12px var(--color-shadow-primary);--shadow-lg:0 12px 40px var(--color-shadow);--shadow-card:0 2px 8px #2c18100f;--shadow-table:0 2px 8px var(--color-shadow-secondary);--transition-fast:.15s ease-out;--transition-normal:.2s ease-out;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--container-max-width:520px;--toggle-width:56px;--toggle-height:32px;--toggle-slider-size:22px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#e05a5b;--color-primary-light:#f07070;--color-secondary:#5cb85c;--color-accent:#e2c290;--color-accent-light:#3a2e1e;--color-background:#1a1008;--color-surface:#231508;--color-card:#2a1a0c;--color-text:#f0e0cc;--color-text-muted:#a08060;--color-border:#9a6040;--color-shadow:#0006;--color-shadow-primary:#e05a5a26;--color-shadow-secondary:#5cb85c1a;--color-shadow-checkbox:#e05a5a1a;--color-shadow-toggle:#0000004d}html,body{background-color:var(--color-background)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--color-primary);color:var(--color-surface);padding:var(--spacing-xs) var(--spacing-md);z-index:9999;border-radius:0 0 var(--border-radius-sm) 0;font-weight:600;position:absolute;top:-40px;left:0}.skip-link:focus{outline:3px solid var(--color-secondary);outline-offset:2px;top:0}*{box-sizing:border-box;font-family:var(--font-family);color:var(--color-text);margin:0;padding:0;text-decoration:none}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);width:100%;min-height:100%;padding:0;padding:var(--spacing-xl) var(--spacing-md);background-image:radial-gradient(at 20% 10%,#b32d2e0f 0%,#0000 50%),radial-gradient(at 80% 90%,#388e3c0d 0%,#0000 50%);flex-direction:column;justify-content:flex-start;align-items:center;margin:0;display:flex}.container{max-width:var(--container-max-width);width:100%;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);background:var(--color-surface);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);text-align:center;font-family:var(--font-family);transition:opacity .3s ease-out,transform .3s ease-out;position:relative}@starting-style{.container{opacity:0;transform:translateY(12px)}}h1,h2,h3{color:var(--color-primary)}h1{font-family:var(--font-family-display);font-size:var(--font-size-2xl);letter-spacing:-.5px;margin-bottom:.25rem;font-weight:800;line-height:1.1}h2{font-family:var(--font-family-display);margin-bottom:var(--spacing-md);color:var(--color-text);letter-spacing:0;font-size:1.2rem;font-weight:700}.app-subtitle{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);font-size:.8rem;font-weight:500}.app-intro{color:var(--color-text-muted);margin-top:.5rem;margin-bottom:0;max-width:34em;margin-inline:auto;font-size:.85rem;line-height:1.65}.app-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.field-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:border-color .15s ease-out,box-shadow .15s ease-out}.field-card:focus-within{border-color:var(--color-primary);outline-offset:0px;outline:3px solid #b32d2e1f}.field-label-row{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:0;font-size:.7rem;font-weight:600;display:block}.field-tooltip-icon{color:var(--color-text-muted);opacity:.6;align-items:center;display:flex}.field-hint{color:var(--color-text-muted);opacity:.8;margin-top:.25rem;font-size:.75rem}.flour-guidance-bar{margin:0 0 var(--spacing-lg);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.flour-guidance-summary{color:var(--color-text-muted);margin-right:auto;font-size:.8rem}.flour-guidance-btn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .7rem;font-size:.8rem;font-weight:600;transition:color .14s ease-out,border-color .14s ease-out}.flour-guidance-btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.flour-guidance-btn--warn{color:#b45309;background:#f59e0b1a;border-color:#f59e0b}input[type=number],input[type=checkbox]{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-base);border:1px solid var(--color-primary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);box-sizing:border-box;background:var(--color-surface);color:var(--color-text);font-family:var(--font-family)}.field-card input[type=number]{color:var(--color-text);-moz-appearance:textfield;background:0 0;border:none;outline:none;width:100%;margin-bottom:0;padding:0;font-size:1.5rem;font-weight:700}.field-card input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field-card input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]:focus-visible,input[type=checkbox]:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary-light)}input[type=checkbox]{width:auto;margin-right:var(--spacing-sm)}label,.yeast-toggle-label{font-family:var(--font-family);color:var(--color-text-muted);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);display:block}.stepper{align-items:center;gap:var(--spacing-sm);display:flex}.stepper-btn{border-radius:var(--border-radius-sm);border:1px solid var(--color-border);background:var(--color-surface);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;text-transform:none;letter-spacing:0;box-shadow:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.1rem;font-weight:600;transition:background-color .12s ease-out,border-color .12s ease-out,transform .1s ease-out,color .12s ease-out;display:flex}@media (hover:hover) and (pointer:fine){.stepper-btn:hover{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-primary)}}.stepper-btn:active{background:var(--color-accent-light);transform:scale(.96)}.fields-grid{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.fields-grid .field-card:last-child:nth-child(odd){grid-column:1/-1}button{cursor:pointer;font-family:var(--font-family)}button:active{transform:scale(.97)}ul{padding-left:0;list-style-type:none}li{font-size:var(--font-size-base)}.ingredient-list li{margin-bottom:0}.font-semibold{font-weight:600}.toggle-checkbox{cursor:pointer;background-color:#f0a1a1;border-radius:44px;width:44px;height:26px;position:relative}.toggle-checkbox:before{content:"";border-radius:var(--border-radius-full);background-color:var(--color-surface);width:18px;height:18px;transition:transform .2s ease-out;position:absolute;top:2px;left:3px}.toggle-checkbox:checked{background-color:var(--color-secondary)}.toggle-checkbox:checked:before{transform:translate(24px)}.mb-4{margin-bottom:var(--spacing-sm)}.mb-6{margin-bottom:var(--spacing-md)}.space-y-2{margin-bottom:var(--spacing-sm)}@media (width<=600px){.container{padding:var(--spacing-lg) var(--spacing-md)}h1{font-size:var(--font-size-mobile-xl)}.fields-grid{grid-template-columns:1fr}.fields-grid .field-card.full-width{grid-column:1}button{font-size:var(--font-size-mobile);padding:var(--spacing-sm) var(--spacing-lg)}}.table-section{margin-bottom:var(--spacing-sm);text-align:left}.table-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.4rem;padding-left:2px;font-size:.65rem;font-weight:700;display:block}.ingredient-list{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden}.ingredient-row{padding:.5rem var(--spacing-md);border-bottom:1px solid var(--color-border);opacity:0;animation:rowFadeIn .2s var(--ease-out) forwards;justify-content:space-between;align-items:center;display:flex}.ingredient-row:last-child{border-bottom:none}.ingredient-row:first-child{animation-delay:0s}.ingredient-row:nth-child(2){animation-delay:30ms}.ingredient-row:nth-child(3){animation-delay:60ms}.ingredient-row:nth-child(4){animation-delay:90ms}@keyframes rowFadeIn{0%{opacity:0}to{opacity:1}}.ingredient-name{color:var(--color-text);font-size:.9rem}.ingredient-amount{font-variant-numeric:tabular-nums;color:var(--color-text);white-space:nowrap;margin-left:var(--spacing-md);flex-shrink:0;font-size:.9rem;font-weight:700}.ingredient-amount span{color:var(--color-text-muted);margin-left:2px;font-size:.75rem;font-weight:400}.custom-checkbox{cursor:pointer;font-size:var(--font-size-base);-webkit-user-select:none;user-select:none;padding-left:var(--spacing-xl);align-items:center;display:flex;position:relative}.custom-checkbox input[type=checkbox]{opacity:0;cursor:pointer;width:0;height:0;position:absolute;left:0}.custom-checkbox .checkmark{background-color:var(--color-surface);border:2px solid var(--color-primary-light);border-radius:var(--border-radius-sm);width:1.5rem;height:1.5rem;transition:background-color var(--transition-fast), border-color var(--transition-fast);box-shadow:var(--shadow-sm);position:absolute;top:50%;left:0;transform:translateY(-50%)}.custom-checkbox input:checked~.checkmark{background-color:var(--color-primary-light);border-color:var(--color-primary-light)}.custom-checkbox .checkmark:after{content:"";display:none;position:absolute}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-checkbox .checkmark:after{border:solid var(--color-surface);content:"";border-width:0 .2rem .2rem 0;width:.35rem;height:.7rem;position:absolute;top:.15rem;left:.45rem;transform:rotate(45deg)}.yeast-toggle-container{align-items:center;gap:var(--spacing-md);display:flex}.yeast-toggle{width:var(--toggle-width);height:var(--toggle-height);display:inline-block;position:relative}.yeast-toggle input[type=checkbox]{opacity:0;width:0;height:0}.yeast-slider{cursor:pointer;background-color:var(--color-accent);border-radius:var(--toggle-height);transition:background-color .2s ease-out;position:absolute;inset:0}.yeast-toggle input:checked+.yeast-slider{background-color:var(--color-secondary)}.yeast-slider:before{content:"";height:var(--toggle-slider-size);width:var(--toggle-slider-size);background:var(--color-surface);border-radius:var(--border-radius-full);box-shadow:var(--shadow-toggle);border:2px solid var(--color-surface);transition:transform .2s ease-out;position:absolute;top:3px;left:4px}.yeast-toggle input:checked+.yeast-slider:before{transform:translate(23px)}button:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}@media print{body{background:#fff;padding:0}.container{box-shadow:none;border:none;max-width:100%;padding:0}.fields-grid,.action-row,.floating-controls{display:none!important}.ingredient-list{border:1px solid #ccc}.recipe-step-list:before{display:none}.cookmode-overlay{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-property:color,background-color,border-color,opacity!important;transition-duration:.15s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}