:root{--gram-font-sans:system-ui, -apple-system, sans-serif;--gram-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--item-ingredient-text:#7c3aed;--item-cookware-text:#2563eb;--item-timer-text:#d97706;--item-temp-text:#dc2626;--item-ref-text:#059669;--item-decl-text:#059669;--item-qty-text:var(--color-text-strong);--gray-0:oklch(100% 0 0);--gray-25:oklch(98.5% 0 0);--gray-50:oklch(97% 0 0);--gray-100:oklch(93% 0 0);--gray-200:oklch(88% 0 0);--gray-300:oklch(80% 0 0);--gray-400:oklch(70% 0 0);--gray-500:oklch(58% 0 0);--gray-600:oklch(46% 0 0);--gray-700:oklch(35% 0 0);--gray-800:oklch(25% 0 0);--gray-900:oklch(15% 0 0);--gray-950:oklch(10% 0 0);--gray-1000:oklch(0% 0 0);--bg-dark-anchor:var(--vp-c-bg,#1a1a1a);--color-bg:var(--gray-0);--color-bg-subtle:var(--gray-25);--color-bg-muted:var(--gray-100);--color-surface:var(--gray-25);--color-surface-raised:var(--gray-0);--color-border:var(--gray-200);--color-border-strong:var(--gray-300);--color-text-muted:var(--gray-500);--color-text:var(--gray-700);--color-text-strong:var(--gray-900)}.dark,body.vscode-dark,:root[class~=dark],:root[data-theme=dark]{--item-ingredient-text:#c68aff;--item-cookware-text:#60a5fa;--item-timer-text:#fbbf24;--item-temp-text:#f87171;--item-ref-text:#34d399;--item-decl-text:#34d399;--item-qty-text:var(--color-text-strong);--color-bg:var(--bg-dark-anchor);--color-bg-subtle:oklch(from var(--bg-dark-anchor) calc(l - .03) c h);--color-bg-muted:oklch(from var(--bg-dark-anchor) calc(l + .02) c h);--color-surface:oklch(from var(--bg-dark-anchor) calc(l + .035) c h);--color-surface-raised:oklch(from var(--bg-dark-anchor) calc(l + .06) c h);--color-border:oklch(from var(--bg-dark-anchor) calc(l + .14) c h);--color-border-strong:oklch(from var(--bg-dark-anchor) calc(l + .22) c h);--color-text-muted:oklch(from var(--bg-dark-anchor) calc(l + .42) c h);--color-text:oklch(from var(--bg-dark-anchor) calc(l + .6) c h);--color-text-strong:oklch(100% 0 0)}.gram-preview details.shopping-list,.gram-preview details.cookware,.gram-preview details.section-ingredients,.gram-preview details.recipe-meta-secondary,.section-ingredients,.gram-preview div.cookware{background-color:red}.gram-preview{font-family:var(--gram-font-sans);color:var(--vscode-editor-foreground,inherit);font-size:15px;line-height:1.6}.gram-preview svg.gicon,.gram-preview .gicon,svg.gicon{vertical-align:-.125em;width:1em;height:1em;display:inline-block}.gram-preview h1{border-bottom:2px solid var(--color-border);margin-bottom:24px;padding-bottom:16px;font-size:2rem;font-weight:700}.gram-preview h2,.gram-preview h3,.gram-preview h4{color:var(--vscode-editor-foreground,inherit)}.gram-preview h3{margin-top:2rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.gram-preview h4{display:none}.gram-preview .recipe-timings-grid{flex-wrap:wrap;gap:16px;margin-bottom:10px;display:flex}.gram-preview .timing-card{border:1px solid var(--color-border);border-radius:8px;flex-direction:column;flex-grow:1;align-items:flex-start;min-width:120px;padding:10px 14px;display:flex}.gram-preview .timing-card .meta-label{color:var(--color-text-muted);text-transform:uppercase;align-items:center;gap:6px;font-size:.75em;font-weight:700;display:flex}.gram-preview .timing-card .meta-label i{font-size:1.2em}.gram-preview .timing-card .meta-value{font-size:.9em;font-weight:600;font-family:var(--gram-font-mono)}.gram-preview .metadata-grid{border-block:1px dashed var(--color-border);flex-direction:column;gap:5px;margin-bottom:10px;padding-block:20px;display:flex}.gram-preview .meta-secondary-item{align-items:baseline;gap:12px;font-size:.9em;display:flex}.gram-preview .meta-secondary-item .label{color:var(--color-text-muted);text-transform:uppercase;flex-shrink:0;width:140px;font-size:.85em;font-weight:600}.gram-preview .meta-secondary-item .value{font-weight:500;font-family:var(--gram-font-mono)}.gram-preview details{margin-bottom:16px}.gram-preview details>summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin:0;list-style:none;display:flex}.gram-preview details>summary::-webkit-details-marker{display:none}.gram-preview details>summary>h2{border:none;align-items:center;margin:0;padding:0;font-size:1rem;display:inline-flex}.gram-preview details>summary:after{content:"";background-color:var(--color-text-muted);width:1.2em;height:1.2em;margin-left:8px;transition:transform .2s;display:inline-block;transform:rotate(180deg);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.gram-preview details[open]>summary:after{transform:rotate(0)}.gram-preview details>summary+ul{margin-top:10px!important}.gram-preview details.shopping-list,.gram-preview details.cookware,.gram-preview details.section-ingredients,.section-ingredients,.gram-preview div.cookware{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin:10px 0;padding:13px 20px}.gram-preview details.section-ingredients,.section-ingredients{margin:16px 0 24px}.gram-preview .section-ingredients h4,.gram-preview div.cookware h2{border-bottom:1px solid var(--color-border);color:var(--color-text-strong);border-top:none;margin:0 0 12px;padding-top:0;padding-bottom:8px;font-size:1.1em;font-weight:600}.gram-preview .shopping-list ul,.gram-preview .section-ingredients ul,.gram-preview .cookware ul{margin:0;padding:0;list-style:none}.gram-preview .section-ingredients ul{margin-top:0!important}.gram-preview .shopping-list ul li,.gram-preview .section-ingredients ul li,.gram-preview details.cookware ul li{border-bottom:1px dashed var(--color-border);justify-content:space-between;align-items:baseline;margin:0;padding:3px 0;display:flex}.gram-preview .shopping-list ul li:first-child,.gram-preview .section-ingredients ul li:first-child,.gram-preview details.cookware ul li:first-child{border-top:none;padding-top:0}.gram-preview .shopping-list ul li:last-child,.gram-preview .section-ingredients ul li:last-child,.gram-preview details.cookware ul li:last-child{border-bottom:none;padding-bottom:0}.gram-preview .shopping-list ul li.list-item-group,.gram-preview .section-ingredients ul li.list-item-group,.gram-preview details.cookware ul li.list-item-group{display:block}.gram-preview .shopping-list ul li.list-item-group>ul,.gram-preview .section-ingredients ul li.list-item-group>ul,.gram-preview details.cookware ul li.list-item-group>ul{margin-top:6px;padding-left:16px}.gram-preview .steps{counter-reset:gram-step;margin-top:16px;padding-left:0;list-style:none}.gram-preview .steps li{counter-increment:gram-step;margin-bottom:16px;padding-left:36px;line-height:1.6;position:relative}.gram-preview .steps li.step-comment{counter-increment:none;color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;align-items:flex-start;gap:8px;margin:12px 0 16px;padding:6px 10px;font-size:.9em;display:flex;list-style:none!important}.gram-preview .steps li:before{content:counter(gram-step);background-color:var(--color-bg-muted);width:24px;height:24px;color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;font-size:.8em;font-weight:600;display:flex;position:absolute;top:2px;left:0}.gram-preview .step-comment:before{display:none!important}.gram-preview .step-comment .comment-icon{color:var(--gray-500);height:22px;font-size:1.2em}.gram-preview .footnote-ref{vertical-align:super;margin-left:2px;font-size:.75em;line-height:0}.gram-preview .footnote-ref a{color:var(--color-text-muted);font-weight:600;text-decoration:none;transition:color .2s}.gram-preview .footnote-ref a:hover{color:var(--color-text-strong);text-decoration:underline}.gram-preview .recipe-notes{border-top:1px solid var(--color-border);margin-top:32px;padding-top:16px}.gram-preview .recipe-notes h3{color:var(--color-text-strong);margin-top:0;margin-bottom:12px;font-size:1.1em;font-weight:600}.gram-preview .recipe-notes ol{color:var(--color-text-muted);margin:0;padding-left:20px;font-size:.9em;line-height:1.6}.gram-preview .recipe-notes li{border-radius:6px;margin-bottom:8px;padding:0 8px;transition:background-color .3s}.gram-preview .note-return{color:var(--color-text-muted);margin-left:6px;font-size:1.1em;text-decoration:none;transition:color .2s}.gram-preview .note-return:hover{color:var(--color-text-strong)}.gram-preview .target-highlight{animation:2s ease-out targetFlash}@keyframes targetFlash{0%{background-color:var(--color-bg-muted,#c8c8c84d)}to{background-color:#0000}}.gram-preview .action{text-transform:uppercase;border:1px solid var(--color-border);border-radius:4px;margin-right:6px;padding:2px 5px;font-size:.8em;font-weight:700}.gram-preview .ingredient{color:var(--item-ingredient-text);font-weight:600}.gram-preview .ingredient-alt-badge{color:var(--color-text-muted);cursor:help;text-underline-offset:2px;font-size:.85em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.gram-preview span.cookware{color:var(--item-cookware-text);font-weight:600}.gram-preview .reference,.gram-preview .declaration{color:var(--item-ref-text);font-weight:600}.gram-preview .declaration{font-size:.9rem}.gram-preview .timer,.gram-preview .temp{font-family:var(--gram-font-mono);align-items:center;gap:2px;margin:0 2px;font-size:.9em;font-weight:600;display:inline-flex}.gram-preview .timer{color:var(--item-timer-text)}.gram-preview .temp{color:var(--item-temp-text);font-weight:600}.gram-preview .quantity{font-family:var(--gram-font-mono);color:var(--color-text-strong);border:1px solid var(--color-border);border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:.85em;font-weight:600}.gram-preview .mass-badge{font-family:var(--gram-font-mono);color:var(--color-text-muted);vertical-align:baseline;cursor:help;background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:4px;padding:2px 6px;font-size:.85em;font-weight:500}.gram-preview .bakers-badge{font-family:var(--gram-font-mono);color:var(--color-text);vertical-align:baseline;cursor:help;background-color:var(--color-bg-subtle);border:1px dashed var(--color-text-muted);border-radius:4px;padding:2px 6px;font-size:.85em}.hide-mass-badges .mass-badge{display:none!important}.gram-preview .gross-mass{color:var(--color-text-muted);margin-left:2px;font-size:.85em}.gram-preview .unit{color:var(--color-text-muted);margin-left:2px;font-size:.9em}.gram-preview .prep,.gram-preview .composite-parent{color:var(--color-text-muted);font-size:.95em;font-style:italic}.gram-preview .optional{color:var(--color-text-muted);margin-left:.25em;font-size:.85em;font-style:italic}.gram-preview .nutrition-panel{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:12px;margin-top:32px;padding:20px;display:none}.show-macros .nutrition-panel{display:block}.gram-preview .nut-header{align-items:center;gap:8px;margin-bottom:16px;font-size:1.1em;font-weight:600;display:flex}.gram-preview .est-badge{text-transform:uppercase;background-color:var(--color-bg-muted);border-radius:4px;padding:2px 6px;font-size:.6em;font-weight:700}.gram-preview .nut-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;gap:12px;display:grid}@media (width>=480px){.gram-preview .nut-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=768px){.gram-preview .nut-grid{grid-template-columns:repeat(4,1fr)}}.gram-preview .nut-warnings{color:var(--vscode-errorForeground,#f87171);background-color:color-mix(in srgb, var(--vscode-errorForeground,#f87171) 10%, transparent);border-radius:6px;margin-bottom:10px;padding:10px;font-size:.85em}.gram-preview .nut-warnings p{margin:0;padding:0}.gram-preview .nut-item{background-color:var(--color-bg);border:1px solid var(--color-bg-muted);border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.gram-preview .nut-item .label{text-transform:uppercase;font-variant:small-caps;color:var(--color-text);font-size:.65em;font-weight:600}.gram-preview .nut-item strong{font-size:1.1em;font-family:var(--gram-font-mono)}.gram-preview .nut-item-sugar{color:var(--color-text-muted);font-size:.6em;display:block}.gram-preview .nut-item small{color:var(--color-text-muted);font-size:.8em}.gram-preview .nut-basis-radio{opacity:0;pointer-events:none;position:absolute}.gram-preview .nut-basis-switch{background-color:var(--color-bg-muted);border-radius:999px;gap:2px;margin-bottom:14px;padding:2px;display:inline-flex}.gram-preview .nut-basis-switch label{cursor:pointer;color:var(--color-text-muted);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:.7em;font-weight:600}.gram-preview .nut-basis-switch label:hover{color:var(--color-text)}.gram-preview .nut-basis-single{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:14px;font-size:.7em;font-weight:600}.gram-preview .nut-basis-note{color:var(--color-text-muted);grid-column:1/-1;margin:0;font-size:.7em}.gram-preview .nut-item-children{border-top:1px solid var(--color-bg-muted);flex-direction:column;gap:2px;margin:8px 0 0;padding:6px 0 0;list-style:none;display:flex}.gram-preview .nut-item-children li{color:var(--color-text-muted);flex-direction:column;font-size:.72em;display:flex}.gram-preview .nut-item-children .label{text-transform:none;font-variant:normal;color:inherit;font-size:1em;font-weight:400}.gram-preview .nut-item-children .value{font-family:var(--gram-font-mono);white-space:nowrap;color:var(--color-text);font-weight:700}.gram-preview .nut-basis-radio~.nut-grid{display:none}.gram-preview .nut-basis-radio[data-basis=perPortion]:checked~.nut-grid[data-basis=perPortion],.gram-preview .nut-basis-radio[data-basis=per100g]:checked~.nut-grid[data-basis=per100g],.gram-preview .nut-basis-radio[data-basis=total]:checked~.nut-grid[data-basis=total]{display:grid}.gram-preview .nutrition-panel:not(:has(.nut-basis-radio:checked)) .nut-grid[data-default]{display:grid}.gram-preview .nut-basis-radio[data-basis=perPortion]:checked~.nut-basis-switch label[for$=-perPortion],.gram-preview .nut-basis-radio[data-basis=per100g]:checked~.nut-basis-switch label[for$=-per100g],.gram-preview .nut-basis-radio[data-basis=total]:checked~.nut-basis-switch label[for$=-total]{background-color:var(--color-bg);color:var(--color-text)}.gram-preview .nut-basis-radio:focus-visible~.nut-basis-switch{outline:2px solid var(--color-text-muted);outline-offset:2px}.gram-preview [data-tooltip]{cursor:help;position:relative}.gram-preview [data-tooltip]:not(.timer):not(.formula-qty):not(.mass-badge):not(.bakers-badge):not(.timing-card):not(.gross-mass):not(.section-meta-badge):not(.section-declaration-badge):not(.est-badge){text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1px}.gram-preview .timer{text-decoration:none!important}.gram-preview .timer .timer-text{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1px}.gram-preview [data-tooltip]:before,.gram-preview [data-tooltip]:after{opacity:0;visibility:hidden;z-index:100;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;position:absolute}.gram-preview [data-tooltip]:after{content:attr(data-tooltip);background:var(--color-surface-raised);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);color:var(--color-text-strong);font-size:13px;font-weight:500;font-family:var(--gram-font-sans);white-space:pre-wrap;text-align:center;width:max-content;max-width:220px;box-shadow:0 4px 12px color-mix(in srgb, var(--gray-1000) 15%, transparent);border-radius:6px;padding:6px 12px;line-height:1.4;bottom:100%;left:50%;transform:translate(-50%)translateY(-2px)}.gram-preview [data-tooltip]:before{content:"";border:5px solid #0000;border-top-color:var(--color-surface-raised);bottom:100%;left:50%;transform:translate(-50%)translateY(2px)}.gram-preview [data-tooltip]:hover:before,.gram-preview [data-tooltip]:hover:after{opacity:1;visibility:visible}.gram-preview [data-tooltip]:hover:after{transform:translate(-50%)translateY(-8px)}.gram-preview [data-tooltip]:hover:before{transform:translate(-50%)translateY(-3px)}.gram-preview .timing-card{position:relative}.gram-preview .timing-tooltip{background:var(--color-surface-raised);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);color:var(--color-text-strong);font-size:13px;font-weight:500;font-family:var(--gram-font-sans);width:max-content;max-width:300px;box-shadow:0 4px 12px color-mix(in srgb, var(--gray-1000) 15%, transparent);opacity:0;visibility:hidden;z-index:100;pointer-events:none;border-radius:8px;flex-direction:column;gap:6px;padding:10px 14px;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(2px)}.gram-preview .timing-card:hover .timing-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(8px)}.gram-preview .timing-card:first-child .timing-tooltip{left:0;transform:translateY(2px)}.gram-preview .timing-card:first-child:hover .timing-tooltip{transform:translateY(8px)}.gram-preview .timing-card:first-child .timing-tooltip:before{left:24px;transform:none}.gram-preview .timing-card:last-child .timing-tooltip{left:auto;right:0;transform:translateY(2px)}.gram-preview .timing-card:last-child:hover .timing-tooltip{transform:translateY(8px)}.gram-preview .timing-card:last-child .timing-tooltip:before{left:auto;right:24px;transform:none}.gram-preview .timing-tooltip:before{content:"";border:6px solid #0000;border-bottom-color:var(--color-surface-raised);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.gram-preview .timing-tooltip-title{color:var(--color-text);text-align:center;margin-bottom:2px;font-weight:700}.gram-preview .timing-divider{background-color:var(--color-border);height:1px;margin:2px 0}.gram-preview .timing-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.gram-preview .timing-label{text-align:left}.gram-preview .timing-detail-type{color:var(--color-text-muted);font-size:.9em;font-style:italic;font-weight:400}.gram-preview .timing-val{text-align:right;font-family:var(--gram-font-mono);color:var(--color-text-strong);font-weight:600}.gram-preview .declaration-block{color:var(--item-decl-text);border-top:1px dashed var(--color-border);width:fit-content;margin-top:8px;padding-top:4px;font-size:.85em;font-weight:600;display:block}.gram-preview .section-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gram-preview .formula-qty{color:var(--color-text-muted);border:1px dashed var(--color-border)}.gram-preview .section-meta-retroplanning{color:var(--item-timer-text);border:1px solid var(--item-timer-text);border-radius:4px;padding:2px 6px;font-size:.6em;font-weight:500;line-height:1.5}.gram-preview .section-meta-mass{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:4px;padding:2px 6px;font-size:.6em;font-weight:500;line-height:1.5}.gram-preview .section-meta-module{color:var(--color-text-muted);background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:4px;align-items:center;gap:4px;margin-left:auto;padding:2px 6px;font-size:.6em;font-weight:500;line-height:1.5;display:inline-flex}.gram-preview .section-declaration-badge{color:var(--item-decl-text);border:1px solid var(--item-decl-text);border-radius:4px;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;font-size:.65em;font-weight:700;line-height:1.5;display:inline-flex}.gram-preview .section-declaration-badge.has-module{gap:0;padding:0;overflow:hidden}.gram-preview .section-declaration-badge .section-module-source{background:var(--color-surface);color:var(--color-text-muted);border-right:1px solid var(--color-border);align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.gram-preview .section-declaration-badge .section-decl-target{color:var(--item-decl-text);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.gram-preview .section-declaration-badge[data-tooltip]:after,.gram-preview .section-meta-module[data-tooltip]:after{left:auto;right:0;transform:translateY(-2px)}.gram-preview .section-declaration-badge[data-tooltip]:hover:after,.gram-preview .section-meta-module[data-tooltip]:hover:after{transform:translateY(-8px)}.gram-preview .section-declaration-badge[data-tooltip]:before,.gram-preview .section-meta-module[data-tooltip]:before{left:auto;right:16px;transform:translateY(2px)}.gram-preview .section-declaration-badge[data-tooltip]:hover:before,.gram-preview .section-meta-module[data-tooltip]:hover:before{transform:translateY(-3px)}.gram-preview .interactive-portions{align-items:center;gap:6px;display:inline-flex}.gram-preview .scale-btn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:inline-flex}.gram-preview .scale-btn.minus,.gram-preview .scale-btn.plus{width:20px;height:20px}.gram-preview .scale-multipliers{border-left:1px solid var(--color-border);gap:4px;margin-left:8px;padding-left:8px;display:inline-flex}.gram-preview .scale-btn.factor{padding:2px 6px;font-size:.85em;font-weight:600}.gram-preview .scale-btn:hover{background-color:var(--color-bg-muted,#c8c8c84d);color:var(--color-text-strong)}.gram-preview .scale-input-inline{border:none;border-bottom:1px solid var(--color-text-strong);width:4ch;color:inherit;font:inherit;text-align:center;background:0 0;outline:none;padding:0}.gram-preview .scale-input-inline::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gram-preview .scale-input-inline::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gram-preview .scale-input-inline[type=number]{-moz-appearance:textfield}:root{--gantt-accent:#3b82f6;--gantt-accent-soft:#3b82f626;--gantt-shadow-sm:0 2px 6px color-mix(in srgb, var(--gray-1000) 12%, transparent);--gantt-shadow-lg:0 4px 16px color-mix(in srgb, var(--gray-1000) 18%, transparent)}.dark,body.vscode-dark,:root[class~=dark],:root[data-theme=dark]{--gantt-accent:#60a5fa;--gantt-accent-soft:#60a5fa2e}.gram-gantt-container{min-height:100%;font-family:var(--gram-font-sans);background-color:var(--color-bg);flex-direction:column;display:flex;position:absolute;inset:0;overflow:auto}.empty-state{color:var(--color-text-muted);text-align:center;padding:40px;font-style:italic}.gantt-header{z-index:30;box-sizing:border-box;background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px 24px;height:48px;padding:8px 16px;display:flex;position:sticky;top:0;left:0;right:0}.gantt-legend{color:var(--color-text);scrollbar-width:none;flex-wrap:nowrap;flex-grow:1;align-items:center;gap:8px 16px;font-size:12px;display:flex;overflow-x:auto}.gantt-legend::-webkit-scrollbar{display:none}.gantt-controls{flex-shrink:0;align-items:center;display:flex}.options-dropdown{position:relative}.options-summary{border:1px solid var(--color-border);background-color:var(--color-bg);cursor:pointer;width:32px;height:32px;color:var(--color-text);box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;padding:6px;list-style:none;transition:border-color .2s,background-color .2s;display:flex}.options-summary::-webkit-details-marker{display:none}.options-summary svg{flex-shrink:0;width:16px;height:16px}.options-summary:hover{border-color:var(--gantt-accent);background-color:var(--color-bg-subtle)}.options-dropdown-content{z-index:50;width:max-content;box-shadow:var(--gantt-shadow-lg);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;position:absolute;top:calc(100% + 8px);right:0}.gantt-options-content{flex-direction:column;gap:16px;padding:16px;display:flex}.compact-toggle{color:var(--color-text-strong);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:500;line-height:1;display:flex}.legend-item{align-items:center;gap:6px;line-height:1;display:flex}.legend-text{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.overflow-item{cursor:pointer;position:relative}.color-box{border-radius:3px;flex-shrink:0;width:12px;height:12px}.color-box.overflow-box{background-color:var(--color-bg-muted);border:1px solid var(--color-border);color:var(--color-text);box-sizing:border-box;justify-content:center;align-items:center;width:auto;min-width:16px;height:12px;padding:0 3px;font-size:9px;font-weight:700;display:flex}.sections-popover{background-color:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--gantt-shadow-lg);z-index:100;white-space:nowrap;opacity:0;visibility:hidden;border-radius:6px;flex-direction:column;gap:6px;min-width:140px;padding:8px 12px;transition:opacity .15s,visibility .15s;display:flex;position:absolute;top:calc(100% + 8px);left:0}.overflow-item:hover .sections-popover,.overflow-item:focus-within .sections-popover{opacity:1;visibility:visible}.popover-item{color:var(--color-text-strong);align-items:center;gap:8px;font-size:12px;display:flex}.color-box.section-color-0{background-color:#b8cae6;border:1px solid #98aed4}.color-box.section-color-1{background-color:#e6c4b8;border:1px solid #d4a698}.color-box.section-color-2{background-color:#b8e6ca;border:1px solid #98d4ae}.color-box.section-color-3{background-color:#e6b8cc;border:1px solid #d498b0}.color-box.section-color-4{background-color:#cbd0f0;border:1px solid #a8b0e0}.color-box.section-color-5{background-color:#ebd8b0;border:1px solid #dac090}.color-box.section-color-6{background-color:#b0e4e0;border:1px solid #90d0cc}.color-box.section-color-7{background-color:#dcb8e6;border:1px solid #c698d4}.color-box.section-color-8{background-color:#d8e0b0;border:1px solid #c0cb90}.color-box.section-color-default{background-color:var(--gantt-accent)}.dark .color-box.section-color-0,body.vscode-dark .color-box.section-color-0,:root[class~=dark] .color-box.section-color-0,:root[data-theme=dark] .color-box.section-color-0{background-color:#2b3a52;border:1px solid #3d506e}.dark .color-box.section-color-1,body.vscode-dark .color-box.section-color-1,:root[class~=dark] .color-box.section-color-1,:root[data-theme=dark] .color-box.section-color-1{background-color:#52362b;border:1px solid #6e4b3d}.dark .color-box.section-color-2,body.vscode-dark .color-box.section-color-2,:root[class~=dark] .color-box.section-color-2,:root[data-theme=dark] .color-box.section-color-2{background-color:#2b5239;border:1px solid #3d6e4f}.dark .color-box.section-color-3,body.vscode-dark .color-box.section-color-3,:root[class~=dark] .color-box.section-color-3,:root[data-theme=dark] .color-box.section-color-3{background-color:#522b3b;border:1px solid #6e3d51}.dark .color-box.section-color-4,body.vscode-dark .color-box.section-color-4,:root[class~=dark] .color-box.section-color-4,:root[data-theme=dark] .color-box.section-color-4{background-color:#34385a;border:1px solid #484d7a}.dark .color-box.section-color-5,body.vscode-dark .color-box.section-color-5,:root[class~=dark] .color-box.section-color-5,:root[data-theme=dark] .color-box.section-color-5{background-color:#4e3f28;border:1px solid #6a573a}.dark .color-box.section-color-6,body.vscode-dark .color-box.section-color-6,:root[class~=dark] .color-box.section-color-6,:root[data-theme=dark] .color-box.section-color-6{background-color:#264d4a;border:1px solid #386864}.dark .color-box.section-color-7,body.vscode-dark .color-box.section-color-7,:root[class~=dark] .color-box.section-color-7,:root[data-theme=dark] .color-box.section-color-7{background-color:#462b52;border:1px solid #603d6e}.dark .color-box.section-color-8,body.vscode-dark .color-box.section-color-8,:root[class~=dark] .color-box.section-color-8,:root[data-theme=dark] .color-box.section-color-8{background-color:#424927;border:1px solid #5b6539}.legend-item.active .color-box{background-color:var(--gantt-accent)}.legend-item.passive .color-box{background-color:var(--gantt-accent-soft);border:1px solid var(--gantt-accent)}.gantt-wrapper{flex-direction:column;display:flex;position:relative}.gantt-axis{z-index:20;background-color:var(--color-bg);box-sizing:border-box;border-bottom:1px solid var(--color-border);height:30px;display:flex;position:sticky;top:48px}.track-label{z-index:10;width:120px;color:var(--color-text-strong);box-sizing:border-box;border-right:1px solid var(--color-border);background-color:var(--color-bg);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;align-items:center;padding-left:12px;padding-right:12px;font-size:13px;font-weight:600;display:flex;position:sticky;left:0;overflow:hidden}.gantt-axis .track-label{z-index:25}.axis-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.track-content{flex-grow:1;height:100%;position:relative}.axis-tick{z-index:2;flex-direction:column;height:100%;display:flex;position:absolute;top:0;transform:translate(-50%)}.tick-mark{background-color:var(--color-text-muted);width:1px;height:8px;margin:0 auto}.tick-label{color:var(--color-text);white-space:nowrap;margin-top:4px;font-size:11px}.axis-tick.is-first-tick .tick-label{transform:translate(14px)}.axis-tick.is-last-tick .tick-label{transform:translate(-14px)}.gantt-tracks{flex-direction:column;display:flex;position:relative}.gantt-axis-gaps,.gantt-tracks-overlay{pointer-events:none;z-index:1;position:absolute;inset:0}.gantt-tracks-overlay{left:120px}.visual-gap{background-color:var(--color-bg-muted);border-left:1px dashed var(--color-border);border-right:1px dashed var(--color-border);opacity:.6;position:absolute;top:0;bottom:0}.gap-pattern{background-image:repeating-linear-gradient(45deg, transparent, transparent 10px, var(--color-border) 10px, var(--color-border) 11px);width:100%;height:100%}.gantt-track{z-index:2;border-bottom:1px solid var(--color-border);height:48px;min-height:48px;transition:height .3s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.gantt-track:hover{background-color:var(--color-bg-subtle)}.time-block{box-sizing:border-box;cursor:help;z-index:2;border:1px solid var(--color-bg);border-radius:5px;justify-content:center;align-items:center;min-width:22px;height:32px;transition:transform .1s,box-shadow .1s,top .3s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:8px}.time-block:hover{box-shadow:var(--gantt-shadow-sm);z-index:3;transform:translateY(-2px)}.time-block.active{background-color:var(--gantt-accent);color:#fff}.time-block.passive{background-color:var(--gantt-accent-soft);border:1px solid var(--gantt-accent);color:var(--gantt-accent);overflow:hidden}.block-label{white-space:nowrap;padding:0 8px;font-size:11px;font-weight:600}.time-block.active .block-label{color:var(--color-text-strong);transition:opacity .2s;position:absolute;left:100%}.time-block.active .block-label.label-inside{color:inherit;text-overflow:ellipsis;padding:0 4px;position:static;left:auto;overflow:hidden}.time-block.passive .block-label{text-overflow:ellipsis;overflow:hidden}.gap-label{white-space:nowrap;z-index:26;padding:1px 7px;font-size:11px;font-weight:600;position:absolute;top:3px;left:50%;transform:translate(-50%)}.assembly-icon{opacity:.8;margin-right:4px}.temp-badge{color:var(--item-temp-text);background:#fff9;border-radius:4px;margin-left:4px;padding:0 4px;font-size:10px;font-weight:700;display:inline-block}.dark .temp-badge,body.vscode-dark .temp-badge,:root[class~=dark] .temp-badge,:root[data-theme=dark] .temp-badge{background:#0003}.time-block.section-color-0{color:#1e2f4d;background-color:#b8cae6}.time-block.section-color-1{color:#4d261e;background-color:#e6c4b8}.time-block.section-color-2{color:#1e4d2d;background-color:#b8e6ca}.time-block.section-color-3{color:#4d1e31;background-color:#e6b8cc}.time-block.section-color-4{color:#252a50;background-color:#cbd0f0}.time-block.section-color-5{color:#4a3818;background-color:#ebd8b0}.time-block.section-color-6{color:#184845;background-color:#b0e4e0}.time-block.section-color-7{color:#3f1e4d;background-color:#dcb8e6}.time-block.section-color-8{color:#3a4418;background-color:#d8e0b0}.time-block.section-color-default{background-color:var(--gantt-accent-soft);color:var(--gantt-accent)}.dark .time-block.section-color-0,body.vscode-dark .time-block.section-color-0,:root[class~=dark] .time-block.section-color-0,:root[data-theme=dark] .time-block.section-color-0{color:#dce6f5;background-color:#2b3a52}.dark .time-block.section-color-1,body.vscode-dark .time-block.section-color-1,:root[class~=dark] .time-block.section-color-1,:root[data-theme=dark] .time-block.section-color-1{color:#f5e4dc;background-color:#52362b}.dark .time-block.section-color-2,body.vscode-dark .time-block.section-color-2,:root[class~=dark] .time-block.section-color-2,:root[data-theme=dark] .time-block.section-color-2{color:#dcf5e6;background-color:#2b5239}.dark .time-block.section-color-3,body.vscode-dark .time-block.section-color-3,:root[class~=dark] .time-block.section-color-3,:root[data-theme=dark] .time-block.section-color-3{color:#f5dce5;background-color:#522b3b}.dark .time-block.section-color-4,body.vscode-dark .time-block.section-color-4,:root[class~=dark] .time-block.section-color-4,:root[data-theme=dark] .time-block.section-color-4{color:#e1e3f8;background-color:#34385a}.dark .time-block.section-color-5,body.vscode-dark .time-block.section-color-5,:root[class~=dark] .time-block.section-color-5,:root[data-theme=dark] .time-block.section-color-5{color:#f6ebd6;background-color:#4e3f28}.dark .time-block.section-color-6,body.vscode-dark .time-block.section-color-6,:root[class~=dark] .time-block.section-color-6,:root[data-theme=dark] .time-block.section-color-6{color:#d4f5f2;background-color:#264d4a}.dark .time-block.section-color-7,body.vscode-dark .time-block.section-color-7,:root[class~=dark] .time-block.section-color-7,:root[data-theme=dark] .time-block.section-color-7{color:#ebdcf5;background-color:#462b52}.dark .time-block.section-color-8,body.vscode-dark .time-block.section-color-8,:root[class~=dark] .time-block.section-color-8,:root[data-theme=dark] .time-block.section-color-8{color:#edf2d5;background-color:#424927}.gantt-tooltip-fixed{background:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--gantt-shadow-lg);color:var(--color-text-strong);pointer-events:none;z-index:99999;text-align:left;border-radius:6px;flex-direction:column;gap:6px;width:max-content;max-width:220px;padding:8px 12px;font-size:13px;animation:.15s ease-out tooltipFadeIn;display:flex;position:fixed}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tooltip-header{justify-content:space-between;align-items:center;display:flex}.tooltip-header strong{color:var(--color-text-strong)}.tooltip-header .temp-badge-tooltip{background:var(--color-bg-muted);color:var(--color-text);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.tooltip-time{font-family:var(--gram-font-mono);color:var(--color-text);border-bottom:1px solid var(--color-border);align-items:center;gap:6px;padding-bottom:6px;font-size:11px;display:flex}.time-badge{color:var(--gantt-accent);font-weight:600}.time-arrow{color:var(--color-text-muted)}.time-duration{margin-left:auto;font-weight:600}.tooltip-text{white-space:pre-wrap;line-height:1.4}.time-mode-selector{flex-direction:column;gap:8px;display:flex}.time-select-wrapper{align-items:center;display:flex;position:relative}.time-select{appearance:none;background-color:var(--color-bg-muted);border:1px solid var(--color-border);color:var(--color-text-strong);border-radius:6px;outline:none;width:100%;padding:6px 32px 6px 8px;font-size:13px}.select-chevron{pointer-events:none;color:var(--color-text);position:absolute;right:8px}.target-time-wrapper{color:var(--color-text);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.target-time-wrapper[hidden]{display:none}.target-time-input{background-color:var(--color-bg-muted);border:1px solid var(--color-border);color:var(--color-text-strong);font-family:var(--gram-font-mono);border-radius:6px;width:110px;padding:4px 6px;font-size:13px}.gantt-marker{z-index:15;width:2px;height:100%;position:absolute;top:0}.start-marker{transform:translate(-1px)}.start-marker .marker-line{opacity:.5;background-color:#10b981;width:2px;height:100%}.end-marker{transform:translate(-1px)}.end-marker .marker-line{opacity:.5;background-color:#ef4444;width:2px;height:100%}.gantt-wrapper.is-compact .gantt-track.active{height:48px!important;max-height:48px!important}.gantt-wrapper.is-compact .time-block.active{top:8px!important}.gantt-wrapper.is-compact .block-label:not(.label-inside){opacity:0;pointer-events:none}:root{color:var(--text-strong);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;--page:#f7f5f0;--topbar:#fffdf9;--library:#f1eee7;--panel:#fffdf9;--panel-raised:#f5f2eb;--panel-hover:#ede9e0;--line:#ded9ce;--line-soft:#eae6dd;--text:#49463e;--text-strong:#27251f;--muted:#6c685f;--faint:#918c80;--accent:#b85416;--accent-soft:#b8541614;--accent-hover:#71390f;--tab-active:#fff0e4;--tab-active-text:#6b3512;--badge-bg:#f7f4ed;--input-bg:#fffdf9;--toggle-border:#b8b2a7;--toggle-bg:#e9e5dc;--toggle-knob:#fffdf9;--toggle-active:#f0d7c5;--note-bg:#f4f1e7;--note-border:#dfd7bd;--note-text:#665f4e;--date-text:#715331;--green:#568044;--radius:16px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#171714;--topbar:#191916;--library:#1a1a17;--panel:#1e1e1a;--panel-raised:#24241f;--panel-hover:#2a2a24;--line:#37372f;--line-soft:#2c2c26;--text:#aaa99f;--text-strong:#eeeae2;--muted:#9c9b8e;--faint:#69695f;--accent:#ff8a3d;--accent-soft:#ff8a3d1c;--accent-hover:#f5f0e8;--tab-active:#30251d;--tab-active-text:#fff2e8;--badge-bg:#1d1d19;--input-bg:#171714;--toggle-border:#55554a;--toggle-bg:#292923;--toggle-knob:#a3a194;--toggle-active:#6f4329;--note-bg:#25241e;--note-border:#42402e;--note-text:#b5b2a1;--date-text:#d3b99f;--green:#a8c987}:root[data-theme=light],:root[data-theme=dark]{--color-bg:var(--panel);--color-bg-subtle:var(--library);--color-bg-muted:var(--panel-hover);--color-surface:var(--panel-raised);--color-surface-raised:var(--panel);--color-border:var(--line);--color-border-strong:var(--muted);--color-text-muted:var(--muted);--color-text:var(--text);--color-text-strong:var(--text-strong)}*{box-sizing:border-box}body{background:var(--page);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}svg{flex:none;width:20px;height:20px}.topbar{border-bottom:1px solid var(--line-soft);background:var(--topbar);align-items:center;gap:20px;height:68px;padding:0 28px;display:flex}.brand{color:var(--text-strong);letter-spacing:-.04em;align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.brand svg{width:26px;height:26px;color:var(--accent)}.topbar-label{color:var(--muted);border-left:1px solid var(--line);padding-left:20px;font-size:13px;text-decoration:none}.topbar-label:hover{color:var(--accent-hover)}.topbar-label:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.icon-button{width:40px;height:40px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:11px;place-items:center;padding:0;display:inline-grid}.icon-button:hover{color:var(--text-strong);background:var(--panel-hover)}.mobile-library-toggle{display:none}.theme-toggle{margin-left:auto}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 68px);display:grid}.library{border-right:1px solid var(--line-soft);background:var(--library);flex-direction:column;height:calc(100vh - 68px);padding:24px 15px 15px;display:flex;position:sticky;top:0}.library-heading{justify-content:space-between;align-items:center;margin-bottom:19px;padding:0 8px;display:flex}.eyebrow{color:var(--faint);letter-spacing:.13em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:700}.library-heading h1,.panel-title h2,.gantt-toolbar h2{color:var(--text-strong);letter-spacing:-.025em;margin:0;font-size:19px;font-weight:600}.recipe-count{min-width:27px;height:25px;color:var(--muted);background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:8px;place-items:center;padding:0 7px;font-size:11px;display:grid}.search-box{border:1px solid var(--line);height:42px;color:var(--faint);background:var(--input-bg);border-radius:10px;align-items:center;gap:9px;margin:0 2px 21px;padding:0 11px;display:flex}.search-box svg{width:17px;height:17px}.search-box input{width:100%;color:var(--text-strong);background:0 0;border:0;outline:0;padding:0;font-size:12px}.search-box input::placeholder{color:var(--faint)}.recipe-tree{flex:1;overflow-y:auto}.tree-group{margin:0 0 17px}.tree-group.is-empty{display:none}.tree-group h2{color:var(--muted);align-items:center;gap:7px;margin:0 0 7px;padding:0 8px;font-size:11px;font-weight:600;display:flex}.tree-group h2 svg{width:13px;height:13px;color:var(--faint);transform:rotate(90deg)}.tree-count{color:var(--faint);margin-left:auto;font-size:10px}.recipe-link{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;margin:2px 0;padding:10px 11px;font-size:12px;display:flex}.recipe-link:hover{color:var(--accent-hover);background:var(--panel-hover)}.recipe-link.is-selected{color:var(--accent-hover);background:var(--accent-soft)}.recipe-dot{border:1px solid #6b6b5d;border-radius:50%;width:7px;height:7px}.is-selected .recipe-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 9px #ff8a3d55}.recipe-link span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-footnote{color:var(--faint);margin:13px 8px 0;font-size:10px}.empty-library{color:var(--muted);padding:10px;font-size:12px}.main-content{min-width:0;padding:28px clamp(18px,3vw,46px) 48px}.home-page{max-width:1540px;margin:0 auto}.home-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:25px;display:flex}.home-heading h1{color:var(--text-strong);letter-spacing:-.035em;margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(30px,3vw,43px);line-height:1.15}.home-heading p:not(.eyebrow){color:var(--muted);margin:9px 0 0;font-size:13px}.home-count{color:var(--muted);border:1px solid var(--line);background:var(--panel);border-radius:999px;flex:none;padding:8px 11px;font-size:11px}.home-category{margin-top:34px}.home-category>h2{color:var(--text-strong);border-bottom:1px solid var(--line);align-items:baseline;gap:10px;margin:0 0 14px;padding-bottom:10px;font-family:Playfair Display,Georgia,serif;font-size:24px;font-weight:600;display:flex}.home-category>h2 span{color:var(--faint);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:500}.home-recipe-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,245px),1fr));gap:15px;display:grid}.home-recipe-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);cursor:pointer;flex-direction:column;align-items:flex-start;min-height:210px;padding:20px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.home-recipe-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));transform:translateY(-2px);box-shadow:0 10px 28px #0000000d}.home-card-icon{width:39px;height:39px;color:var(--accent);background:var(--accent-soft);border-radius:12px;place-items:center;margin-bottom:19px;display:grid}.home-card-icon svg{width:19px;height:19px}.home-card-title{color:var(--text-strong);font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:600;line-height:1.25}.home-card-description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.home-card-details{color:var(--faint);flex-wrap:wrap;gap:6px 12px;margin-top:auto;padding-top:16px;font-size:10px;display:flex}.home-card-details span{align-items:center;gap:4px;display:inline-flex}.home-card-details svg{width:12px;height:12px;color:var(--accent)}.home-empty{color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);text-align:center;padding:32px;font-size:13px;line-height:1.6}.home-index-nav{border-bottom:1px solid var(--line);gap:5px;margin:0;display:flex;overflow-x:auto}.topbar-home-nav{border-bottom:0;flex:auto;align-self:stretch;align-items:center;min-width:0;margin-left:12px}.topbar-home-nav button{height:100%}.topbar-home-nav button.is-active:after{bottom:0}.home-index-nav button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px 9px 0 0;flex:none;padding:11px 15px 12px;font-size:12px;font-weight:600;position:relative}.home-index-nav button:hover{color:var(--accent-hover);background:var(--panel-hover)}.home-index-nav button.is-active{color:var(--accent-hover);background:var(--panel)}.home-index-nav button.is-active:after{background:var(--accent);content:"";height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.home-index-section{margin-top:56px;scroll-margin-top:20px}.home-index-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:15px;display:flex}.home-index-heading h2{color:var(--text-strong);margin:0;font-family:Playfair Display,Georgia,serif;font-size:26px;font-weight:600}.home-index-heading>span{color:var(--faint);flex:none;font-size:11px}.cookbook-card,.season-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.cookbook-card>summary{color:var(--text-strong);cursor:pointer;justify-content:space-between;align-items:baseline;gap:14px;padding:17px 19px;list-style-position:inside;display:flex}.cookbook-card>summary::marker{color:var(--accent)}.cookbook-title{font-family:Playfair Display,Georgia,serif;font-size:18px;font-weight:600}.cookbook-count{color:var(--faint);text-align:right;font-size:10px}.cookbook-description{color:var(--muted);margin:0;padding:0 19px 14px;font-size:11px}.book-available{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));background:var(--accent-soft);border-radius:12px;margin:0 19px 16px;padding:14px}.book-available h3{color:var(--text-strong);margin:0 0 9px;font-size:11px;font-weight:700}.book-available-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:8px;display:grid}.book-available-link{text-align:left;min-width:0;color:var(--text-strong);border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:9px;flex-direction:column;gap:4px;padding:10px 11px;display:flex}.book-available-link:hover{border-color:var(--accent)}.book-available-link span{font-size:11px;font-weight:700}.book-available-link small{color:var(--muted);font-size:10px}.cookbook-recipe-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:0 18px;margin:0;padding:0 19px 18px;list-style:none;display:grid}.cookbook-recipe-list li{border-top:1px solid var(--line-soft);min-width:0}.cookbook-recipe-list li.is-in-library{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--line));background:var(--accent-soft);border-radius:9px;margin:2px 0}.book-recipe-entry,.book-recipe-link{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:3px 10px;width:100%;min-height:54px;padding:8px 4px;display:grid}.book-recipe-entry{color:var(--muted)}.book-recipe-link{color:var(--text-strong);cursor:pointer;background:0 0;border:0}.book-recipe-link:hover{color:var(--accent-hover)}.book-recipe-link.is-available{padding-left:10px;padding-right:9px}.book-entry-title{overflow-wrap:anywhere;font-size:12px;font-weight:600}.book-entry-ingredients{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.book-entry-page{color:var(--faint);grid-area:1/2/span 2;align-self:center;font-size:10px}.book-entry-status{color:var(--accent-hover);grid-column:1/-1;font-size:9px;font-weight:700}.seasonal-intro{max-width:760px;color:var(--muted);margin:-4px 0 17px;font-size:11px;line-height:1.6}.season-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.season-card{min-width:0;padding:18px}.season-card h3{color:var(--text-strong);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 11px;padding-bottom:9px;font-family:Playfair Display,Georgia,serif;font-size:18px;display:flex}.season-card h3 span{color:var(--faint);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:400}.season-produce-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.season-produce-list li{border-bottom:1px solid var(--line-soft);gap:5px;padding:8px 0;display:grid}.season-produce-list li:last-child{border-bottom:0}.season-produce-name{color:var(--text-strong);font-size:11px;font-weight:600}.season-recipe-links{flex-wrap:wrap;gap:5px;display:flex}.season-recipe-link{color:var(--accent-hover);border:1px solid var(--line);background:var(--panel-raised);cursor:pointer;text-align:left;border-radius:999px;padding:4px 7px;font-size:10px}.season-recipe-link:hover{border-color:var(--accent);background:var(--accent-soft)}.season-no-recipe{color:var(--faint);font-size:10px;font-style:italic}.home-index-nav button:focus-visible,.cookbook-card summary:focus-visible,.book-recipe-link:focus-visible,.book-available-link:focus-visible,.season-recipe-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.recipe-header{justify-content:space-between;align-items:flex-start;gap:16px;max-width:1540px;margin:0 auto 24px;display:flex}.recipe-heading{min-width:0}.breadcrumb{color:var(--faint);align-items:center;gap:7px;margin-bottom:11px;font-size:11px;display:flex}.breadcrumb svg{width:12px;height:12px}.recipe-header h1{color:var(--text-strong);letter-spacing:-.035em;margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(29px,3vw,42px);line-height:1.15}.recipe-header p{max-width:760px;color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.6}.recipe-badges{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.badge{min-height:27px;color:var(--muted);border:1px solid var(--line);background:var(--badge-bg);border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:10px;display:inline-flex}.badge svg{width:13px;height:13px;color:var(--accent)}.view-tabs{z-index:40;border:1px solid var(--line-soft);background:var(--library);border-radius:12px;gap:4px;max-width:1540px;margin:0 auto 14px;padding:4px;display:flex;position:sticky;top:8px}.view-tabs button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:12px;font-weight:600;display:flex}.view-tabs button svg{width:17px;height:17px}.view-tabs button:hover{color:var(--text-strong)}.view-tabs button.is-active{color:var(--tab-active-text);background:var(--tab-active);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.view-tabs button.is-active svg{color:var(--accent)}.content-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:15px;max-width:1540px;margin:0 auto;display:grid}.display-panel,.planning-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0}.recipe-preview{min-height:560px;padding:clamp(16px,3vw,31px);overflow:hidden}.gram-render{color:var(--text)}.gram-render .recipe-title,.gram-render h1,.gram-render h2,.gram-render h3{color:var(--text-strong)}.gram-render a{color:var(--accent)}.gram-render [class*=shopping],.gram-render [class*=instructions],.gram-render [class*=section]{border-color:var(--line)}.gram-preview .steps>li[tabindex="0"]{cursor:pointer;border-radius:8px}.gram-preview .steps>li[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.gram-preview .steps>li.is-current-step{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.gram-preview .steps>li.is-current-step:before{color:var(--tab-active-text);background:var(--toggle-active)}.recipe-preview .gram-render details.shopping-list,.recipe-preview .gram-render details.cookware,.recipe-preview .gram-render details.section-ingredients,.recipe-preview .gram-render div.cookware,.recipe-preview .gram-render .section-ingredients{background-color:var(--panel-raised)}.recipe-preview .gram-render .section-ingredients{display:none}.gram-render li,.gram-render p{line-height:1.65}.planning-panel{z-index:101;padding:19px 17px;position:sticky;top:15px}.panel-title{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.panel-title h2{font-size:17px}.panel-section{border-bottom:1px solid var(--line-soft);gap:9px;padding:17px 0;display:grid}.field-label{color:var(--text-strong);font-size:11px;font-weight:600}.input-with-icon{min-width:0;height:39px;color:var(--faint);border:1px solid var(--line);background:var(--input-bg);border-radius:9px;align-items:center;gap:9px;padding:0 10px;display:flex}.input-with-icon svg{width:15px;height:15px}.input-with-icon input{width:100%;min-width:0;color:var(--text-strong);background:0 0;border:0;outline:0;padding:0;font-size:12px}.field-hint{color:var(--faint);margin:0;font-size:10px;line-height:1.5}.panel-section select{width:100%;height:39px;color:var(--text-strong);border:1px solid var(--line);background:var(--input-bg);border-radius:9px;outline:0;padding:0 10px;font-size:11px}.compact-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:15px 0;display:flex}.compact-toggle strong,.compact-toggle small{display:block}.compact-toggle strong{color:var(--text-strong);font-size:11px;font-weight:600}.compact-toggle small{color:var(--faint);margin-top:4px;font-size:10px}.compact-toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle-ui{border:1px solid var(--toggle-border);background:var(--toggle-bg);border-radius:999px;flex:none;width:37px;height:21px;transition:all .18s;position:relative}.toggle-ui:after{background:var(--toggle-knob);content:"";border-radius:50%;width:15px;height:15px;transition:all .18s;position:absolute;top:2px;left:2px}.compact-toggle input:checked+.toggle-ui{border-color:var(--accent);background:var(--toggle-active)}.compact-toggle input:checked+.toggle-ui:after{background:var(--accent);left:18px}.compact-toggle input:focus-visible+.toggle-ui{outline:2px solid var(--accent);outline-offset:3px}.schedule-note{border:1px solid var(--note-border);background:var(--note-bg);border-radius:10px;grid-template-columns:auto 1fr;align-items:start;gap:9px;margin-top:7px;padding:12px;display:flex}.schedule-note p{color:var(--note-text);margin:0;font-size:10px;line-height:1.55}.note-icon svg{width:16px;height:16px;color:var(--green)}.panel-bottom{color:var(--faint);align-items:center;gap:7px;margin-top:18px;font-size:10px;display:flex}.status-dot{background:#91b878;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #91b87866}.gantt-planning-panel{border:0;border-bottom:1px solid var(--line-soft);border-top-left-radius:calc(var(--radius) - 1px);border-top-right-radius:calc(var(--radius) - 1px);background:var(--panel-raised);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:11px 16px;display:flex;position:static}.gantt-planning-panel .panel-title{border:0;flex:none;padding:0}.gantt-planning-panel .panel-section:not(.schedule-note){border:0;flex:0 auto;grid-template-columns:auto max-content max-content;align-items:center;gap:8px;min-width:0;padding:0;display:grid}.gantt-planning-panel .input-with-icon{width:max-content;max-width:100%}.gantt-planning-panel .input-with-icon input{width:auto}.gantt-planning-panel .field-hint{grid-column:1/-1;margin:-2px 0 0}.gantt-planning-panel .schedule-note{background:0 0;border:0;flex:0 auto;margin:0;padding:0}.gantt-planning-panel .schedule-note summary{color:var(--muted);cursor:pointer;white-space:nowrap;font-size:10px}.gantt-planning-panel .schedule-note p{max-width:360px;color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.5}.gantt-planning-panel .panel-bottom{white-space:nowrap;flex:none;margin:0 0 0 auto}.gantt-toolbar{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.gantt-toolbar h2{font-size:16px}.gantt-back-button{min-height:36px;color:var(--text-strong);border:1px solid var(--line);background:var(--panel-raised);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:11px;font-weight:600;display:inline-flex}.gantt-back-button:hover{border-color:var(--accent)}.gantt-back-button svg{width:15px;height:15px;color:var(--accent)}.gantt-mount{min-height:360px;padding:16px;position:relative;overflow:hidden}.gantt-mount .gantt-container{min-width:520px}.gantt-mount .gantt-axis,.gantt-mount .gantt-row{color:var(--text)}.gantt-mount .gantt-tooltip{z-index:20}.gantt-return-footer,.scrim{display:none}.empty-state{min-height:45vh;color:var(--muted);place-items:center;padding:30px;display:grid}@media (width>=1600px){.app-shell{grid-template-columns:305px minmax(0,1fr)}}@media (width<=1080px){.app-shell{grid-template-columns:235px minmax(0,1fr)}.main-content{padding-left:20px;padding-right:20px}.planning-panel{padding:16px 13px}}@media (width<=820px){.topbar{justify-content:space-between;height:58px;padding:0 16px}.topbar-label{margin-right:auto}.topbar-home-nav{flex:200px;margin-left:0}.mobile-library-toggle{display:inline-grid}.app-shell{isolation:isolate;min-height:calc(100vh - 58px);display:block}.library{z-index:2;width:min(330px,86vw);height:auto;min-height:0;padding-bottom:max(15px, env(safe-area-inset-bottom));touch-action:pan-y;transition:transform .22s;position:fixed;inset:58px auto 0 0;transform:translate(-105%);box-shadow:14px 0 44px #0007}.library.is-open{transform:translate(0,0)}.recipe-tree{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;overflow-y:auto}.main-content{padding:22px 18px 40px}.content-grid{grid-template-columns:minmax(0,1fr)}.planning-panel{grid-template-columns:1fr 1fr;gap:0 14px;display:grid;position:static}.panel-title{grid-column:1/-1}.panel-section:first-of-type{grid-row:span 2}.panel-bottom,.schedule-note{grid-column:1/-1}.gantt-planning-panel{gap:8px 12px;padding:11px 14px;display:flex}.gantt-planning-panel .panel-title{grid-column:auto}.gantt-planning-panel .panel-section:not(.schedule-note){flex:0 auto;grid-row:auto}.gantt-planning-panel .schedule-note,.gantt-planning-panel .panel-bottom{grid-column:auto}.gantt-planning-panel .panel-bottom{margin-left:auto}.view-tabs button{flex:1}.gantt-toolbar{position:static}.gantt-mount{-webkit-overflow-scrolling:touch;position:relative;overflow:auto hidden}.gantt-mount .gram-gantt-container{min-width:510px;min-height:320px;position:relative;inset:auto;overflow:visible}.gantt-mount .gantt-header,.gantt-mount .gantt-axis,.gantt-mount .track-label{position:relative;top:auto;left:auto}.scrim{z-index:1;touch-action:manipulation;background:#0008;border:0;display:block;position:fixed;inset:58px 0 0}}@media (width<=560px){.topbar{padding-right:max(14px, env(safe-area-inset-right));padding-left:max(14px, env(safe-area-inset-left))}.topbar-label{display:none}.topbar.has-home-tabs{flex-wrap:wrap;gap:0 12px;height:auto;min-height:96px;padding-top:8px;padding-bottom:0}.topbar.has-home-tabs .theme-toggle{order:1}.topbar.has-home-tabs .mobile-library-toggle{order:-1}.topbar-home-nav{border-top:1px solid var(--line-soft);flex:0 0 100%;order:3;align-self:auto;height:40px;margin:8px 0 0}.topbar-home-nav button{height:100%;padding:10px 12px}.topbar.has-home-tabs+.app-shell{min-height:calc(100vh - 96px)}.topbar.has-home-tabs+.app-shell .library,.topbar.has-home-tabs+.app-shell .scrim{inset-block-start:96px}.main-content{padding:18px 12px calc(28px + env(safe-area-inset-bottom))}.home-heading{align-items:flex-start}.home-index-nav button{font-size:11px}.home-index-section{margin-top:43px}.home-index-heading h2{font-size:23px}.cookbook-card>summary{flex-direction:column;align-items:flex-start;gap:5px;padding:15px}.cookbook-count{text-align:left}.cookbook-description{padding-left:15px;padding-right:15px}.book-available{margin-left:15px;margin-right:15px;padding:11px}.book-available-list{grid-template-columns:1fr}.cookbook-recipe-list{grid-template-columns:1fr;padding-left:15px;padding-right:15px}.season-grid{grid-template-columns:1fr}.season-card{padding:15px}.recipe-header{margin-bottom:18px}.recipe-header h1{max-width:82vw;font-size:29px}.recipe-header p{font-size:12px}.recipe-badges{margin-top:12px}.view-tabs{margin-bottom:10px}.view-tabs button{gap:6px;min-height:41px;padding:0 8px;font-size:10px}.view-tabs button svg{width:15px;height:15px}.recipe-preview{min-height:65vh;padding:17px 13px}.gantt-planning-panel{padding:10px 12px}.gantt-planning-panel .panel-title{flex-basis:100%;margin:0}.gantt-planning-panel .panel-section:not(.schedule-note){flex-basis:auto;grid-template-columns:auto max-content max-content}.gantt-planning-panel .panel-bottom{margin:0 0 0 auto}.panel-title{margin-bottom:3px}.panel-section:first-of-type{grid-template-columns:1fr 1fr;display:grid}.panel-section:first-of-type .field-label,.field-hint{grid-column:1/-1}.panel-section:first-of-type .time-input{grid-column:2}.panel-section:first-of-type .input-with-icon:first-of-type{grid-column:1}.gantt-toolbar{flex-direction:column;align-items:flex-start;padding:15px}.gantt-mount{min-height:320px;padding:9px}.gantt-mount .gantt-container{min-width:510px}.gantt-return-footer{border-top:1px solid var(--line-soft);justify-content:center;padding:14px;display:flex}.display-panel,.planning-panel{border-radius:13px}.gantt-planning-panel{border-top-left-radius:12px;border-top-right-radius:12px}}@media (hover:none) and (pointer:coarse){.gram-preview .reference.is-tap-tooltip-open:before,.gram-preview .reference.is-tap-tooltip-open:after{opacity:1;visibility:visible}.gram-preview .reference.is-tap-tooltip-open:after{transform:translate(-50%)translateY(-8px)}.gram-preview .reference.is-tap-tooltip-open:before{transform:translate(-50%)translateY(-3px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.season-category{color:var(--accent-hover);letter-spacing:.08em;text-transform:uppercase;margin:14px 0 2px;font-size:11px;font-weight:700}.season-category:first-of-type{margin-top:0}