@charset "UTF-8";.image-selector{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:340px;margin:12px auto 16px;gap:12px}.image-selector.image-selector--modal{max-width:none;margin:0 auto;padding:10px 12px;box-sizing:border-box;flex:1 1 auto;min-height:0;height:100%;gap:10px}.image-selector-tabs{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:center}.image-selector-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--color-border-secondary);border-radius:0;background:var(--color-bg-secondary);color:var(--color-content-secondary);font-family:var(--font-text);font-size:12px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.image-selector-tab:hover{border-color:var(--color-content-accent);color:var(--color-content-accent)}.image-selector-tab.active{border-color:var(--color-content-accent);background:var(--color-bg-primary);color:var(--color-content-accent)}.image-selector-preview{display:flex;justify-content:center;align-items:center;min-height:200px}.image-selector-preview .image-display:has(.recipe-cover-frame),.image-selector-preview{padding:0}.image-selector-preview-thumb{width:100%;max-width:220px;margin:0 auto;display:flex;align-items:center;justify-content:center}.image-selector-preview .image-selector-preview-thumb .recipe-cover-frame.image-selector-cover-frame{max-width:220px;width:100%}.image-selector-preview .image-selector-preview-thumb .recipe-image-preview.recipe-cover-illustration{width:100%;max-width:220px;height:150px;object-fit:contain;background-color:var(--color-bg-primary);padding:5px}.image-selector-panel{min-height:0}.image-selector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.image-selector-grid-item{position:relative;aspect-ratio:1;padding:4px;border:2px solid transparent;border-radius:var(--recipe-cover-radius);background:var(--color-bg-primary);cursor:pointer;overflow:hidden;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.image-selector-grid-item img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.image-selector-grid-item:hover{border-color:var(--color-border-primary)}.image-selector-grid-item.selected{border-color:var(--color-content-accent);box-shadow:0 0 0 1px var(--color-content-accent)}.image-selector-emoji-panel{display:flex;flex-direction:column;gap:10px}.image-selector-emoji-hint{margin:0;font-size:12px;color:var(--color-content-secondary);line-height:1.35}.image-selector-emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}@media (max-width: 380px){.image-selector-emoji-grid{grid-template-columns:repeat(5,1fr)}}.image-selector-emoji-btn{margin:0;padding:10px 8px;font-size:2.75rem;line-height:1.2;border:2px solid var(--color-border-secondary);border-radius:var(--recipe-cover-radius);background:var(--color-bg-primary);cursor:pointer;transition:border-color .15s ease,background .15s ease}.image-selector-emoji-btn:hover{border-color:var(--color-content-accent)}.image-selector-emoji-btn.selected{border-color:var(--color-content-accent);background:var(--color-bg-tertiary)}.image-selector-emoji-custom{display:flex;flex-direction:column;gap:4px}.image-selector-emoji-input{width:100%;padding:8px 10px;border:1px solid var(--color-border-secondary);border-radius:0;font-size:1.25rem;font-family:var(--font-text);background:var(--color-bg-secondary);color:var(--color-content-primary);box-sizing:border-box}.image-selector-emoji-input:focus{outline:none;border-color:var(--color-content-accent)}.image-selector-photo-panel{display:flex;flex-direction:column;align-items:stretch;gap:8px}.image-selector-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.image-selector-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;border:1px dashed var(--color-border-secondary);border-radius:0;background:var(--color-bg-secondary);color:var(--color-content-primary);font-family:var(--font-text);font-size:13px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.image-selector-upload-btn:hover:not(:disabled){border-color:var(--color-content-accent);color:var(--color-content-accent)}.image-selector-upload-btn:disabled{opacity:.7;cursor:not-allowed}.image-selector-photo-note{margin:0;font-size:11px;color:var(--color-content-secondary);line-height:1.35}.image-selector .recipe-image-preview{transition:opacity .2s ease}.image-selector--modal .image-selector-preview{flex-shrink:0;height:var(--cover-modal-preview-height);min-height:var(--cover-modal-preview-height);max-height:var(--cover-modal-preview-height);margin-block:12px;box-sizing:border-box}.image-selector--modal .image-selector-preview .image-selector-preview-thumb{width:min(100%,calc(var(--cover-modal-preview-height) * 4 / 3));height:var(--cover-modal-preview-height);max-height:var(--cover-modal-preview-height);max-width:100%;flex-shrink:0}.image-selector--modal .image-selector-preview .image-selector-preview-thumb .recipe-image-preview.recipe-cover-illustration{width:auto;max-width:min(100%,calc(var(--cover-modal-preview-height) * 4 / 3));height:auto;max-height:100%;min-height:0;object-fit:contain}.image-selector--modal .image-selector-preview .image-selector-preview-thumb .recipe-cover-frame.image-selector-cover-frame{width:auto;max-width:min(100%,calc(var(--cover-modal-preview-height) * 4 / 3));height:var(--cover-modal-preview-height);max-height:var(--cover-modal-preview-height);flex-shrink:0}.image-selector--modal .image-selector-preview .image-selector-preview-thumb .recipe-cover-emoji--modal{aspect-ratio:unset;width:min(100%,calc(var(--cover-modal-preview-height) * 4 / 3));height:var(--cover-modal-preview-height);max-width:100%;max-height:var(--cover-modal-preview-height);margin:0 auto;flex-shrink:0}.image-selector--modal .image-selector-preview .image-selector-preview-thumb .recipe-cover-emoji--modal .recipe-cover-emoji-inner{font-size:calc(var(--cover-modal-preview-height) * .42)}.image-selector--modal .image-selector-panel{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.image-selector--modal .image-selector-grid{grid-template-columns:repeat(6,1fr);gap:5px}.image-selector--modal .image-selector-grid-item{padding:2px}@media (max-width: 380px){.image-selector--modal .image-selector-grid{grid-template-columns:repeat(5,1fr);gap:4px}}.image-selector--modal .image-selector-emoji-grid{grid-template-columns:repeat(8,1fr);gap:4px}.image-selector--modal .image-selector-emoji-btn{padding:6px 4px;font-size:1.5rem;line-height:1.15}@media (max-width: 380px){.image-selector--modal .image-selector-emoji-grid{grid-template-columns:repeat(7,1fr)}}@media (max-width: 767px){.image-selector.image-selector--modal{flex:0 1 auto;height:auto;min-height:0}.image-selector--modal .image-selector-panel{flex:0 1 auto;min-height:auto;overflow:visible}}.modal-overlay.recipe-cover-edit-overlay{z-index:var(--z-index-popover)}.modal-cover-edit{display:grid!important;grid-template-columns:1fr;grid-template-areas:"cover-edit-header" "cover-edit-body" "cover-edit-foot";grid-template-rows:auto minmax(0,1fr) auto!important;height:var(--cover-modal-height)!important;max-height:calc(100vh - var(--safe-area-top) - 8px)!important;overflow:hidden;background-color:var(--color-bg-secondary);width:100%;max-width:100%;box-sizing:border-box}.modal.modal-cover-edit>.modal-save-foot.recipe-cover-edit-save-foot{grid-area:cover-edit-foot;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin-top:0!important;margin-bottom:0!important;pointer-events:auto!important;padding-top:var(--padding-medium)}.modal-cover-edit .modal-header.recipe-cover-edit-header{grid-area:cover-edit-header}.modal-cover-edit .modal-content.recipe-cover-edit-body{grid-area:cover-edit-body}@media (max-width: 767px){.modal.modal-cover-edit{width:100%;max-width:100%;border-radius:0}.modal-cover-edit .modal-content.recipe-cover-edit-body{--cover-modal-preview-height: 128px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}.modal-cover-edit .modal-content.recipe-cover-edit-body{padding:0;overflow:hidden;width:100%;min-height:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box}.recipe-cover-edit-header.login-modal-header{min-height:52px}.recipe-cover-edit-tabs.login-modal-tabs{flex:1;min-width:0}.recipe-cover-edit-tabs .login-modal-tab{padding:12px 8px;font-size:calc(var(--font-size-body) * .85)}@media (min-width: 768px){.modal.modal-cover-edit{height:100%!important;max-height:none!important}}.modal-edit-recipe .modal-content{align-items:stretch;width:100%;box-sizing:border-box}.modal-edit-recipe .modal-content form{width:100%;min-width:0;align-self:stretch}.modal-edit-recipe .form-group{width:100%;box-sizing:border-box}.edit-recipe-list-pad{border:1px solid var(--color-border-primary);border-radius:var(--border-radius-medium);overflow:hidden}.timeline-edit.edit-recipe-list-pad{border:none;border-radius:0}.timeline-edit{display:flex;flex-direction:column;padding-bottom:calc(var(--padding-medium)*4);gap:var(--padding-medium)}.timeline-step-edit{display:flex;flex-direction:column;align-items:stretch;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-medium);overflow:hidden}.timeline-step-edit--rest .timeline-step-header .step-name{color:var(--color-content-secondary)}.timeline-step-header{display:flex;flex-direction:row}.timeline-step-header .step-name{flex:3;font-size:18px}.timeline-step-header .bt-step-options{flex:0 0 auto;max-width:44px;padding:8px;margin:2px 6px;border-radius:0;color:var(--color-content-primary)}.timeline-step-header .bt-step-options svg{width:16px;height:16px}.timeline-edit .timeline-step-desc{border-top:1px dashed var(--color-border-secondary);display:flex}.timeline-step-desc-with-illustration{flex-direction:row;align-items:stretch;gap:0;min-width:0}.timeline-step-desc-with-illustration.has-step-illustration .step-description{flex:1;min-width:0}.timeline-step-desc-ill-wrap{flex:0 0 auto;width:72px;min-height:72px;display:flex;align-items:center;justify-content:center;padding:4px;background:var(--color-bg-secondary);border-radius:var(--border-radius-medium);overflow:hidden}.timeline-step-desc-ill-thumb{width:100%;height:auto;max-height:96px;object-fit:contain;display:block}.timeline-edit .timeline-step-time{display:flex;flex-direction:row;align-items:stretch;width:100%;border-top:1px dashed var(--color-border-secondary)}.timeline-edit .time-input-group{flex:1;width:100%;min-width:0}.timeline-step-edit input,.timeline-step-edit select{grid-column:auto / span 1}.timeline-step-edit .step-description{min-height:0;height:auto;resize:none;overflow:hidden}.timeline-step-ingredients-preview{width:100%;box-sizing:border-box;border-top:1px dashed var(--color-border-secondary);padding:var(--padding-medium)}.timeline-step-ingredients-toggle{display:flex;flex-direction:row;align-items:center;width:100%;margin:0;padding:0;border:none;background:transparent;cursor:pointer;font-family:var(--font-text);font-size:calc(var(--font-size-body) * .92);color:var(--color-content-secondary);text-align:left;-webkit-tap-highlight-color:transparent}.timeline-step-ingredients-toggle:hover,.timeline-step-ingredients-toggle:focus-visible{color:var(--color-content-primary);outline:none}.timeline-step-ing-chevron{display:inline-block;width:0;height:0;margin-right:10px;flex-shrink:0;border-style:solid;border-width:5px 0 5px 7px;border-color:transparent transparent transparent var(--color-content-secondary);transition:transform .15s ease;transform-origin:35% 50%}.timeline-step-ing-chevron.is-open{transform:rotate(90deg)}.timeline-step-ing-toggle-text{min-width:0}.timeline-step-ingredients-preview-list{list-style:none;margin:12px 0 0;padding:0}.timeline-step-ingredient-preview-line{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--color-border-secondary);font-family:var(--font-text);font-size:calc(var(--font-size-body) * .95)}.timeline-step-ingredient-preview-line:last-child{border-bottom:none}.timeline-step-ingredient-preview-name{color:var(--color-content-primary);min-width:0;flex:1 1 auto}.timeline-step-ingredient-preview-qty{flex:0 0 auto;color:var(--color-content-secondary);white-space:nowrap}.ingredient-edit-row--sortable{flex-wrap:nowrap}.ingredient-drag-handle{flex:0 0 40px;width:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px 4px;margin:0;border:none;background:transparent;color:var(--color-content-secondary);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.ingredient-drag-handle:active{cursor:grabbing}.ingredient-edit-row .bt-ingredient-delete{flex:0 0 auto;padding:8px;margin:2px 0 2px 2px;color:var(--color-content-secondary)}.ingredient-edit-row .bt-ingredient-delete:hover,.ingredient-edit-row .bt-ingredient-delete:focus-visible{color:var(--color-content-accent)}.time-input-group{flex:1;display:flex;align-items:center;gap:calc(var(--padding-medium) * .5);padding-left:var(--padding-medium);padding-right:var(--padding-medium)}.time-input-group .icon-time{flex-shrink:0;color:var(--color-content-secondary)}.icon-time{color:var(--color-content-secondary)}.time-input-group input.step-hours,.time-input-group input.step-minutes{flex:1;min-width:0;width:auto}.time-input-group span{flex-shrink:0;color:var(--color-content-secondary)}.step-buttons{display:flex;gap:8px;margin-top:8px}.bt-remove{background:none;border:none;color:var(--color-content-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.bt-remove svg{color:var(--color-content-primary)}.bt-remove:hover{color:red}.form-group{border-top:1px solid var(--color-border-secondary);padding:calc(var(--padding-medium)*1);display:flex;flex-direction:column;gap:8px}.form-group:first-child{border-top:none;padding:0}.modal-edit-recipe .form-group.edit-recipe-hero-group:first-child{padding:0}.edit-recipe-hero-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:0;align-items:stretch;padding:0;box-sizing:border-box;width:100%}.edit-recipe-hero-main{min-width:0;display:flex;flex-direction:column;padding-left:0;box-sizing:border-box}.edit-recipe-hero-field{border-top:1px solid var(--color-border-secondary);padding:calc(var(--padding-medium) * 1);display:flex;flex-direction:column;gap:8px}.edit-recipe-hero-field:first-child{border-top:none}.edit-recipe-derived-from{margin:4px 0 0;padding:0;font-family:var(--font-text);font-size:calc(var(--font-size-body) * .9);color:var(--color-content-secondary);line-height:1.35}.edit-recipe-derived-from-link{color:var(--color-content-accent);text-decoration:underline;text-underline-offset:2px}.edit-recipe-derived-from-link:hover{color:var(--color-content-accent-hover)}.edit-recipe-hero-field:not(.edit-recipe-hero-field--link){transition:background-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:inset 0 -2px 0 0 transparent}.edit-recipe-hero-field:not(.edit-recipe-hero-field--link):focus-within{background-color:var(--color-bg-primary);box-shadow:inset 0 -2px 0 0 var(--color-content-accent)}.modal-edit-recipe .edit-recipe-hero-field:not(.edit-recipe-hero-field--link):focus-within .form-control:focus,.modal-edit-recipe .edit-recipe-hero-field:not(.edit-recipe-hero-field--link):focus-within .form-control:focus-visible{background-color:transparent;border-bottom-color:transparent}.edit-recipe-hero-aside{flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;border-left:1px solid var(--color-border-secondary);box-sizing:border-box;container-type:inline-size;padding:calc(var(--padding-medium) * 1) calc(var(--padding-medium) * 1) calc(var(--padding-medium) * 1) calc(var(--padding-medium) * .75)}.edit-recipe-hero-aside .edit-recipe-cover-row{padding:calc(var(--padding-medium) * .5) 0;flex:1;justify-content:center;min-height:0}.edit-recipe-hero-aside .recipe-cover-inline-preview.recipe-cover-inline-preview--large{--cover-inline-size: min(168px, 34vw);width:var(--cover-inline-size);height:var(--cover-inline-size);min-width:0;min-height:0;max-width:100%;max-height:none;align-self:center}@supports (width: 1cqw){.edit-recipe-hero-aside .recipe-cover-inline-preview.recipe-cover-inline-preview--large{--cover-inline-size: min(168px, 100cqw)}}.edit-recipe-cover-row{display:flex;flex-direction:column;align-items:center;gap:calc(var(--padding-medium) * 1);padding:calc(var(--padding-medium) * 1.25) calc(var(--padding-medium) * 1);width:100%;box-sizing:border-box}.recipe-cover-inline-preview{flex-shrink:0;width:96px}.recipe-cover-inline-preview.recipe-cover-inline-preview--large{--cover-inline-size: min(168px, 42vw);width:var(--cover-inline-size);height:var(--cover-inline-size);min-width:var(--cover-inline-size);min-height:var(--cover-inline-size);max-width:var(--cover-inline-size);max-height:var(--cover-inline-size)}.recipe-cover-inline-preview.recipe-cover-inline-preview--large .recipe-cover-image.recipe-cover-illustration{width:var(--cover-inline-size);height:var(--cover-inline-size);object-fit:contain;object-position:center;border-radius:50%;background:transparent}.recipe-cover-inline-preview.recipe-cover-inline-preview--large .recipe-cover-emoji--inline-preview{width:var(--cover-inline-size);height:var(--cover-inline-size);border-radius:50%}.recipe-cover-inline-preview.recipe-cover-inline-preview--large .recipe-cover-emoji--inline-preview .recipe-cover-emoji-inner{font-size:clamp(3.75rem,14vw,5.75rem)}.recipe-cover-inline-preview .recipe-cover-image.recipe-cover-illustration{width:96px;height:72px;object-fit:contain;border-radius:var(--recipe-cover-radius);display:block;background:var(--color-bg-secondary)}.recipe-cover-inline-preview.recipe-cover-inline-preview--large .recipe-cover-frame.recipe-cover-inline-preview-frame{width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important;aspect-ratio:1 / 1!important;border-radius:50%!important;overflow:hidden!important}.recipe-cover-inline-preview.recipe-cover-inline-preview--large .recipe-cover-frame.recipe-cover-inline-preview-frame .recipe-cover-image{width:100%!important;height:100%!important;object-position:center!important;display:block}.recipe-cover-inline-preview.recipe-cover-inline-preview--large .recipe-cover-image.recipe-cover-illustration{width:var(--cover-inline-size)!important;height:var(--cover-inline-size)!important;max-width:none;max-height:none;object-fit:contain;object-position:center;border-radius:50%;background:transparent}.recipe-cover-inline-preview .recipe-cover-frame.recipe-cover-inline-preview-frame{width:96px;height:96px;max-width:96px;flex-shrink:0;overflow:hidden}.recipe-cover-emoji--inline-preview{width:96px;height:96px;aspect-ratio:1 / 1;border-radius:50%}.recipe-cover-emoji--inline-preview .recipe-cover-emoji-inner{font-size:3.25rem}.bt-edit-cover{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid var(--color-content-accent);border-radius:9999px;background:transparent;color:var(--color-content-accent);font-family:var(--font-text);font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease;width:100%;max-width:180px;box-sizing:border-box}.bt-edit-cover:hover{border-color:var(--color-content-accent-hover);color:var(--color-content-accent-hover);background:rgba(var(--color-content-accent-rgb),.08)}.form-control{padding:0;border:none;border-radius:0;font-size:14px;width:100%;box-sizing:border-box}.modal-w-bt .form-control{border-bottom:2px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.form-footer{padding:var(--padding-medium);display:flex;flex-direction:row;justify-content:center}.form-footer .bt-add.small-button{background-color:transparent;color:var(--color-content-accent);border:none;border-radius:0;padding:8px 16px;cursor:pointer;font-size:14px;transition:color .2s}.form-footer .bt-add.small-button:hover{background-color:transparent;color:var(--color-content-accent-hover)}.form-control.recipe-name{color:var(--color-content-primary);font-size:calc(var(--font-size-body) * 2);font-family:var(--font-title);font-weight:400;min-height:0;height:auto;resize:none;overflow:hidden;line-height:1.2}.form-control.recipe-description-input{min-height:0;height:auto;resize:none;overflow:hidden;line-height:1.4;font-family:var(--font-title);font-size:calc(var(--font-size-body) * 1.1);color:var(--color-content-primary);background-color:transparent}.form-control.recipe-source-url-input{font-size:calc(var(--font-size-body) * .95);background-color:transparent}.modal-w-bt .form-control:focus,.modal-w-bt .form-control:focus-visible{outline:none;color:var(--color-content-primary);border-bottom-color:var(--color-content-accent);background-color:#f9f4eb80}@supports (color: color-mix(in srgb,red,blue)){.modal-w-bt .form-control:focus,.modal-w-bt .form-control:focus-visible{background-color:color-mix(in srgb,var(--color-bg-primary) 50%,transparent)}}.form-group.form-steps,.form-group.form-ingredients{gap:0;padding:var(--padding-medium)}.form-group.form-steps .subtitle,.form-group.form-ingredients .subtitle{padding:var(--padding-medium)}.ingredient-edit-row{align-items:center;border-bottom:1px dashed var(--color-border-secondary);margin:0;gap:0;display:flex;flex-direction:row}.timeline-step-edit .form-control,.ingredient-edit-row .bt-ingredient-options,.ingredient-edit-row .form-control{padding:var(--padding-medium);font-family:var(--font-text);font-weight:400}.form-control.ingredient-name{margin:0;flex:3;min-width:0}.ingredient-edit-row select.form-control.ingredient-etape{flex:2;min-width:72px;max-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;border-bottom:2px solid transparent;background-color:var(--color-bg-secondary);color:var(--color-content-primary);-webkit-text-fill-color:var(--color-content-primary);opacity:1;accent-color:var(--color-content-accent);font-family:inherit;font-size:calc(var(--font-size-body) * .88);line-height:normal;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 10 6'%3E%3Cpath fill='%230c0d0c' d='M0 0h10L5 6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:5px 3px;padding-right:12px;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.ingredient-edit-row select.form-control.ingredient-etape:disabled{opacity:.55;cursor:not-allowed}.ingredient-edit-row select.form-control.ingredient-etape:focus,.ingredient-edit-row select.form-control.ingredient-etape:focus-visible{outline:none;color:var(--color-content-primary);-webkit-text-fill-color:var(--color-content-primary);border-bottom-color:var(--color-content-accent);background-color:var(--color-bg-secondary)}.ingredient-edit-row select.form-control.ingredient-etape option{background-color:var(--color-bg-secondary);color:var(--color-content-primary)}.ingredient-edit-row select.form-control.ingredient-etape--end{flex:1 1 100px;min-width:88px;max-width:min(42%,200px);margin-left:auto;text-align:right;text-align-last:right;font-size:calc(var(--font-size-body) * .88);color:var(--color-content-secondary);-webkit-text-fill-color:var(--color-content-secondary);background-color:transparent;border-bottom-color:transparent;padding-right:14px}.ingredient-edit-row select.form-control.ingredient-etape--end:focus,.ingredient-edit-row select.form-control.ingredient-etape--end:focus-visible{color:var(--color-content-primary);-webkit-text-fill-color:var(--color-content-primary);border-bottom-color:var(--color-content-accent);background-color:var(--color-bg-secondary)}.ingredient-etape-picker{position:relative;margin-left:auto;margin-right:8px;flex:0 0 auto}.ingredient-etape-picker-btn{width:26px;height:26px;border-radius:6px;border:1px solid var(--color-border-secondary);background:var(--color-bg-primary);color:var(--color-content-primary);font-family:inherit;font-size:calc(var(--font-size-body) * .85);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.ingredient-etape-picker-btn:hover:not(:disabled),.ingredient-etape-picker-btn.is-open{background:var(--color-content-accent);border-color:var(--color-content-accent);color:var(--color-bg-primary)}.ingredient-etape-picker-btn:disabled{opacity:.45;cursor:not-allowed}.ingredient-etape-picker-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:220px;max-width:min(80vw,320px);max-height:320px;overflow-y:auto;background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-medium, 8px);box-shadow:0 8px 24px #0000001f;padding:4px;display:flex;flex-direction:column}.ingredient-etape-picker-option{display:flex;align-items:center;gap:10px;width:100%;border:none;background:transparent;color:var(--color-content-primary);font-family:inherit;font-size:calc(var(--font-size-body) * .92);text-align:left;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background-color .12s ease}.ingredient-etape-picker-option:hover{background:var(--color-bg-secondary)}.ingredient-etape-picker-option.is-selected{background:var(--color-bg-secondary);font-weight:600}.ingredient-etape-picker-option-num{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;border-radius:6px;background:var(--color-content-accent);color:var(--color-bg-primary);font-weight:700;font-size:.85em}.ingredient-etape-picker-option-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-control.ingredient-weight{flex:1;min-width:70px}.ingredient-edit-row select.form-control.ingredient-unit{flex:1;max-width:48px;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;border-bottom:2px solid transparent;background-color:var(--color-bg-secondary);color:var(--color-content-primary);-webkit-text-fill-color:var(--color-content-primary);opacity:1;accent-color:var(--color-content-accent);font-family:inherit;line-height:normal;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 10 6'%3E%3Cpath fill='%230c0d0c' d='M0 0h10L5 6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 3px center;background-size:5px 3px;padding-right:10px;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.ingredient-edit-row select.form-control.ingredient-unit:focus,.ingredient-edit-row select.form-control.ingredient-unit:focus-visible{outline:none;color:var(--color-content-primary);-webkit-text-fill-color:var(--color-content-primary);border-bottom-color:var(--color-content-accent);background-color:var(--color-bg-secondary)}.ingredient-edit-row select.form-control.ingredient-unit option{background-color:var(--color-bg-secondary);color:var(--color-content-primary)}.ingredient-edit-row .bt-ingredient-options{flex:0 0 auto;max-width:44px;padding:8px;margin:2px 6px;border-radius:0;color:var(--color-content-primary)}.ingredient-edit-row .bt-ingredient-options svg{width:16px;height:16px}.modal-edit-recipe .form-group.edit-recipe-category-group{transition:background-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:inset 0 -2px 0 0 transparent}.modal-edit-recipe .form-group.edit-recipe-category-group:focus-within{background-color:var(--color-bg-primary);box-shadow:inset 0 -2px 0 0 var(--color-content-accent)}.modal-edit-recipe .form-group.edit-recipe-category-group:focus-within .edit-recipe-category-select:focus,.modal-edit-recipe .form-group.edit-recipe-category-group:focus-within .edit-recipe-category-select:focus-visible{outline:none;background-color:transparent;border-bottom-color:transparent}.edit-recipe-category-select{width:100%;max-width:100%;box-sizing:border-box;min-height:0;line-height:1.4;font-family:var(--font-title);font-size:calc(var(--font-size-body) * 1.1);font-weight:400;color:var(--color-content-primary);background-color:transparent;padding:4px 0}.edit-recipe-category-select option{background-color:var(--color-bg-secondary);color:var(--color-content-primary)}.recipe-public-toggle-group{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;padding-top:4px;padding-bottom:4px}.recipe-public-toggle-copy{flex:0 1 auto;min-width:0;order:2}.recipe-public-toggle-group .subtitle{margin-bottom:0;display:block;font-family:var(--font-title);font-size:calc(var(--font-size-body) * 1.1);font-weight:400;letter-spacing:0;text-transform:none}.recipe-public-hint{margin:0;font-size:calc(var(--font-size-body, 1rem) * .88);line-height:1.4;color:var(--color-content-secondary)}.bt-add-link{align-self:flex-start;background:transparent;border:none;padding:0;color:var(--color-content-secondary);font-family:var(--font-text);font-size:calc(var(--font-size-body) * 1.1);cursor:pointer}.bt-add-link:hover{color:var(--color-content-primary)}.recipe-public-toggle-group .MuiSwitch-root{flex:0 0 auto;margin-top:0;order:1}.step-illustration-overlay{z-index:1400}.modal-step-illustration{max-height:min(85vh,var(--modal-mobile-max-height));display:flex;flex-direction:column;background:var(--color-bg-secondary)}@media (min-width: 768px){.modal-step-illustration{max-height:none;height:100%}}.step-illustration-body{overflow-y:auto;flex:1 1 auto;min-height:0;padding-bottom:16px}.step-illustration-none{display:block;width:100%;margin-bottom:12px;padding:10px 12px;border:1px dashed var(--color-border-secondary);background:var(--color-bg-primary);font-family:var(--font-text);font-size:var(--font-size-body);color:var(--color-content-secondary);cursor:pointer;text-align:center;transition:border-color .15s ease,color .15s ease}.step-illustration-none:hover,.step-illustration-none.is-selected{border-color:var(--color-content-accent);color:var(--color-content-accent)}.step-illustration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (min-width: 480px){.step-illustration-grid{grid-template-columns:repeat(4,1fr)}}.step-illustration-tile{position:relative;aspect-ratio:1;padding:0;border:2px solid transparent;border-radius:0;background:var(--color-bg-primary);cursor:pointer;overflow:hidden;transition:border-color .15s ease}.step-illustration-tile img{width:100%;height:100%;object-fit:contain;display:block}.step-illustration-tile:hover,.step-illustration-tile.is-selected{border-color:var(--color-content-accent)}.step-illustration-tile.is-selected{box-shadow:inset 0 0 0 1px var(--color-content-accent)}.modal-login{display:grid;grid-template-columns:1fr;height:auto!important;max-height:var(--modal-mobile-max-height);grid-template-rows:auto auto;background-color:var(--color-bg-secondary)}.modal-login .modal-content{padding:0;overflow:visible;width:100%;height:auto;box-sizing:border-box}@media (min-width: 768px){.modal.modal-login{height:100%!important;max-height:none;grid-template-rows:auto 1fr}.modal-login .modal-content{flex:1;min-height:0;height:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}}.login-modal-header{display:flex;flex-direction:row;align-items:stretch}.login-modal-header .bt-close{flex-shrink:0}.login-modal-header .login-modal-tabs{flex:1;display:flex;gap:0;margin:0;border:none;align-self:stretch}.login-modal-header .login-modal-tab{flex:1;padding:16px;border:none;border-radius:0;background:transparent;color:var(--color-content-secondary);font-family:var(--font-title);font-size:var(--font-size-body);font-weight:400;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;border-bottom:3px solid transparent}.login-modal-header .login-modal-tab.active{color:var(--color-content-accent);border-bottom-color:var(--color-content-accent)}.login-modal-form{width:100%;display:flex;flex-direction:column;gap:0;box-sizing:border-box}.login-modal-fields{padding:calc(var(--padding-medium) * 2);display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.login-modal-input{width:100%;max-width:280px;padding:12px 14px;border:1px solid var(--color-border-primary);border-radius:0;font-family:var(--font-text);font-size:1rem;color:var(--color-content-primary);background:var(--color-bg-primary);box-sizing:border-box}.login-modal-input::placeholder{color:var(--color-content-secondary)}.login-modal-forgot-password{margin:-4px 0 0;padding:0;border:none;background:none;font-family:var(--font-text);font-size:calc(var(--font-size-body) * .9);color:var(--color-content-secondary);text-decoration:underline;text-decoration-color:var(--color-content-tertiary);text-underline-offset:2px;cursor:pointer;max-width:280px;text-align:center}.login-modal-forgot-password:disabled{opacity:.6;cursor:not-allowed}.login-modal-message.info{background:rgba(33,150,243,.1);color:#1565c0}.login-modal-submit{width:100%;display:flex;align-items:center;justify-content:center;padding:16px 20px;border:none;border-radius:0;border-top:1px solid var(--color-border-secondary);background:transparent;color:var(--color-content-accent);font-family:var(--font-title);font-size:calc(var(--font-size-body) * 1.5);text-transform:uppercase;cursor:pointer;margin-top:16px}.login-modal-submit:disabled{opacity:.7;cursor:not-allowed}.login-modal-message{margin:0 calc(var(--padding-medium) * 2) calc(var(--padding-medium) * 2);padding:12px;border-radius:0;font-size:.9rem}.login-modal-message.success{background:rgba(76,175,80,.15);color:#2e7d32}.login-modal-message.error{background:rgba(244,67,54,.1);color:#c62828}.modal-ingredients .recipe-title-small{font-size:1.1rem;color:var(--color-content-accent);margin:0 0 16px;font-family:var(--font-title)}.modal-ingredients .ingredients{list-style:none;margin-block-start:0;padding-inline-start:0}.modal-ingredients .ingredients-list-grid{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:start;width:100%;box-sizing:border-box}.modal-ingredients .ingredients-list-grid>ul.ingredients{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;margin-block-start:0;padding-inline-start:0}.modal-ingredients .ingredients-list-grid>ul>li.ingredient-item{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;grid-template-areas:none;align-items:start;color:var(--color-content-secondary)}.modal-ingredients .ingredients-list-grid .ingredient-quantity{grid-area:auto}.modal-ingredients .ingredients-list-grid .ingredient-name{grid-area:auto;margin-left:0}.modal-ingredients .ingredient-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto;grid-template-areas:"ingredient_qt ingredient_name";align-items:start;color:var(--color-content-secondary)}.modal-ingredients .ingredient-quantity{grid-area:ingredient_qt;display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap}.modal-ingredients .ingredient-quantity span{white-space:nowrap;margin-right:8px}.modal-ingredients .ingredient-line{flex:1 1 0;min-width:0;height:1px;border-bottom:1px dashed var(--color-border-secondary)}.modal-ingredients .ingredient-name{grid-area:ingredient_name;margin-left:8px;text-align:left}.modal-ingredients .no-ingredients{color:var(--color-content-secondary);font-style:italic;text-align:center;padding:24px 0}.modal-ingredients .quantity-selector-bottom{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px;border-top:1px solid var(--color-border-secondary);background:var(--color-bg-secondary)}.modal-ingredients .quantity-selector-bottom span{font-size:1.5rem;color:var(--color-content-accent);min-width:32px;text-align:center;font-family:var(--font-title)}.modal-ingredients .quantity-selector-bottom button{font-size:1.5rem;width:40px;height:40px;font-weight:600;font-family:var(--font-title);border:none;background-color:transparent;cursor:pointer;color:var(--color-content-secondary);display:flex;align-items:center;justify-content:center}.modal-ingredients .quantity-selector-bottom button:active{color:var(--color-content-accent)}.modal-ingredients .quantity-selector-bottom button:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 899px){.modal.modal-ingredients{height:auto;max-height:90vh;grid-template-rows:calc(var(--padding-medium)*4) auto auto}.modal.modal-ingredients .modal-content{height:auto;overflow-y:auto;max-height:calc(90vh - calc(var(--padding-medium)*4) - 72px)}}.modal-public-recipes{display:flex;flex-direction:column;height:auto;max-height:var(--modal-mobile-max-height);background-color:#fff;text-align:left;overflow-x:hidden;isolation:isolate;transform:translateZ(0)}.modal-overlay:has(>.modal-public-recipes){z-index:calc(var(--z-index-modal) + 5)}.public-recipes-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.public-recipes-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--color-bg-secondary)}.modal-public-recipes .public-recipes-list .recipe-compact-row{background:var(--color-bg-secondary)}.modal-public-recipes .recipe-compact-row-author--inline{font-size:.7rem}.recipe-compact-row-author--link{border:none;background:transparent;padding:0;font:inherit;color:var(--color-content-accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.recipe-compact-row-author--link:hover,.recipe-compact-row-author--link:focus-visible{color:var(--color-content-primary);outline:none}.modal-public-recipes .recipe-compact-row-author:not(.recipe-compact-row-author--inline){font-size:.74rem;margin-top:4px}.public-recipes-hint,.public-recipes-importing,.public-recipes-loading-more{margin:0;padding:24px 20px;text-align:center;color:var(--color-content-secondary);font-size:calc(var(--font-size-body) * .95)}.public-recipes-hint--top{padding-bottom:8px;text-align:left}button.public-recipes-hint--cta{width:100%;display:block;border:none;background:transparent;font:inherit;color:var(--color-content-accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px}button.public-recipes-hint--cta:hover,button.public-recipes-hint--cta:focus-visible{color:var(--color-content-primary);outline:none}.public-recipes-importing{padding-top:0}.public-recipes-loading-more{padding:8px 16px 12px;font-size:calc(var(--font-size-body) * .85)}@media (min-width: 768px){.modal.modal-public-recipes{height:100%;max-height:none}.public-recipes-body{flex:1;min-height:0;height:auto}}.recipe-mosaic-container{overflow-y:auto;overflow-x:hidden;min-height:0;border-right:1px solid var(--color-border-secondary);background:var(--color-bg-primary);display:flex;flex-direction:column;flex:1 1 auto;height:100%;box-sizing:border-box}.recipe-mosaic-container--classic-all{overflow:hidden}.recipe-mosaic-classic-list-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.recipe-mosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;flex:0 0 auto;min-height:0;width:100%;align-content:start;grid-auto-rows:auto;background:var(--color-border-secondary);box-sizing:border-box}.mosaic-card-placeholder{cursor:default;pointer-events:none;min-height:0}@media (min-width: 900px){.recipe-mosaic{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1px;--recipe-mosaic-row-height:calc(50vh - 2px)}.recipe-mosaic>.recipe-strip-card.mosaic-card--strip{min-height:var(--recipe-mosaic-row-height);height:var(--recipe-mosaic-row-height);box-sizing:border-box;transition:background .18s ease}.recipe-mosaic>.recipe-strip-card.mosaic-card--strip:not(.selected):hover{background:rgb(255 255 255 / .78)}.recipe-mosaic>.mosaic-card.mosaic-card-new:not(.mosaic-card-new--strip),.recipe-mosaic>.mosaic-card.mosaic-card-login:not(.mosaic-card-login--strip){min-height:var(--recipe-mosaic-row-height);height:var(--recipe-mosaic-row-height);box-sizing:border-box;transition:background .18s ease}.recipe-mosaic>.mosaic-card.mosaic-card-new:not(.mosaic-card-new--strip):hover,.recipe-mosaic>.mosaic-card.mosaic-card-login:not(.mosaic-card-login--strip):hover{background:rgb(255 255 255 / .78)}.recipe-mosaic>.mosaic-card-placeholder{min-height:var(--recipe-mosaic-row-height);height:var(--recipe-mosaic-row-height);box-sizing:border-box}.recipe-mosaic>.recipe-mosaic-library-strip--mosaic{min-height:var(--recipe-mosaic-row-height);height:var(--recipe-mosaic-row-height);box-sizing:border-box}.recipe-mosaic>.recipe-mosaic-library-strip--mosaic .recipe-compact-row{transition:background .18s ease}.recipe-mosaic>.recipe-mosaic-library-strip--mosaic .recipe-compact-row:hover{background:rgb(255 255 255 / .78)}.recipe-mosaic .mosaic-card-new:not(.mosaic-card-new--strip) .mosaic-card-action-half,.recipe-mosaic .mosaic-card-login:not(.mosaic-card-login--strip) .mosaic-card-action-half{transition:background .18s ease}.recipe-mosaic .mosaic-card-new:not(.mosaic-card-new--strip) .mosaic-card-action-half:hover,.recipe-mosaic .mosaic-card-login:not(.mosaic-card-login--strip) .mosaic-card-action-half:hover{background:rgb(255 255 255 / .72)}.recipe-strip-card .mosaic-card-image.recipe-strip-card-image{margin-left:24px}.recipe-strip-card .recipe-strip-card-title,.recipe-strip-card .recipe-strip-card-ingredients{padding:16px calc(var(--padding-medium) * 3)}.recipe-compact-row .recipe-compact-row-title{font-size:1.5rem;font-weight:500;color:var(--color-content-secondary)}.recipe-compact-row .recipe-compact-row-desc{font-size:1rem}.recipe-mosaic-library-below-list .recipe-compact-row{padding:16px calc(var(--padding-medium) * 2);gap:24px}}.mosaic-card{position:relative;background:var(--color-bg-primary);border-radius:0;overflow:hidden;cursor:pointer;transition:background .15s ease;box-sizing:border-box;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;padding:16px}.mosaic-card-content{display:flex;flex-direction:column;height:100%;padding:8px;gap:6px;box-sizing:border-box;padding:var(--recipe-cover-outer-padding)}.mosaic-card.selected{background:rgb(255 255 255 / .5);box-shadow:none}.mosaic-card.selected:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px solid var(--color-content-accent);border-radius:16px;pointer-events:none}.mosaic-card.selected .mosaic-card-name{color:var(--color-content-accent)}.mosaic-card-image{position:relative;width:100%;flex:1 1 auto;background:transparent;overflow:hidden;box-sizing:border-box;padding:16px;height:120px;border-radius:200px}.mosaic-card-image:has(.recipe-cover-frame),.mosaic-card-image:has(.recipe-cover-emoji){display:flex;align-items:stretch;justify-content:center}.mosaic-card-image .recipe-cover-frame{width:100%;aspect-ratio:1 / 1;max-width:min(100%,220px);margin:0 auto;border-radius:100%;overflow:hidden}.mosaic-card-image .recipe-cover-frame .recipe-cover-image{border-radius:inherit}.mosaic-card-image:has(>img.recipe-cover-illustration){min-height:120px}.mosaic-card-image>img.recipe-cover-illustration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;object-fit:contain;border-radius:0}.mosaic-card-menu-btn{position:absolute;bottom:6px;right:6px;width:32px;height:32px;border-radius:50%;background:transparent;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:1;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;z-index:10}.mosaic-card:hover .mosaic-card-menu-btn,.mosaic-card-menu-btn:hover,.mosaic-card-menu-btn.active{background:var(--color-content-accent);border-color:var(--color-content-accent);box-shadow:0 1px 2px #00000014}.mosaic-card:hover .mosaic-card-menu-btn svg,.mosaic-card-menu-btn:hover svg,.mosaic-card-menu-btn.active svg{color:var(--color-bg-primary)}.mosaic-card-menu-btn svg{font-size:22px;color:var(--color-content-accent);transition:color .15s ease}.mosaic-card-info{padding:0 8px 16px}.mosaic-card-name{font-size:1.5rem;font-weight:500;color:var(--color-content-secondary);margin:0 0 2px;line-height:1.2}.mosaic-card-description{font-family:var(--font-text);font-size:var(--font-size-body);font-weight:400;line-height:1.4;color:var(--color-content-secondary);margin:0 0 6px;text-align:left;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.mosaic-card-duration{font-size:.8rem;color:var(--color-content-secondary);margin:0}@media (min-width: 900px){.mosaic-card-name{font-size:1.25rem}}.mosaic-card-menu{position:absolute;bottom:48px;right:-17px;background:var(--color-bg-primary);border-radius:0;overflow:hidden;z-index:1000;min-width:130px;width:max-content;max-width:min(92vw,300px);border:1px solid var(--color-border-secondary)}.mosaic-card-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;white-space:nowrap;border:none;background:none;text-align:left;color:var(--color-content-secondary);font-size:calc(var(--font-size-body) * .7);font-family:var(--font-text);font-weight:700;letter-spacing:normal;text-transform:none;cursor:pointer;transition:background .15s ease}.mosaic-card-menu .recipe-menu-item-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;font-size:1.125rem;color:inherit;opacity:.88}.mosaic-card-menu button:hover .recipe-menu-item-icon{opacity:1}.mosaic-card-menu .recipe-menu-item-label{flex:1;min-width:0}.mosaic-card-menu button:hover{background:var(--color-bg-secondary);color:var(--color-content-primary)}.mosaic-card-menu button:not(:last-child){border-bottom:1px dashed var(--color-border-secondary)}.mosaic-card-menu button.danger{color:#d32f2f}.mosaic-card-menu button.danger:hover{background:rgba(211,47,47,.1)}.mosaic-card-new,.mosaic-card-login{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;min-height:140px;padding:0;box-sizing:border-box}.mosaic-card-action-half{flex:1 1 50%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:none;background:transparent;cursor:pointer;font:inherit;color:var(--color-content-secondary);padding:10px 6px;box-sizing:border-box}.mosaic-card-action-half:hover{background:rgba(var(--color-content-accent-rgb),.08)}.mosaic-card-action-half--border{border-top:1px solid var(--color-border-secondary)}.mosaic-card-action-half--inline-border{border-left:1px solid var(--color-border-secondary)}.mosaic-actions-inline{height:min(20vw,80px);min-height:min(20vw,80px);max-height:min(20vw,80px);flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;background:var(--color-bg-primary)}.mosaic-actions-inline--footer{border-top:1px solid var(--color-border-secondary)}.mosaic-actions-inline .mosaic-card-action-half{flex-direction:row;gap:10px;justify-content:center}.mosaic-actions-inline .mosaic-card-action-label-lines{align-items:flex-start;text-align:left}.mosaic-actions-inline .mosaic-card-action-line2{display:none}.mosaic-card-action-icon-wrap{width:48px;height:48px;border-radius:50%;background:rgba(var(--color-content-accent-rgb),.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mosaic-card-action-icon-wrap svg{font-size:24px;color:var(--color-content-accent)}.mosaic-card-action-label-lines{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1px;max-width:100%}.mosaic-card-action-line1,.mosaic-card-action-line2{display:block;font-family:var(--font-title);font-size:calc(var(--font-size-body) * .95);font-weight:600;line-height:1.22;letter-spacing:.02em;text-transform:none;color:var(--color-content-secondary)}.recipe-strip-scroll-root{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;height:100%;width:100%;box-sizing:border-box}.recipe-mosaic-container--strip{overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;min-width:0;flex:1 1 auto}.recipe-mosaic-container--strip.recipe-mosaic-container--strip-custom-scroll{scrollbar-width:none;-ms-overflow-style:none}.recipe-mosaic-container--strip.recipe-mosaic-container--strip-custom-scroll::-webkit-scrollbar{width:0;height:0;display:none}.recipe-strip-js-scrollbar{flex-shrink:0;height:16px;box-sizing:border-box;padding:0}.recipe-strip-js-scrollbar-track{position:relative;height:16px;width:100%;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-secondary);border-radius:0;cursor:pointer;box-sizing:border-box}.recipe-strip-js-scrollbar-thumb{position:absolute;top:0;left:0;height:100%;min-width:24px;background:var(--color-border-secondary);border-radius:0;cursor:grab;box-sizing:border-box;touch-action:none}.recipe-strip-js-scrollbar-thumb:active{cursor:grabbing}.recipe-strip-rail{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;flex:1 1 auto;min-height:0;width:max-content;min-width:100%;box-sizing:border-box;margin:0}.mosaic-card.mosaic-card--strip,.mosaic-card.mosaic-card-new--strip,.mosaic-card.mosaic-card-login--strip{padding:0}.recipe-strip-card.mosaic-card--strip{overflow:hidden}.recipe-strip-card{width:75vw;max-width:360px;flex-shrink:0;height:100%;min-height:0;border-right:1px solid var(--color-border-secondary);box-sizing:border-box;overflow:hidden}.recipe-mosaic .recipe-strip-card{width:100%;max-width:none;border-right:none}.recipe-strip-card-inner{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;box-sizing:border-box;overflow:hidden}.recipe-strip-card.mosaic-card--strip:has(.mosaic-card-menu){overflow:visible;z-index:50}.recipe-strip-card.mosaic-card--strip:has(.mosaic-card-menu) .recipe-strip-card-inner{overflow:visible}.recipe-strip-card-image{position:relative;z-index:0;flex:0 0 auto;padding:0 12px;border-radius:0;display:flex;align-items:center;justify-content:center;overflow:hidden;width:140px;box-sizing:border-box;background:transparent}.mosaic-card-image.recipe-strip-card-image{height:var(--recipe-strip-cover-zone-height);min-height:var(--recipe-strip-cover-zone-height);max-height:var(--recipe-strip-cover-zone-height);flex:0 0 var(--recipe-strip-cover-zone-height);border-radius:0;overflow:hidden;align-items:center;justify-content:center;padding:0 12px;background:transparent}.mosaic-card-image.recipe-strip-card-image>img.recipe-cover-illustration{position:static;transform:none;display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.recipe-strip-card-image .recipe-cover-frame{box-sizing:border-box;width:var(--recipe-strip-upload-circle-size);height:var(--recipe-strip-upload-circle-size);min-width:var(--recipe-strip-upload-circle-size);min-height:var(--recipe-strip-upload-circle-size);max-width:min(var(--recipe-strip-upload-circle-size),100%);max-height:min(var(--recipe-strip-upload-circle-size),100%);margin:0 auto;flex-shrink:0;padding:0;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;background:transparent}.recipe-strip-card-image .recipe-cover-frame .recipe-cover-image{width:100%;height:100%;object-position:center;display:block;border-radius:0}.mosaic-card-image.recipe-strip-card-image .recipe-cover-emoji--mosaic{width:100%;height:100%;min-height:0;max-height:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:unset;margin:0}.mosaic-card-image.recipe-strip-card-image .recipe-cover-emoji--mosaic .recipe-cover-emoji-inner{font-size:min(calc(var(--recipe-strip-cover-zone-height) * .58),3.75rem);line-height:1}.recipe-strip-card-meta{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;width:100%;box-sizing:border-box;padding:12px 16px 8px}.recipe-strip-card-category{flex:0 1 auto;min-width:0;margin:0;padding:0;color:var(--color-content-secondary);text-align:left;text-transform:uppercase}.recipe-strip-card-duration{flex:0 0 auto;min-width:0;padding:0;color:var(--color-content-secondary);text-align:right;text-transform:uppercase;margin:0 0 0 auto}.recipe-strip-card-index{flex-shrink:0;margin:0;padding:0;color:var(--color-content-secondary);text-align:right;text-transform:none}.recipe-strip-card-meta .subtitle{font-size:calc(var(--font-size-body) * .6)}.recipe-strip-card-ingredients{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding:16px 24px}.recipe-strip-ingredients-measure-wrap{position:absolute;left:0;right:0;top:0;width:100%;opacity:0;pointer-events:none;z-index:-1}.recipe-strip-ingredients-measure{position:static;margin:0;padding:0;box-sizing:border-box;list-style:none}.recipe-strip-ingredients-visible-wrap{flex-shrink:0;margin-block-start:0}.recipe-strip-ingredients-visible{margin-block-start:0}.recipe-strip-ingredients-more-row{grid-column:1 / -1;display:block;margin-top:6px;box-sizing:border-box}.recipe-strip-ingredients-more{display:block;width:fit-content;max-width:100%;white-space:nowrap;margin:0;padding:4px 0;border:none;background:none;font-family:inherit;font-size:calc(var(--font-size-body) * .9);text-align:left;cursor:pointer;color:var(--color-content-secondary);text-decoration:underline;text-decoration-color:var(--color-content-tertiary);text-underline-offset:2px}.recipe-strip-ingredients-more:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:2px}.recipe-strip-card-ingredients .ingredients{list-style:none;margin-block-start:0;padding-inline-start:0;margin:0}.recipe-strip-card-ingredients .ingredient-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto;grid-template-areas:"ingredient_qt ingredient_name";align-items:start;color:var(--color-content-secondary)}.recipe-strip-card-ingredients .ingredient-quantity{grid-area:ingredient_qt;display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap}.recipe-strip-card-ingredients .ingredients-list-grid .ingredient-quantity{grid-area:auto}.recipe-strip-card-ingredients .ingredient-quantity span{white-space:nowrap;margin-right:8px}.recipe-strip-card-ingredients .ingredient-line{flex:1 1 0;min-width:0;height:1px;border-bottom:1px dashed var(--color-border-secondary)}.recipe-strip-card-ingredients .ingredient-name{grid-area:ingredient_name;margin-left:8px;text-align:left}.recipe-strip-card-ingredients .ingredients-list-grid .ingredient-name{grid-area:auto;margin-left:0}.recipe-strip-card-ingredients .no-ingredients{margin:0;color:var(--color-content-secondary);font-style:italic;text-align:center;padding:8px 0;font-size:calc(var(--font-size-body) * .85)}.recipe-strip-card-title{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;box-sizing:border-box;height:fit-content;padding:0 24px}.recipe-strip-card-name{margin:0;flex-shrink:0;font-family:var(--font-title);font-size:clamp(1.5rem,5cqh,2rem);font-weight:500;text-align:left;color:var(--color-content-secondary);line-height:1.15;transform-origin:center center;white-space:wrap;overflow:visible;width:100%}.mosaic-card--strip.selected .recipe-strip-card-name{color:var(--color-content-accent)}.recipe-strip-card-description{font-family:var(--font-text);font-size:var(--font-size-body);font-weight:400;line-height:1.35;color:var(--color-content-secondary);margin:6px 0 0;text-align:left;width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.recipe-strip-card.mosaic-card--strip:not(.selected){background:var(--color-bg-primary)}.mosaic-card--strip.selected{background:var(--color-bg-secondary);box-sizing:border-box;box-shadow:inset 0 2px 0 0 var(--color-content-accent)}.mosaic-card--strip.selected:after{display:none}.mosaic-card-new--strip,.mosaic-card-login--strip{width:132px;min-width:132px;max-width:132px;flex-shrink:0;min-height:100%;height:auto;align-self:stretch;border-right:1px solid var(--color-border-secondary)}.mosaic-card-new.mosaic-card-new--strip,.mosaic-card-login.mosaic-card-login--strip{display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;min-height:0;padding:0}.mosaic-card-new--strip .mosaic-card-action-icon-wrap,.mosaic-card-login--strip .mosaic-card-action-icon-wrap{width:40px;height:40px}.mosaic-card-new--strip .mosaic-card-action-icon-wrap svg,.mosaic-card-login--strip .mosaic-card-action-icon-wrap svg{font-size:20px}.mosaic-card-new--strip .mosaic-card-action-line1,.mosaic-card-new--strip .mosaic-card-action-line2,.mosaic-card-login--strip .mosaic-card-action-line1,.mosaic-card-login--strip .mosaic-card-action-line2{font-size:calc(var(--font-size-body) * .82);line-height:1.2}.mosaic-card-new--strip .mosaic-card-action-half,.mosaic-card-login--strip .mosaic-card-action-half{gap:6px;padding:8px 4px}.recipe-compact-row{position:relative;display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 36px 10px 12px;border-bottom:1px solid var(--color-border-secondary);cursor:pointer;text-align:left;background:var(--color-bg-primary);box-sizing:border-box}.recipe-compact-row:last-child{border-bottom:none}.recipe-compact-row--selected{background:var(--color-bg-secondary);box-shadow:inset 2px 0 0 0 var(--color-content-accent)}.recipe-compact-row--selected .recipe-compact-row-title{color:var(--color-content-accent)}.recipe-compact-row-thumb{flex-shrink:0;width:var(--recipe-compact-thumb-size);height:var(--recipe-compact-thumb-size);min-width:var(--recipe-compact-thumb-size);min-height:var(--recipe-compact-thumb-size);max-width:var(--recipe-compact-thumb-size);max-height:var(--recipe-compact-thumb-size);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:transparent;box-sizing:border-box}.recipe-compact-row-thumb--upload{border-radius:50%;padding:0}.recipe-compact-row-thumb--emoji{border-radius:8px;align-items:center;justify-content:center}.recipe-compact-row-img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.recipe-compact-row-thumb--upload .recipe-compact-row-img--upload{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center}.recipe-compact-row-emoji{font-size:min(calc(var(--recipe-compact-thumb-size) * .85),2.25rem);line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.recipe-compact-row-text{min-width:0;flex:1}.recipe-compact-row-heading--title-author-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35em .5em;min-width:0}.recipe-compact-row-heading--title-author-line .recipe-compact-row-title{display:inline;margin:0;flex:0 1 auto;min-width:0}.recipe-compact-row-author--inline{display:inline;margin:0;flex:1 1 auto;min-width:0;font-family:var(--font-text);font-size:.68rem;font-weight:600;line-height:1.25;letter-spacing:.03em;color:var(--color-content-accent)}.recipe-compact-row-title{font-family:var(--font-title);font-size:.85rem;font-weight:600;color:var(--color-content-primary);line-height:1.25}.recipe-compact-row-author{margin:3px 0 0;font-family:var(--font-text);font-size:.68rem;font-weight:600;line-height:1.3;letter-spacing:.03em;color:var(--color-content-accent)}.recipe-compact-row-desc{margin:4px 0 0;font-size:.72rem;line-height:1.35;color:var(--color-content-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recipe-compact-row-menu-bt{position:absolute;top:8px;right:4px;width:32px;height:32px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-content-accent);padding:0}.recipe-compact-row-menu{position:absolute;top:40px;right:4px;background:var(--color-bg-primary);overflow:hidden;z-index:1000;min-width:140px;width:max-content;max-width:min(52vw,200px);border:1px solid var(--color-border-secondary)}.recipe-compact-row-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;white-space:nowrap;border:none;background:none;text-align:left;color:var(--color-content-secondary);font-size:calc(var(--font-size-body) * .68);font-family:var(--font-text);font-weight:700;letter-spacing:normal;text-transform:none;cursor:pointer}.recipe-compact-row-menu .recipe-menu-item-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;font-size:1.125rem;color:inherit;opacity:.88}.recipe-compact-row-menu button:hover .recipe-menu-item-icon{opacity:1}.recipe-compact-row-menu .recipe-menu-item-label{flex:1;min-width:0}.recipe-compact-row-menu button:hover{background:var(--color-bg-secondary)}.recipe-compact-row-menu button:not(:last-child){border-bottom:1px dashed var(--color-border-secondary)}.recipe-compact-row-menu button.danger{color:#d32f2f}.recipe-mosaic-library-strip{width:75vw;max-width:360px;flex-shrink:0;height:100%;min-height:0;border-right:1px solid var(--color-border-secondary);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;background:transparent}.recipe-mosaic-library-strip--mosaic{width:auto;max-width:none;border-right:none;border-left:none;background:var(--color-bg-secondary)}.recipe-mosaic-library-strip-inner{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;padding:0;box-sizing:border-box}.recipe-mosaic-library-strip .recipe-mosaic-library-below-list{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border:none;background:transparent}.home-ongoing-banner-bar{display:flex;flex-direction:row;align-items:stretch;flex-shrink:0;background:var(--color-bg-primary);min-height:0}.home-ongoing-banner-trigger{width:100%;min-height:56px;border:none;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:flex-start;padding:0;color:var(--color-content-primary);cursor:pointer;font-family:inherit;text-align:left;--home-ongoing-banner-font-size: calc(var(--font-size-body) * 1.2)}.home-ongoing-banner-viewport{position:relative;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 14px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(to right,transparent,#000 14px,#000 calc(100% - 14px),transparent);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.home-ongoing-banner-measure{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;white-space:nowrap;display:inline-block;max-width:none;font-family:var(--font-text);font-size:var(--home-ongoing-banner-font-size);line-height:1.35}.home-ongoing-banner-segment-inner{display:inline-flex;align-items:baseline;flex-wrap:nowrap;white-space:nowrap;padding-inline:14px;box-sizing:border-box}.home-ongoing-banner-track{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-text);font-size:var(--home-ongoing-banner-font-size);line-height:1.35}.home-ongoing-banner-track--marquee{display:inline-flex;width:max-content;max-width:none;text-overflow:clip;animation-name:home-ongoing-banner-marquee;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}.home-ongoing-banner-segment{display:inline-flex;flex-shrink:0;align-items:baseline;white-space:nowrap;padding-inline-end:3rem}.home-ongoing-banner-intro{font-weight:400;letter-spacing:.03em;color:var(--color-content-secondary);margin-right:.35em;flex-shrink:0}.home-ongoing-banner-name{font-weight:400;letter-spacing:.02em;text-transform:none;color:var(--color-content-accent)}.home-ongoing-banner-sep{color:var(--color-content-secondary);opacity:.75;font-weight:400;margin:0 .55em;flex-shrink:0}@keyframes home-ongoing-banner-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.home-ongoing-banner-viewport--marquee{overflow-x:auto;-webkit-overflow-scrolling:touch}.home-ongoing-banner-track--marquee{animation:none;width:max-content;max-width:none}.home-ongoing-banner-track--marquee .home-ongoing-banner-segment:last-of-type{display:none}}.home-ongoing-list-modal .modal-content{max-height:min(70vh,520px);overflow-y:auto}.home-ongoing-list-modal{width:90%;max-width:500px}@media (max-width: 767px){.home-ongoing-list-modal{width:100%;max-width:none}}.home-ongoing-list-modal .modal-content.home-ongoing-list-body{width:100%;max-width:100%;align-items:stretch;box-sizing:border-box}.home-ongoing-list-body{padding-top:0}.home-ongoing-list-item{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto;column-gap:24px;row-gap:8px;align-items:center;width:100%;max-width:100%;box-sizing:border-box;padding:8px var(--padding-medium);border-bottom:1px solid var(--color-border-secondary)}.home-ongoing-list-item:last-child{border-bottom:none}.home-ongoing-list-item--row{grid-template-rows:auto;border:none;border-bottom:1px solid var(--color-border-secondary);background:transparent;text-align:left;font-family:inherit;cursor:pointer;transition:background-color .15s ease}.home-ongoing-list-item--row:hover,.home-ongoing-list-item--row:focus-visible{background:var(--color-bg-secondary);outline:none}.home-ongoing-list-item--row:last-child{border-bottom:none}.home-ongoing-list-item--row .home-ongoing-list-mid{grid-row:1;align-self:center}.home-ongoing-list-thumb-cell{grid-row:1 / -1;grid-column:1;align-self:center;justify-self:center}.home-ongoing-list-item .history-list-thumb{flex-shrink:0;width:56px;height:56px;border-radius:50%;overflow:hidden;background:transparent}.home-ongoing-list-item .history-list-thumb--emoji{display:flex;align-items:center;justify-content:center}.home-ongoing-list-item .history-list-thumb-emoji{font-size:1.75rem;line-height:1}.home-ongoing-list-item .history-list-thumb--img{display:flex;align-items:center;justify-content:center}.home-ongoing-list-item .history-list-thumb-frame{width:100%;height:100%;margin:0;border-radius:50%;overflow:hidden}.home-ongoing-list-item .history-list-thumb-img{width:100%;height:100%;display:block}.home-ongoing-list-mid{grid-column:2;grid-row:1;min-width:0;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:flex-start;align-self:start;gap:4px}.home-ongoing-list-name{margin:0;color:var(--color-content-accent)}.home-ongoing-list-date{display:block;font-family:var(--font-text);font-size:.8rem;line-height:1.35;font-weight:400;color:var(--color-content-secondary)}.home-ongoing-list-actions{grid-column:2;grid-row:2;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;width:100%;max-width:100%;padding:0 0 6px;box-sizing:border-box;align-self:start}.home-ongoing-list-resume-bt,.home-ongoing-list-end-bt{border:1px solid var(--color-border-secondary);border-radius:9999px;background:transparent;padding:8px 14px;font-family:var(--font-text);font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--color-content-secondary);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.home-ongoing-list-resume-bt{color:var(--color-content-accent);border-color:var(--color-content-accent)}.home-ongoing-list-resume-bt:hover{border-color:var(--color-content-accent);background:rgba(var(--color-content-accent-rgb),.08)}.home-ongoing-list-end-bt:hover{border-color:var(--color-content-primary);color:var(--color-content-primary);background:rgba(var(--color-content-accent-rgb),.06)}.home-ongoing-banner-nav{flex:0 0 auto;width:32px;border:none;background:transparent;color:var(--color-content-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:color .15s ease}.home-ongoing-banner-nav:hover{color:var(--color-content-accent)}.home-ongoing-banner-nav--next{border:none;box-shadow:none}.home-ongoing-banner-strip{flex:1 1 auto;display:flex;flex-direction:row;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-width:0}.home-ongoing-banner-strip::-webkit-scrollbar{display:none}.home-ongoing-banner-slide{flex:0 0 100%;scroll-snap-align:start;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:10px 8px 10px 12px;box-sizing:border-box;border-right:none}.home-ongoing-banner-slide-left{display:flex;flex-direction:row;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.home-ongoing-banner-slide-thumb{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center}.home-ongoing-banner-slide-thumb .recipe-cover-inline-preview{width:52px}.home-ongoing-banner-slide-thumb .recipe-cover-inline-preview-frame,.home-ongoing-banner-slide-thumb .recipe-cover-inline-preview .recipe-cover-image.recipe-cover-illustration{width:52px;height:52px}.home-ongoing-banner-slide-thumb .recipe-cover-inline-preview .recipe-cover-image.recipe-cover-illustration,.home-ongoing-banner-slide-thumb .recipe-cover-inline-preview .recipe-cover-inline-preview-frame,.home-ongoing-banner-slide-thumb .recipe-cover-inline-preview .recipe-cover-frame{background:transparent}.home-ongoing-banner-slide-thumb .recipe-cover-emoji--inline-preview{width:52px;height:52px}.home-ongoing-banner-slide-thumb .recipe-cover-emoji--inline-preview .recipe-cover-emoji-inner{font-size:1.85rem}.home-ongoing-banner-slide-text{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:4px}.home-ongoing-banner-ongoing-line{margin:0;font-family:var(--font-text);font-size:calc(var(--font-size-body) * .88);line-height:1.25;color:var(--color-content-primary)}.home-ongoing-banner-prefix{font-weight:700;color:var(--color-content-secondary)}.home-ongoing-banner-recipe-name{font-family:var(--font-title);font-weight:700;color:var(--color-content-accent);word-break:break-word}.home-ongoing-banner-end-line{margin:0;font-family:var(--font-text);font-size:calc(var(--font-size-body) * .78);color:var(--color-content-secondary);line-height:1.3}.home-ongoing-banner-slide-actions{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;align-items:stretch;justify-content:center}.home-ongoing-banner-bt{min-width:0;padding:8px 14px;border:1px solid var(--color-border-secondary);border-radius:9999px;background:transparent;color:var(--color-content-primary);font-family:var(--font-text);font-size:calc(var(--font-size-body) * .68);font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,color .15s ease,background .15s ease}.home-ongoing-banner-bt--end{color:var(--color-content-secondary)}.home-ongoing-banner-bt--end:hover{border-color:var(--color-content-primary);color:var(--color-content-primary);background:rgba(var(--color-content-accent-rgb),.06)}.home-ongoing-banner-bt--resume{color:var(--color-content-accent)}.home-ongoing-banner-bt--resume:hover{border-color:var(--color-content-accent);background:rgba(var(--color-content-accent-rgb),.08)}@media (min-width: 900px){.home-ongoing-banner-slide{flex:0 0 100%;padding:8px 12px 8px 16px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.date-selector{grid-area:time;display:flex;flex-direction:column;gap:12px;align-items:center;padding:min(4vw,64px) min(3vw,64px)}.date-selector>div{display:flex;flex-direction:column}.date-selector label{margin-bottom:5px}.date-selector .duration-sep{height:100%;width:1px;background-color:var(--color-border-secondary);margin:8px 0}.date-selector .subtitle{font-size:calc(var(--font-size-body) * .6);text-align:center;margin-bottom:0}.custom-input{color:var(--color-content-primary);font-size:calc(var(--font-size-body) * 1);font-family:var(--font-title);font-weight:700;background-color:transparent;border:none;cursor:pointer}.date-selector.is-locked{opacity:.5;pointer-events:none;filter:grayscale(20%)}.locked-text{min-height:44px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-weight:700;color:var(--color-content-secondary)}.custom-input.now{color:var(--color-content-accent)}.react-datepicker-wrapper{width:auto}.native-input-container{position:relative;min-height:44px;display:flex;align-items:center;justify-content:center}.native-datetime-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:10;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}@supports (-webkit-touch-callout: none){.native-datetime-input{min-height:44px;font-size:16px;width:100%;height:100%}.native-input-container .custom-input{pointer-events:none;width:100%;text-align:center;min-height:44px}}@media (min-width: 768px){.custom-input,.native-input-container .custom-input{font-size:calc(var(--font-size-body) * 2);font-weight:500}}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:var(--z-index-fixed);padding:calc(var(--padding-medium));overflow:hidden}.react-datepicker{font-family:var(--font-title);border:none;border-radius:0;box-shadow:0 4px 12px #00000026;display:flex;width:calc(100vw - var(--padding-medium) * 2);max-width:450px;height:420px;max-height:80vh;overflow:hidden}.react-datepicker__month-container{width:80%}.react-datepicker__time-container{width:22%;border-left:1px solid var(--color-border-secondary);height:100%;min-height:100%;overflow:hidden;display:flex;flex-direction:column}.react-datepicker__time,.react-datepicker__time-box,.react-datepicker__time-list{overflow-y:auto}.react-datepicker__time{flex:1;min-height:0}.react-datepicker__time-box{height:100%!important}.react-datepicker__time-list{height:100%!important;max-height:none!important;padding-bottom:8px}.react-datepicker__time-list-item{cursor:pointer;transition:all .2s ease;padding:8px 12px}.react-datepicker__time-list-item:hover{background-color:var(--color-background-hover)}.react-datepicker__header{background-color:#fff;border-bottom:1px solid var(--color-border-secondary);border-radius:8px 8px 0 0}.react-datepicker__day-names,.react-datepicker__week{display:flex}.react-datepicker__day-names{margin:0}.react-datepicker__portal .react-datepicker__day-name{width:100%;height:100%;line-height:2em;color:var(--color-content-secondary)}.react-datepicker__day{color:var(--color-content-secondary);font-family:Argesta Display,sans-serif;border-radius:4px;font-weight:700;width:100%;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:32px}.react-datepicker__day--today{color:var(--color-content-primary);background-color:transparent;border:1px solid var(--color-border-secondary)}.react-datepicker__day:hover{background-color:var(--color-background-hover);transform:scale(1.05)}.react-datepicker__day--selected{background-color:var(--color-content-accent)!important;color:#fff!important}.react-datepicker__day--selected:hover{background-color:var(--color-content-accent)!important;transform:scale(1.05)}.react-datepicker__day--outside-month{color:var(--color-content-secondary);opacity:.35}.react-datepicker__day--disabled{color:var(--color-content-secondary);opacity:.3;cursor:not-allowed}.react-datepicker__day--disabled:hover{background-color:transparent!important;transform:none!important}.react-datepicker__day--keyboard-selected{background-color:transparent!important;color:var(--color-content-secondary)!important}.react-datepicker__day--keyboard-selected:hover{background-color:var(--color-background-hover)!important;color:var(--color-content-secondary)!important}.react-datepicker__day--keyboard-selected.react-datepicker__day--selected{background-color:var(--color-content-accent)!important;color:#fff!important}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:94px}.react-datepicker__navigation{top:14px}.react-datepicker__time-list-item--selected{background-color:var(--color-content-accent)!important}.react-datepicker__custom-footer{border-top:1px solid var(--color-border-secondary);padding:8px;display:flex;justify-content:center}.react-datepicker__custom-now-button{border:1px solid var(--color-border-secondary);color:var(--color-content-secondary);background-color:transparent;font-family:var(--font-title);font-weight:700;border-radius:999px;padding:6px 12px;cursor:pointer}.react-datepicker__custom-now-button:hover{color:var(--color-content-primary);background-color:var(--color-background-hover)}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{color:var(--color-content-primary);font-size:var(--font-size-body);font-family:var(--font-title);font-weight:700;padding:8px}.react-datepicker__portal .react-datepicker__current-month{border-bottom:1px solid var(--color-border-secondary)}.react-datepicker__header{padding:0}.react-datepicker__current-month,.react-datepicker__header.react-datepicker__header--time{height:56px;display:flex;flex-direction:column;justify-content:center}.panade-datepicker-modal{display:flex;flex-direction:column;width:calc(100vw - var(--padding-medium) * 2);max-width:450px;max-height:80vh;border-radius:8px;overflow:hidden;background:white;box-shadow:0 4px 12px #00000026}.panade-datepicker-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;min-height:58px;background:white;border-bottom:1px solid var(--color-border-secondary)}.panade-datepicker-selected-value{color:var(--color-content-primary);font-family:var(--font-title);font-weight:700}.panade-datepicker-now-header-button{border:1px solid var(--color-border-secondary);color:var(--color-content-secondary);background:transparent;font-family:var(--font-title);font-weight:700;border-radius:999px;padding:6px 12px;cursor:pointer;min-width:108px;text-align:center}.panade-datepicker-now-header-button:hover{color:var(--color-content-primary);background:var(--color-background-hover)}.panade-datepicker-now-header-placeholder{min-width:108px;height:34px;display:inline-block}.settings-page{display:flex;flex-direction:column;height:100vh;background-color:var(--color-bg-secondary)}.settings-content{flex:1;padding:40px;overflow-y:auto}.title-huge-accent{color:var(--color-content-accent);font-size:3rem;margin-bottom:40px}.title-2{margin-block-start:0;margin-block-end:0}.setting-option{margin-bottom:20px}.setting-switch .button{font-family:var(--font-text);font-weight:700;letter-spacing:2px;text-transform:uppercase;background-color:var(--color-bg-primary);color:var(--color-content-primary);text-decoration:none;padding:4px 8px}.setting-switch .button.active{background-color:var(--color-content-accent);color:#fff}.settings-modal{background-color:#fff;border-radius:0;display:flex;flex-direction:column;height:auto;max-height:var(--modal-mobile-max-height);grid-template-rows:auto auto}.settings-modal .modal-content{height:auto;min-height:0;flex:1 1 auto;overflow-y:auto}@media (min-width: 768px){.modal.settings-modal{height:100%;max-height:none}.settings-modal .modal-content{height:auto;min-height:0;flex:1 1 auto}}.setting-item{display:flex;flex-direction:row;border-bottom:1px dashed var(--color-border-secondary);width:100%;min-height:80px;padding:var(--padding-medium) calc(var(--padding-medium)*2);gap:8px;align-items:center;justify-content:space-between}.setting-item.profil{flex-direction:column}.setting-item.setting-item-link{min-height:56px;padding:0;border-bottom:1px dashed var(--color-border-secondary)}.setting-item-link .setting-link-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--padding-medium) * 1.5) calc(var(--padding-medium) * 2);background:none;border:none;cursor:pointer;font-family:inherit;color:var(--color-content-primary);text-align:left}.setting-item-link .setting-link-btn:disabled{opacity:.7;cursor:not-allowed}.setting-item-link .setting-link-btn .subtitle{margin:0}.setting-item-link .setting-link-chevron{color:var(--color-content-secondary);flex-shrink:0}.setting-link-btn--auth-row{gap:10px}.setting-link-btn--auth-row .subtitle{flex-shrink:0}.settings-modal-user-email{flex:1;min-width:0;margin-right:8px;padding:0;font-family:var(--font-text);font-size:.8rem;color:var(--color-content-secondary);line-height:1.35;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-header{display:flex;flex-direction:row;width:100%;min-height:80px;gap:8px;align-items:center}.setting-item-title{display:flex;flex-direction:column;align-items:flex-start}.setting-item-title .title-3{margin-block-start:0;margin-block-end:0;margin-top:0;margin-bottom:0}.setting-options{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.modal-content.modal-content-settings{padding:0}h2.subtitle{text-align:left}h2.subtitle .user-info .text{text-transform:lowercase;color:var(--color-content-secondary);font-size:calc(var(--font-size-body) * .8);letter-spacing:1px}.user-info p{margin-block-start:0;margin-block-end:0}.confirmation-buttons{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.confirmation-message{color:var(--color-content-secondary);font-size:14px;margin-bottom:8px}.confirmation-actions{display:flex;gap:8px}.confirm-button,.cancel-button{padding:6px 16px;border-radius:4px;font-weight:600;cursor:pointer;border:none}.confirm-button{background-color:var(--color-content-accent);color:#fff}.confirm-button:hover{background-color:var(--color-content-accent-hover, #d63939)}.cancel-button{background-color:var(--color-bg-tertiary, #f5f5f5);color:var(--color-content-primary)}.cancel-button:hover{background-color:#e0e0e0}.clear-button{padding:6px 16px;border-radius:4px;background-color:var(--color-bg-tertiary, #f5f5f5);color:var(--color-content-secondary);border:none;font-weight:600;cursor:pointer}.clear-button:hover{background-color:#e0e0e0}.auth-settings{width:100%}.login-button{background-color:#4285f4;color:#fff}.login-button:hover{background-color:#3367d6}.logout-button{background-color:var(--color-bg-tertiary, #f5f5f5);color:var(--color-content-secondary)}.logout-button:hover{background-color:#e0e0e0}.error-message{color:var(--color-error, #d32f2f);font-size:14px;margin-bottom:16px;padding:8px;background-color:#d32f2f1a;border-radius:4px}.user-auth-container{display:flex;flex-direction:column;align-items:flex-end;width:100%}.user-info{display:flex;align-items:center;margin-bottom:12px;width:100%}.anonymous-user,.authenticated-user{display:flex;align-items:center;gap:8px}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:14px}.user-email{font-size:12px;color:var(--color-content-secondary)}.redirecting-message{color:var(--color-content-secondary);font-style:italic;margin:12px 0}.domain-help{background-color:#4285f41a;border-left:4px solid #4285F4;padding:12px 16px;margin-bottom:16px;border-radius:0 4px 4px 0;width:100%;max-width:none;box-sizing:border-box}.domain-help h4{margin-top:0;margin-bottom:8px;color:#3367d6;font-size:16px}.domain-help p{margin:8px 0;font-size:14px;line-height:1.5}.domain-help code{background-color:#0000000d;padding:2px 4px;border-radius:3px;font-family:monospace;font-size:13px}.domain-help ol{margin:8px 0;padding-left:24px}.domain-help li{margin-bottom:4px;font-size:14px;line-height:1.5}.domain-help a{color:#4285f4;text-decoration:none}.domain-help a:hover{text-decoration:underline}.suggested-domains{background-color:#4285f40d;border-radius:4px;padding:8px 16px;margin:10px 0}.suggested-domains ul{margin:4px 0;padding-left:20px}.suggested-domains li{margin-bottom:6px}.suggested-domains code{background-color:#4285f426;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:13px;word-break:break-all}.auth-domains-info{background-color:#ffbe001a;border:1px solid rgba(255,190,0,.3);border-radius:4px;padding:10px 12px;margin:12px 0}.auth-domains-info p{margin:6px 0;font-size:13px;line-height:1.4}.auth-domains-info strong{font-weight:600;color:#000000b3}.auth-domains-info code{background-color:#0000000d;padding:2px 4px;border-radius:3px;font-family:monospace;font-size:12px;word-break:break-all;color:#d32f2f;font-weight:500}.mobile-app-help{background-color:#ff8c001a;border-left:4px solid #FF8C00;min-height:300px;max-height:none;overflow:visible}.mobile-app-help h4{color:#ff8c00;font-size:18px;margin-bottom:12px}.mobile-app-help h5{color:#ff8c00;margin-top:20px;margin-bottom:10px;font-size:16px}.mobile-app-explanation{background-color:#ffffffb3;padding:12px;border-radius:4px;margin:10px 0}.mobile-app-explanation p{font-size:14px;line-height:1.6;margin-bottom:10px}.mobile-app-explanation strong{color:#ff8c00}.code-example{background-color:#0000000d;border-radius:4px;padding:12px;margin:10px 0;overflow-x:auto}.code-example pre{font-family:monospace;font-size:13px;margin:0;white-space:pre-wrap;word-break:break-all;color:#333}.auth-form{display:flex;flex-direction:column;gap:20px;margin-top:20px}.auth-form-inline{margin-top:12px}.auth-form-row{display:flex;align-items:center;gap:0;width:100%}.auth-form-group{display:flex;flex-direction:column;gap:8px}.auth-label{color:var(--color-content-primary);font-family:var(--font-text);font-size:14px;font-weight:600;line-height:1.4}.auth-input{width:100%;padding:8px;height:32px;border:none;border-radius:0;border-bottom:2px solid var(--color-border-secondary);border-top:2px solid var(--color-border-secondary);border-left:2px solid var(--color-border-secondary);font-family:var(--font-text);font-size:12px;line-height:1.5;color:var(--color-content-primary);background-color:transparent;transition:all .2s ease;box-sizing:border-box}.auth-input:focus{outline:none;border-bottom:2px solid var(--color-content-accent)}.auth-input:-webkit-autofill,.auth-input:-webkit-autofill:hover,.auth-input:-webkit-autofill:focus,.auth-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px transparent inset!important;-webkit-text-fill-color:var(--color-content-primary)!important;transition:background-color 5000s ease-in-out 0s}.auth-input::placeholder{color:var(--color-content-secondary);font-style:italic}.auth-input:invalid:not(:placeholder-shown){border-color:var(--color-error)}.auth-button{width:32px;padding:8px;height:32px;border:none;border-radius:0!important;font-family:var(--font-text);font-size:16px;font-weight:600;line-height:1.5;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.auth-button-primary{background:linear-gradient(135deg,var(--color-content-accent) 0%,var(--color-content-accent-hover) 100%);color:#fff}.auth-button-icon{width:auto;min-width:32px;height:32px;padding:8px;border-radius:0;background:var(--color-content-accent);color:#fff;flex-shrink:0}.auth-button-icon:hover:not(:disabled){background:var(--color-content-accent-hover)}.auth-switch-mode{margin-top:16px;padding:12px 16px;background:transparent;border:none;color:var(--color-content-accent);font-family:var(--font-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:underline;text-underline-offset:2px;width:100%;text-align:center}.auth-switch-mode:hover{color:var(--color-content-accent-hover);text-decoration-thickness:2px}.auth-message{margin-top:0;padding:8px 16px;font-family:var(--font-text);font-size:14px;line-height:1.5;animation:authMessageSlideIn .3s ease-out}@keyframes authMessageSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-message-success,.auth-message-error{color:var(--color-error)}.modal-about{display:flex;flex-direction:column;height:auto;max-height:var(--modal-mobile-max-height);grid-template-rows:auto auto;background-color:var(--color-bg-secondary);text-align:left}.modal-about .modal-content{height:auto}.about-email-link{color:var(--color-content-accent);text-decoration:underline;text-underline-offset:2px;word-break:break-all}.about-email-link:hover,.about-email-link:focus-visible{opacity:.85}.modal-about h1.title-huge-accent{margin-bottom:0;margin-block-start:0;margin-block-end:0}.about-content{flex:none;padding:40px;overflow-y:auto;max-width:720px}@media (min-width: 768px){.modal.modal-about{height:100%;max-height:none}.modal-about .modal-content{flex:1;min-height:0;height:auto;overflow-y:auto}}.timeline{padding:40px}.timeline--empty-partial{padding:16px 40px 40px}.timeline-partial-empty{margin:0;font-family:var(--font-text);font-size:calc(var(--font-size-body) * .9);color:var(--color-content-secondary);line-height:1.4}.timeline-step{margin:0 auto;display:grid;grid-template-columns:1fr 32px 2fr;grid-template-rows:auto minmax(50px,auto);grid-template-areas:"step_time step_dot step_name" ". step_line step_detail"}.timeline-step--compact{grid-template-rows:auto minmax(20px,auto)}.timeline-step--restart-event{grid-template-columns:1fr 32px 2fr;grid-template-rows:minmax(64px,auto);grid-template-areas:"timeline_restart_gutter timeline_restart_rail timeline_restart_label";min-height:64px}.timeline-restart-gutter{grid-area:timeline_restart_gutter}.timeline-restart-rail{grid-area:timeline_restart_rail;display:flex;justify-content:center;align-items:stretch;margin-right:4px;width:32px;position:relative}.timeline-line-container--restart{flex:1;min-height:48px;height:100%}.timeline-restart-label{grid-area:timeline_restart_label;display:flex;align-items:center;align-self:center;text-align:left}.timeline-restart-label .timeline-step-desc{font-style:italic}.timeline-time{font-weight:700;color:#333;text-align:right;grid-area:step_time;display:flex;align-items:center;justify-content:flex-end;align-self:center;justify-self:end;width:132px;min-height:32px}.timeline-time--dual{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;font-weight:400;width:100%}.timeline-time-line{display:block;line-height:1.25}.timeline-time-line--planned{font-size:calc(var(--font-size-body, 1rem) * .85);color:var(--color-content-secondary, #666);font-weight:400;text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:var(--color-content-secondary, #999)}.timeline-time-line--actual{font-size:var(--font-size-body, 1rem);color:#333;font-weight:700}.timeline-dot-container{display:flex;align-items:center;justify-content:center;grid-area:step_dot;margin-right:4px;width:32px}.timeline-line-container{grid-area:step_line;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:4px}.timeline-line{border-right:1px solid var(--color-border-primary);height:100%;width:1px}.timeline-step:last-child .timeline-line-container:after{content:"";width:8px;height:8px;border-radius:50%;background-color:var(--color-content-accent)}.timeline-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-content-accent)}.timeline-dot--session-end{position:relative;width:12px;height:12px;background-color:transparent;box-shadow:none}.timeline-dot--session-end:before,.timeline-dot--session-end:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--color-content-secondary, #8a8a8a);transform-origin:center}.timeline-dot--session-end:before{transform:translate(-50%,-50%) rotate(45deg)}.timeline-dot--session-end:after{transform:translate(-50%,-50%) rotate(-45deg)}.timeline-line--dashed{border-right:1px dashed var(--color-border-primary);height:100%;width:0;box-sizing:border-box}.timeline-time--end-session{color:#333;font-size:var(--font-size-body, 1rem);font-weight:700}.timeline-time-line--end-slot{visibility:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:calc(var(--font-size-body, 1rem) * .85);font-weight:400}.timeline-time-line--end-main{flex-shrink:0}.timeline-step--end-session{margin-top:4px}.timeline-step-name--end-session{color:#c62828;font-weight:700;letter-spacing:.02em;font-size:inherit}.timeline-notif-button{background:none;border:none;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-content-secondary)}.timeline-notif-button--active{color:var(--color-content-accent)}.timeline-notif-button--inactive{color:var(--color-content-secondary)}.timeline-line--past{border-right-color:var(--color-content-accent)}.timeline-step-name{font-weight:700;color:var(--color-content-primary);text-align:left;grid-area:step_name;display:flex;align-items:center;align-self:center;min-height:32px}.timeline-step-detail{color:var(--color-content-secondary);font-size:.9em;grid-area:step_detail;display:flex;flex-direction:column;align-items:flex-start;align-self:center;text-align:left}.timeline-step--before-restart{grid-template-rows:auto 0}.timeline-step--before-restart .timeline-step-detail{display:none}.timeline-step-desc{text-align:left;color:var(--color-content-primary)}.timeline-step-duration{color:#999;font-style:italic;margin-top:4px}.timeline-restart-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-content-secondary, #8a8a8a);pointer-events:none}.timeline-restart-icon svg{display:block}.timeline-footer{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid #E0E0E0}.timeline-departure,.timeline-arrival{display:flex;flex-direction:column}.timeline-departure span,.timeline-arrival span{font-size:.8em;color:#999}.timeline-departure .timeline-time,.timeline-arrival .timeline-time{font-size:1.2em;font-weight:700;color:var(--color-content-accent)}.timeline-duration{align-self:center;font-weight:700;color:#333}.modal-pending-notif{display:flex;flex-direction:column;height:auto;max-height:var(--modal-mobile-max-height);background-color:#fff;text-align:left;overflow-x:hidden}.modal-pending-notif .modal-content.home-pending-notif-body{flex:1;min-height:0;width:100%;max-width:100%;box-sizing:border-box;height:auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width: 768px){.modal.modal-pending-notif{height:100%;max-height:none}.modal-pending-notif .modal-content.home-pending-notif-body{flex:1;min-height:0;height:auto}}.home-pending-notif-timeline .timeline-step{grid-template-columns:minmax(0,1fr) 32px minmax(0,2fr)}.home-pending-notif-timeline .timeline-time.home-pending-notif-datetime{width:auto;max-width:100%;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;text-align:right;line-height:1.25}.home-pending-notif-date-line{font-size:calc(var(--font-size-body, 1rem) * .82);font-weight:600;color:var(--color-content-secondary, #666)}.home-pending-notif-time-line{font-weight:700;color:#333}.home-pending-notif-timeline .timeline-step:last-child .timeline-line-container{min-height:40px}.home-pending-notif-timeline .timeline-step:last-child .timeline-line{flex:1 1 auto;min-height:12px;height:auto}.home-pending-notif-timeline .timeline-step:last-child .timeline-line-container:after{content:"";display:block;flex:0 0 auto;width:8px;height:8px;min-width:8px;min-height:8px;box-sizing:border-box;margin-top:4px;border-radius:50%;background-color:var(--color-content-accent)}.home-pending-notif-timeline.timeline{padding:24px 12px 32px}@media (min-width: 480px){.home-pending-notif-timeline.timeline{padding:32px 28px 40px}}@media (min-width: 768px){.home-pending-notif-timeline.timeline{padding:40px}}.home-pending-notif-muted{margin:0;padding:24px 20px 32px}.home-pending-notif-timeline .timeline-step-detail:empty{min-height:0}.bake-notes-editor{display:flex;flex-direction:column;gap:12px;width:100%}.bake-notes-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.bake-notes-header-row-title{flex:1;min-width:0}.bake-notes-header-row-title .history-detail-section-title{margin:0}.bake-notes-add-photo--header{flex-shrink:0;align-self:center}.bake-notes-images{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.bake-notes-images--thumbs{gap:6px}.bake-notes-image-tile{position:relative;width:56px;height:56px;flex-shrink:0;border:1px solid var(--color-border-secondary);background:var(--color-bg-secondary);overflow:hidden}.bake-notes-image-tile img{width:100%;height:100%;object-fit:cover;display:block}.bake-notes-image-remove{position:absolute;top:0;right:0;width:22px;height:22px;padding:0;border:none;border-radius:0;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.bake-notes-image-remove:hover{background:rgba(0,0,0,.75)}.bake-notes-add-photo{align-self:flex-start;font-family:var(--font-text);font-size:calc(var(--font-size-body) * .85);font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:8px 12px;border:1px solid var(--color-border-secondary);border-radius:0;background:transparent;color:var(--color-content-accent);cursor:pointer;transition:border-color .15s ease,background .15s ease}.bake-notes-add-photo:hover:not(:disabled){border-color:var(--color-content-accent);background:rgba(var(--color-content-accent-rgb),.06)}.bake-notes-add-photo:disabled{opacity:.5;cursor:not-allowed}.bake-notes-textarea-corner-wrap{position:relative;width:100%;align-self:stretch}.bake-notes-textarea-corner-wrap .bake-notes-textarea{padding-right:48px;box-sizing:border-box}.bake-notes-add-photo--corner-icon{position:absolute;top:10px;right:10px;padding:4px;margin:0;border:none;border-radius:0;background:transparent;color:var(--color-content-accent);line-height:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease,color .15s ease}.bake-notes-add-photo--corner-icon:hover:not(:disabled){color:var(--color-content-accent-hover, var(--color-content-accent));opacity:.92}.bake-notes-add-photo--corner-icon:disabled{opacity:.45;cursor:not-allowed}.bake-notes-add-photo--fullwidth{align-self:stretch;width:100%;box-sizing:border-box;min-height:48px;justify-content:center}.bake-notes-note-label{font-family:var(--font-text);font-size:calc(var(--font-size-body) * .85);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-content-secondary);margin:4px 0 0}.bake-notes-upload-hint{margin:0;font-size:calc(var(--font-size-body) * .8);color:var(--color-content-secondary)}.bake-notes-error{margin:0;font-size:calc(var(--font-size-body) * .85);color:var(--color-content-primary)}.bake-notes-textarea{width:100%;max-width:100%;min-width:0;min-height:100px;padding:12px;border:1px solid var(--color-border-primary);border-radius:0;font-family:var(--font-text);font-size:1rem;color:var(--color-content-primary);background:var(--color-bg-primary);box-sizing:border-box}.star-rating-input{display:flex;flex-direction:column;gap:8px;width:100%}.star-rating-input-label{font-family:var(--font-text);font-size:calc(var(--font-size-body) * .85);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-content-secondary)}.star-rating-input-stars{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;align-items:center}.star-rating-input-bt{padding:4px;margin:0;border:none;background:transparent;cursor:pointer;line-height:0}.star-rating-input-bt:disabled{opacity:.5;cursor:not-allowed}.star-rating-input-bt:not(:disabled):hover{opacity:.85}.star-rating-input--compact .star-rating-input-bt{padding:2px}.star-rating-input--compact .star-rating-input-stars{gap:2px}.ongoing-page{background-color:var(--color-bg-primary);min-height:100%;width:100%;height:100vh;font-family:var(--font-text)}.page-receipt{grid-area:receipt;display:none;flex-direction:column;align-items:center}@media (min-width: 768px){.page-receipt{display:flex}}.ongoing-page .page-header{grid-area:header;position:sticky;top:0;z-index:10;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-secondary);box-sizing:border-box}.step-progress-bar{grid-area:progress_bar;position:sticky;top:var(--ongoing-header-offset, calc(var(--padding-medium) * 4));align-self:flex-start;height:calc(100vh - var(--ongoing-header-offset, calc(var(--padding-medium) * 4)));max-height:calc(100vh - var(--ongoing-header-offset, calc(var(--padding-medium) * 4)));background:var(--color-bg-primary);z-index:5;padding-top:var(--padding-medium);padding-bottom:calc(var(--padding-medium)*6);display:flex;flex-direction:column}.ongoing-page .step-progress-bar{background:transparent}.ongoing-page{--ongoing-header-offset: calc(env(safe-area-inset-top, 0px) + (var(--padding-medium) * 4));min-height:100vh;height:100vh;height:-webkit-fill-available;box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px)}.ongoing-page .content{height:100vh;height:-webkit-fill-available;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:calc(var(--padding-medium) * 4) minmax(0,1fr);grid-template-areas:"header" "body";box-sizing:border-box}@media (min-width: 768px){.ongoing-page .content{grid-template-columns:1fr;grid-template-rows:calc(var(--padding-medium) * 4) minmax(0,1fr);grid-template-areas:"header" "body";height:100vh;height:-webkit-fill-available;min-height:0}}.ongoing-body{grid-area:body;display:block;min-height:0;overflow-x:visible;overflow-y:auto;position:relative;z-index:0;--ongoing-step-scroll-offset: 24px;--ongoing-timeline-gutter: calc(var(--padding-medium) * 4);--ongoing-content-inset-left: calc(var(--safe-area-left, 0px) + var(--ongoing-timeline-gutter));scroll-padding-top:var(--ongoing-step-scroll-offset);box-sizing:border-box;padding:0 0 24px;--ongoing-step-side-pad: 32px}.ongoing-body>.step-progress-bar{position:fixed;left:var(--safe-area-left, env(safe-area-inset-left, 0px));top:var(--ongoing-header-offset);width:var(--ongoing-timeline-gutter);z-index:5;box-sizing:border-box;height:calc(100vh - var(--ongoing-header-offset) - env(safe-area-inset-bottom,0px));max-height:calc(100vh - var(--ongoing-header-offset) - env(safe-area-inset-bottom,0px));padding-top:var(--padding-medium);padding-bottom:calc(var(--padding-medium) * 2);overflow:hidden}.ongoing-step-slot{min-width:0;padding-left:var(--ongoing-content-inset-left);padding-top:calc(var(--padding-medium) * 2);display:flex;flex-direction:column;align-items:center;margin-bottom:80px;box-sizing:border-box}.ongoing-body>.ongoing-manufacturing-bleed{margin-bottom:80px}.ongoing-scroll-spacer{min-width:0;padding-left:var(--ongoing-content-inset-left);box-sizing:border-box}*{scroll-behavior:auto!important}.is-ios-app .ongoing-body{padding-bottom:max(env(safe-area-inset-bottom,0px),24px)}.step{width:100%;max-width:calc(520px + var(--ongoing-step-side-pad, 32px));padding-right:var(--ongoing-step-side-pad, 32px);box-sizing:border-box;scroll-margin-top:var(--ongoing-step-scroll-offset, 96px)}.step:last-child{margin-bottom:10vh}.step-details{display:flex;flex-direction:column;justify-content:flex-start}.step-header{margin-bottom:20px}.step-time{font-family:var(--font-title);font-size:24px;color:var(--color-content-primary);text-align:left;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px}.step-time-text{min-width:0}.step-title{font-family:var(--font-title);font-size:32px;color:var(--color-content-accent);margin:10px 0;text-align:left}.step-duration{font-family:var(--font-text);font-size:18px;color:var(--color-content-secondary);text-align:left;display:flex;gap:4px;align-items:center}.ongoing-step-duration-row{flex-wrap:wrap;align-items:center;gap:4px 10px;width:100%}.ongoing-step-duration-main{display:inline-flex;align-items:center;gap:4px;min-width:0}.ongoing-step-ingredients-accordion-trigger{display:inline-flex;align-items:center;gap:2px;padding:0;margin:0;border:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;cursor:pointer;text-align:left;transition:color .15s ease}.ongoing-step-ingredients-accordion-trigger:hover{color:var(--color-content-accent)}.ongoing-step-ingredients-accordion-label{white-space:nowrap}.ongoing-step-ingredients-chevron{flex-shrink:0;transition:transform .2s ease}.ongoing-step-ingredients-chevron.is-open{transform:rotate(180deg)}.ongoing-step-ingredients-panel{margin-top:4px}.duration-icon{display:flex;align-items:center;justify-content:center}.step-notif-button{background:none;border:none;padding:0;margin-left:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.step-notif-button--active{color:var(--color-content-accent)}.step-notif-button--inactive{color:var(--color-content-secondary)}.step-restart-icon-button{background:none;border:none;padding:4px;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;border-radius:4px;color:var(--color-content-secondary)}.step-restart-icon-button:hover{color:var(--color-content-accent)}.step-restart-icon-button svg{display:block}.step-image{margin-left:0;margin-right:auto}.step-image img{width:auto;max-height:220px;max-width:260px;height:auto;object-fit:contain}.step-desc-with-illustration{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:8px;width:100%;box-sizing:border-box}.step-desc-with-illustration .step-image{flex:0 0 auto;margin:0;align-self:flex-start;max-width:100%}.step-desc-with-illustration .step-image img{display:block;width:auto;height:auto;max-height:180px;object-fit:contain}.step-desc-with-illustration .step-description{width:100%;min-width:0;margin-block-start:0}.step-rest .step-description,.step-details .step-description{font-size:18px;line-height:1.5;text-align:left;color:var(--color-content-primary);margin-block-start:0;white-space:pre-wrap}.step-rest{display:flex;flex-direction:column;justify-content:flex-start;text-align:left}.step-rest .step-header{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0}.step-rest .step-desc-with-illustration{align-items:flex-start;margin-top:12px}.step-rest .step-desc-with-illustration .step-image{display:block}.step-rest .step-desc-with-illustration .step-image img{max-height:180px}.step-rest .step-title{text-align:left;color:var(--color-content-primary)}.rest-info{display:flex;flex-direction:column;align-items:center;text-align:center}.ingredient{display:flex;justify-content:space-between;margin-bottom:10px;font-size:18px}.next-step{margin-top:30px;padding:20px;background-color:var(--color-bg-secondary);border-radius:10px}.next-step-label{font-size:16px;color:var(--color-content-secondary)}.next-step-name{font-family:var(--font-title);font-size:24px;color:var(--color-content-primary);margin:10px 0}.next-step-duration{font-size:16px;color:var(--color-content-secondary)}.bt-notification{background-color:transparent;min-width:calc(var(--padding-medium)*4);border-left:1px solid var(--color-border-secondary);height:100%;color:var(--color-content-primary);display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer}.bt-notification svg{color:var(--color-content-secondary)}.notification-count{color:var(--color-content-secondary);font-size:12px;font-weight:700}.progress-fill{position:absolute;left:50%;bottom:0;width:2px;background-color:var(--color-content-accent);transition:height .3s ease;z-index:0}.progress-item{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;min-height:16px;cursor:pointer;flex:1 1 0;min-height:0;touch-action:manipulation;padding-inline:8px;box-sizing:border-box}.step-progress-bar .progress-item:last-child{height:32px}.progress-item.dot{padding:0;width:100%;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:visible}.progress-item.dot .dot-content{width:var(--timeline-dot-size);height:var(--timeline-dot-size);border-radius:50%;flex-shrink:0;box-sizing:border-box;border-width:var(--timeline-dot-border-width);border-style:solid;transition:background-color .2s ease,border-color .2s ease;position:relative;z-index:2}.progress-item.dot.temporal-past.is-not-displayed .dot-content{background-color:var(--timeline-ring-interior);border-color:var(--timeline-passed-fill)}.progress-item.dot.temporal-past.is-displayed .dot-content{background-color:var(--timeline-selected);border-color:var(--timeline-selected)}.progress-item.dot.temporal-future.is-not-displayed .dot-content{background-color:var(--timeline-ring-interior);border-color:var(--timeline-upcoming-fill)}.progress-item.dot.temporal-future.is-displayed .dot-content{background-color:var(--timeline-selected);border-color:var(--timeline-selected)}.progress-item.dot.temporal-current.is-not-displayed .dot-content{background-color:var(--timeline-ring-interior);border-color:var(--timeline-active-fill)}.progress-item.dot.temporal-current.is-displayed .dot-content{background-color:var(--timeline-active-fill);border-color:var(--timeline-active-fill)}.progress-item.line{width:100%;height:100%;padding:4px 0;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.progress-item.line .line-content{flex-grow:1;flex-shrink:1;min-height:0;width:var(--timeline-line-width);max-width:var(--timeline-line-width);margin:0;position:relative;z-index:2;border-radius:999px;box-sizing:border-box;border-style:solid;border-width:var(--timeline-dot-border-width);transition:background-color .2s ease,border-color .2s ease}.progress-item.line.temporal-past.is-not-displayed .line-content{background-color:var(--timeline-passed-fill);border-color:var(--timeline-ring-interior)}.progress-item.line.temporal-past.is-displayed .line-content{background-color:var(--timeline-selected);border-color:var(--timeline-ring-interior)}.progress-item.line.temporal-future.is-not-displayed .line-content{background-color:var(--timeline-upcoming-fill);border-color:var(--timeline-ring-interior)}.progress-item.line.temporal-future.is-displayed .line-content{background-color:var(--timeline-selected);border-color:var(--timeline-ring-interior)}.progress-item.line.temporal-current.is-not-displayed .line-content,.progress-item.line.temporal-current.is-displayed .line-content{background-color:var(--timeline-active-fill);border-color:var(--timeline-ring-interior)}.ongoing-page .receipe-sidebar{opacity:0}.page-header .bt-edit{background-color:transparent;width:calc(var(--padding-medium)*4);border-left:1px solid var(--color-border-secondary);height:100%;color:var(--color-content-primary);padding:16px;cursor:pointer}.page-header .bt-edit svg{color:var(--color-content-secondary)}.step-progress-bar .progress-item{flex:0 0 auto;min-height:0}.step-progress-bar .progress-item.line{flex:1 1 0}.step-progress-bar .progress-item.dot{flex:0 0 auto;height:22px;min-height:22px;max-height:22px}.ongoing-comment-modal .modal-content{display:flex;flex-direction:column;gap:12px}.ongoing-comment-bake-name-label{font-family:var(--font-text);font-size:calc(var(--font-size-body) * .85);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-content-secondary)}.ongoing-comment-bake-name-input{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--color-border-primary);border-radius:8px;font-family:var(--font-title);font-size:1.05rem;font-weight:700;color:var(--color-content-primary);background:var(--color-bg-primary)}@media (max-width: 767px){.ongoing-comment-modal.modal-w-bt .modal-content{padding-bottom:var(--modal-save-foot-reserve)}}@media (min-width: 768px){.ongoing-comment-modal.modal-w-bt .modal-content{padding-bottom:calc(var(--padding-medium) * 6)}}.ongoing-comment-modal .modal-save-foot .bt-save{display:flex;align-items:center;justify-content:center;background-color:var(--color-content-accent);color:var(--color-bg-primary);border:none;cursor:pointer;font-family:var(--font-text);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:calc(var(--font-size-body) * .9);transition:background-color .2s;flex-shrink:0;box-sizing:border-box}.ongoing-comment-modal .modal-save-foot .bt-save:hover{background-color:var(--color-content-accent-hover)}@media (min-width: 768px){.ongoing-comment-modal .modal-save-foot{position:sticky;bottom:0;left:auto;right:auto;z-index:1}}.ongoing-notes-textarea{width:100%;min-height:120px;padding:12px;border:1px solid var(--color-border-primary);border-radius:8px;font-family:var(--font-text);font-size:1rem;color:var(--color-content-primary);background:var(--color-bg-primary);box-sizing:border-box}.header-options{position:relative;z-index:20;border-left:1px solid var(--color-border-secondary)}.bt-options{background:transparent;border:none;cursor:pointer;width:calc(var(--padding-medium)*4);height:100%;min-height:calc(var(--padding-medium)*4);display:flex;align-items:center;justify-content:center}.bt-options svg{color:var(--color-content-secondary)}.options-menu{position:absolute;top:100%;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);min-width:min(300px,calc(100vw - 24px));z-index:100}.options-menu button{display:block;width:100%;padding:16px 20px;border:none;background:none;text-align:left;color:var(--color-content-secondary);font-size:calc(var(--font-size-body) * .8);font-family:var(--font-text);font-weight:700;letter-spacing:normal;text-transform:none;cursor:pointer;transition:background .15s ease}.options-menu button:hover{background:var(--color-bg-secondary);color:var(--color-content-primary)}.options-menu button:not(:last-child):not(.options-menu-end-bake){border-bottom:1px dashed var(--color-border-secondary)}.options-menu button:nth-last-child(2):not(.options-menu-end-bake){border-bottom:none}.options-menu .options-menu-end-bake{border-top:1px solid var(--color-border-secondary);color:var(--color-content-secondary);white-space:nowrap;letter-spacing:normal}.options-menu .options-menu-end-bake:hover{color:var(--color-content-accent)}.options-menu .options-menu-delete-bake{border-top:1px solid var(--color-border-secondary);color:#c62828}.options-menu .options-menu-delete-bake:hover:not(:disabled){color:#a32020}.options-menu button:disabled{opacity:.45;cursor:not-allowed}.ongoing-page-not-found{display:flex;align-items:center;justify-content:center;padding:24px}.ongoing-not-found-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.ongoing-not-found-title{margin:0;font-family:var(--font-title);font-size:calc(var(--font-size-body) * 1.8);font-weight:400;letter-spacing:normal;text-transform:none;color:var(--color-content-primary)}.ongoing-step-time-row{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}.ongoing-step-duration-hit{padding:0;margin:0;border:none;background:transparent;font:inherit;font-size:inherit;color:inherit;cursor:pointer;text-align:left;text-decoration:none;transition:color .15s ease}.ongoing-step-duration-hit:hover{color:var(--color-content-accent)}.ongoing-step-duration-hit:focus-visible{color:var(--color-content-accent);outline:2px solid var(--color-content-accent);outline-offset:2px}.ongoing-step-inline-actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.ongoing-step-inline-action{display:inline-flex;align-items:center;gap:5px;padding:0;margin:0;border:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;cursor:pointer;text-align:left;text-decoration:none;transition:color .15s ease}.ongoing-step-inline-action-icon{flex-shrink:0;color:inherit;transition:color .15s ease}.ongoing-step-inline-action:hover,.ongoing-step-inline-action:hover .ongoing-step-inline-action-icon{color:var(--color-content-accent)}.ongoing-manufacturing-bleed{--ongoing-bleed-left: var(--ongoing-content-inset-left, calc(var(--padding-medium) * 4));position:relative;z-index:0;width:100%;max-width:none;box-sizing:border-box;margin-left:0;margin-right:0;background:var(--color-bg-secondary);padding:calc(var(--padding-medium) * 2) 0 calc(var(--padding-medium) * 2) var(--ongoing-bleed-left)}.ongoing-manufacturing-bleed .step{margin-left:auto;margin-right:auto}.ongoing-manufacturing-finish-row{display:flex;flex-direction:row;align-items:stretch;justify-content:stretch;width:100%;max-width:calc(520px + var(--ongoing-step-side-pad, 32px));padding:20px var(--ongoing-step-side-pad, 32px) 0 0;box-sizing:border-box;margin-left:auto;margin-right:auto}.ongoing-current-finish-outline-bt{flex:1 1 auto;min-width:0;margin:0;padding:9px 20px;border:1px solid var(--color-content-accent);border-radius:9999px;background-color:transparent;color:var(--color-content-accent);font-family:var(--font-text);font-size:calc(var(--font-size-body) * .8);font-weight:700;letter-spacing:1px;text-transform:uppercase;min-height:0;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,background-color .2s}.ongoing-current-finish-outline-bt:hover{border-color:var(--color-content-accent-hover);color:var(--color-content-accent-hover);background-color:rgba(var(--color-content-accent-rgb),.08)}.ongoing-step-edit-modal .ongoing-step-edit-label{display:block;margin-top:12px;margin-bottom:4px;font-size:calc(var(--font-size-body) * .85);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-content-secondary)}.ongoing-step-edit-input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--color-border-primary);border-radius:0;font-family:var(--font-text);font-size:1rem;background:transparent;color:var(--color-content-primary)}.ongoing-step-edit-modal .ongoing-step-edit-input:focus,.ongoing-step-edit-modal .ongoing-step-edit-input:focus-visible{background:transparent;outline:none}.ongoing-step-edit-textarea{width:100%;min-height:120px;box-sizing:border-box;padding:12px;border:1px solid var(--color-border-primary);border-radius:0;font-family:var(--font-text);font-size:1rem;background:var(--color-bg-primary);color:var(--color-content-primary)}.ongoing-step-modal-overlay.modal-overlay{z-index:10050}.ongoing-step-combined-modal.history-bake-detail-modal .ongoing-step-modal-body.history-bake-detail-modal-body{display:flex;flex-direction:column;min-height:0}.ongoing-step-combined-modal.modal>.modal-save-foot{flex-shrink:0}.ongoing-step-journal-preview{display:block;width:100%;max-width:calc(520px + var(--ongoing-step-side-pad, 32px));margin-top:14px;padding:0;border:none;background:transparent;text-align:left;cursor:pointer;font-family:var(--font-text);box-sizing:border-box}.ongoing-step-journal-preview-text{font-style:italic;color:var(--color-content-secondary);font-size:calc(var(--font-size-body) * .95);line-height:1.45;display:block;white-space:pre-wrap}.ongoing-step-journal-preview-photos{display:block;margin-top:6px;font-size:calc(var(--font-size-body) * .85);font-weight:600;color:var(--color-content-accent)}.ongoing-step-edit-modal .history-detail-content>section.ongoing-step-modal-section--duration{border-top:none;padding-top:16px}.ongoing-step-modal-or-row{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;max-width:100%;padding:4px 32px;margin:0;box-sizing:border-box}.ongoing-step-modal-or-line{flex:1;min-width:0;height:1px;background:var(--color-border-secondary)}.ongoing-step-modal-or-text{flex-shrink:0;font-family:var(--font-text);font-size:calc(var(--font-size-body) * .8);font-weight:700;letter-spacing:.12em;text-transform:lowercase;color:var(--color-content-secondary)}.ongoing-step-duration-inline{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;width:100%;box-sizing:border-box}.ongoing-step-duration-inline .ongoing-step-dur-part{flex:1;min-width:0;max-width:120px}.ongoing-step-dur-sep{flex-shrink:0;font-family:var(--font-text);font-size:calc(var(--font-size-body) * .95);color:var(--color-content-secondary)}.ongoing-step-edit-modal .history-detail-notes.ongoing-step-modal-desc-section{display:flex;flex-direction:column;align-items:stretch}.ongoing-step-edit-modal .history-detail-notes.ongoing-step-modal-desc-section .history-detail-section-title{margin:0 0 10px}.ongoing-step-edit-modal .history-detail-notes.ongoing-step-modal-desc-section .history-notes-textarea{min-height:120px;resize:vertical}.ongoing-step-edit-modal .history-detail-notes.ongoing-step-modal-desc-section .history-notes-textarea:not(:focus):not(:focus-visible){background:transparent}.ongoing-step-edit-modal .history-detail-notes.ongoing-step-modal-desc-section .history-notes-textarea:focus,.ongoing-step-edit-modal .history-detail-notes.ongoing-step-modal-desc-section .history-notes-textarea:focus-visible{background:transparent}.ongoing-step-edit-modal .history-detail-notes.ongoing-step-modal-desc-section:focus-within .history-notes-textarea{background:transparent}.ongoing-step-modal-sections .bake-notes-add-photo.ongoing-step-note-add-photo,.history-detail-notes.ongoing-step-note-modal-section .bake-notes-add-photo.ongoing-step-note-add-photo{border:none;outline:none;box-shadow:none}.ongoing-step-modal-sections .bake-notes-add-photo.ongoing-step-note-add-photo:hover:not(:disabled),.history-detail-notes.ongoing-step-note-modal-section .bake-notes-add-photo.ongoing-step-note-add-photo:hover:not(:disabled){border:none;outline:none}.ongoing-step-modal-sections .bake-notes-add-photo.ongoing-step-note-add-photo:focus,.ongoing-step-modal-sections .bake-notes-add-photo.ongoing-step-note-add-photo:focus-visible,.history-detail-notes.ongoing-step-note-modal-section .bake-notes-add-photo.ongoing-step-note-add-photo:focus,.history-detail-notes.ongoing-step-note-modal-section .bake-notes-add-photo.ongoing-step-note-add-photo:focus-visible{outline:none}.bake-completion-modal-overlay.modal-overlay{z-index:10002}.bake-completion-home-modal.modal{max-height:min(92vh,720px,calc(100vh - var(--safe-area-top)));display:flex;flex-direction:column}@supports (height: 100dvh){.bake-completion-home-modal.modal{max-height:min(92dvh,720px,calc(100dvh - var(--safe-area-top)))}}@media (min-width: 768px){.bake-completion-home-modal.modal{max-height:none;height:100%;min-height:0}}.bake-completion-home-body.modal-content{display:flex;flex-direction:column;gap:0;flex:1;min-height:0;overflow-y:auto;padding:0;text-align:left}.bake-completion-section{margin:0;width:100%;max-width:100%;padding:32px;border-top:1px dashed var(--color-border-secondary);box-sizing:border-box;text-align:left}.bake-completion-section:first-child{border-top:none}.bake-completion-section-label{font-family:var(--font-title);font-size:calc(var(--font-size-body) * 1.1);font-weight:400;color:var(--color-content-primary);margin:0;line-height:1.3;flex:0 1 auto;min-width:0;max-width:48%;align-self:center}.bake-completion-field-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.bake-completion-field-value{display:flex;justify-content:flex-end;align-items:center;flex-shrink:0}.bake-completion-field-value--grow{flex:1 1 auto;min-width:0;justify-content:flex-end}.bake-completion-section--temp .bake-completion-section-label{flex:1 1 auto;max-width:72%;min-width:0}.bake-completion-field-value .star-rating-input{align-items:flex-end}.bake-completion-field-value .star-rating-input-stars{justify-content:flex-end}.bake-completion-section--rating .star-rating-input-bt:focus,.bake-completion-section--rating .star-rating-input-bt:focus-visible{outline:none;box-shadow:none}.bake-completion-section--temp,.bake-completion-section--rename,.bake-completion-section--comments{cursor:pointer}.bake-completion-section--temp:focus-visible,.bake-completion-section--rename:focus-visible,.bake-completion-section--comments:focus-visible{outline:2px solid rgba(var(--color-content-accent-rgb),.45);outline-offset:2px}.bake-completion-inline-input{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:6px 0 4px;border:none;border-bottom:2px solid transparent;font-family:var(--font-text);font-size:calc(var(--font-size-body) * 1);font-weight:400;text-align:right;color:var(--color-content-primary);background:transparent;transition:border-bottom-color var(--transition-fast)}.bake-completion-inline-input--number{max-width:6rem}.bake-completion-inline-input::placeholder{color:var(--color-content-secondary);opacity:.85}.bake-completion-inline-input:focus,.bake-completion-inline-input:focus-visible{outline:none;border-bottom-color:var(--color-content-accent)}.bake-completion-inline-input--number::-webkit-outer-spin-button,.bake-completion-inline-input--number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bake-completion-inline-input--number[type=number]{-moz-appearance:textfield}.bake-completion-section.history-detail-bake-name:focus-within .bake-completion-inline-input:focus,.bake-completion-section.history-detail-bake-name:focus-within .bake-completion-inline-input:focus-visible{outline:none;border-bottom-color:transparent}.bake-completion-section--congrats{text-align:center}.bake-completion-hero{display:flex;flex-direction:column;align-items:center;gap:calc(var(--padding-medium) * 1.25);width:100%}.bake-completion-hero-thumb{width:112px;height:112px;flex-shrink:0;margin:0}.bake-completion-hero-thumb .history-list-thumb{width:112px;height:112px;margin:0}.bake-completion-hero-thumb .history-list-thumb-emoji{font-size:3.25rem}.bake-completion-congrats{font-family:var(--font-title);font-size:calc(var(--font-size-body) * 1.75);font-weight:300;line-height:1.2;color:var(--color-content-accent);text-align:center;margin:0;width:100%}.bake-completion-section--comments .bake-notes-header-row-title .bake-completion-section-label{margin:0}.bake-completion-section--comments .bake-notes-add-photo.bake-notes-add-photo--header{width:auto;min-height:auto;align-self:center;flex-shrink:0;margin-left:auto}.bake-completion-guest-block{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:0;text-align:left}.bake-completion-guest-hint{font-family:var(--font-text);font-size:calc(var(--font-size-body) * .95);line-height:1.45;color:var(--color-content-secondary);margin:0;text-align:left}.bake-completion-login-bt{display:flex;align-items:center;justify-content:center;width:100%;max-width:280px;min-height:48px;padding:12px 16px;border:none;background-color:var(--color-content-accent);color:var(--color-bg-primary);font-family:var(--font-text);font-weight:700;letter-spacing:normal;text-transform:none;font-size:calc(var(--font-size-body) * .85);cursor:pointer}.bake-completion-login-bt:hover{background-color:var(--color-content-accent-hover)}.history-route-layered{position:relative;min-height:100vh;min-height:100dvh}.history-page-home-underlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.history-route-layered .history-route-list-overlay{background-color:#00000061;padding-top:var(--safe-area-top);padding-bottom:0;padding-left:0;padding-right:0}.history-detail-route-sheet.modal{max-height:min(92vh,720px);display:flex;flex-direction:column}@media (min-width: 768px){.history-detail-route-sheet.modal{max-height:none;height:100%;min-height:0}}.history-page.history-detail-route-panel{min-height:0;height:100%;max-height:inherit;display:flex;flex-direction:column;overflow:hidden}.history-detail-route-panel .history-header{flex-shrink:0}.history-detail-route-panel .history-detail-content{flex:1 1 auto;min-height:0;padding-bottom:calc(var(--padding-medium) * 2)}.history-detail-route-sheet.modal:has(>.modal-save-foot) .history-detail-route-panel{flex:1 1 auto;min-height:0}@media (max-width: 767px){.history-detail-route-sheet.modal:has(>.modal-save-foot) .history-detail-route-panel .history-detail-content{padding-bottom:var(--modal-save-foot-reserve)}}@media (min-width: 768px){.history-detail-route-sheet.modal:has(>.modal-save-foot) .history-detail-route-panel .history-detail-content{padding-bottom:calc(var(--padding-medium) * 2)}}.history-page{min-height:100vh;height:100vh;background:white;font-family:var(--font-text);display:flex;flex-direction:column;overflow:hidden;text-align:left;width:100%;min-width:0;box-sizing:border-box;align-items:stretch}@media (min-width: 768px){.history-page:not(.history-page--modal):not(.history-detail-route-panel){width:90%;max-width:500px;margin:0 auto;border-left:1px solid var(--color-border-secondary);border-right:1px solid var(--color-border-secondary)}}.history-modal{display:flex;flex-direction:column;overflow:hidden;min-height:0;padding:0}.history-modal .history-page{flex:1 1 auto;min-height:0}.history-page.history-page--modal{min-height:0;height:100%;max-height:inherit;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.history-page--modal .history-header{position:static}.history-page--modal .history-content{min-height:0;height:100%;overflow-y:auto}.history-header{position:sticky;top:0;z-index:10;display:flex;flex-direction:row;align-items:stretch;background:white;border-bottom:1px solid var(--color-border-secondary)}.history-header .bt-close{background:transparent;border:none;border-right:1px solid var(--color-border-secondary);min-width:calc(var(--padding-medium) * 4);padding:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-content-primary)}.history-header .bt-close svg{color:var(--color-content-secondary)}.history-title{flex:1;font-family:var(--font-text);font-size:calc(var(--font-size-body) * .8);font-weight:700;letter-spacing:2px;color:var(--color-content-secondary);margin:0;padding:16px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;background:transparent}.history-header .header-options:empty{min-width:calc(var(--padding-medium) * 4);box-sizing:border-box}.history-login-block{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:min(10vw,64px);cursor:pointer;transition:all .3s ease;background-color:#fff}.history-login-block:hover{background-color:rgba(var(--color-content-accent-rgb),.05)}.history-login-block-icon{display:flex;justify-content:center;align-items:center;width:120px;height:120px;min-height:120px;border:1px solid var(--color-content-accent);background-color:rgba(var(--color-content-accent-rgb),.1);margin-bottom:20px}.history-login-block-icon svg{color:var(--color-content-accent)}.history-login-block-title{font-family:var(--font-title);color:var(--color-content-accent);margin:0 0 10px;text-align:center}.history-login-block-message{color:var(--color-content-secondary);max-width:300px;margin:0 auto;font-size:.95rem;line-height:1.4}.history-content{padding:0 16px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.history-login-message{color:var(--color-content-secondary);text-align:center;padding:24px}.history-toggle-section{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 -16px;width:calc(100% + 32px);padding:16px;border-bottom:1px solid var(--color-border-secondary);box-sizing:border-box}.history-toggle-label{font-size:1rem;color:var(--color-content-primary)}.history-toggle-switch{display:flex;gap:0}.history-toggle-switch .button{font-family:var(--font-text);font-weight:700;letter-spacing:2px;text-transform:uppercase;background-color:var(--color-bg-primary);color:var(--color-content-primary);padding:4px 8px;border:none;cursor:pointer}.history-toggle-switch .button.active{background-color:var(--color-content-accent);color:#fff}.history-toggle-switch .button:disabled{opacity:.7;cursor:not-allowed}.history-loading,.history-empty{color:var(--color-content-secondary);text-align:center;padding:24px;margin:0}.history-list{list-style:none;padding:0;margin:0 0 0 -16px;width:calc(100% + 32px);max-width:none}.history-list-item{margin:0;border-bottom:1px solid var(--color-border-secondary)}.history-list-item:last-child{border-bottom:none}.history-list-item-inner{display:flex;flex-direction:row;align-items:center;width:100%;gap:0}.history-list-thumb{flex-shrink:0;width:56px;height:56px;margin:10px 0 10px 12px;border-radius:50%;overflow:hidden;background:transparent}.history-list-thumb--emoji{display:flex;align-items:center;justify-content:center}.history-list-thumb-emoji{font-size:1.75rem;line-height:1}.history-list-thumb--img{display:flex;align-items:center;justify-content:center}.history-list-thumb-frame{width:100%;height:100%;margin:0;border-radius:50%;overflow:hidden}.history-list-thumb-img{width:100%;height:100%;display:block}.history-list-button{flex:1;min-width:0;width:auto;text-align:left;padding:16px 16px 16px 12px;border:none;border-radius:0;background:white;cursor:pointer;display:flex;flex-direction:column;gap:4px;font-family:var(--font-text);color:var(--color-content-primary)}.history-list-button:hover{background:var(--color-bg-secondary)}.history-list-name{font-family:var(--font-title);font-size:var(--font-size-body);font-weight:700;color:var(--color-content-primary)}.history-list-meta{display:flex;flex-direction:column;gap:4px;align-items:flex-start;margin-top:2px}.history-list-rating{font-size:calc(var(--font-size-body) * .95);letter-spacing:.06em;color:var(--color-content-accent);line-height:1.2}.history-list-rating-dim{color:var(--color-content-secondary);opacity:.55}.history-list-photo-pill{font-size:calc(var(--font-size-body) * .75);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-content-secondary)}.history-list-excerpt{font-size:calc(var(--font-size-body) * .88);color:var(--color-content-secondary);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.history-list-excerpt--muted{opacity:.75;font-style:italic}.history-detail-prop-list{display:flex;flex-direction:column;gap:14px;margin-top:12px}.history-detail-prop-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:6px}.history-detail-prop-k{flex-shrink:0;font-family:var(--font-text);font-size:calc(var(--font-size-body) * .8);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-content-secondary);line-height:1.3}.history-detail-prop-k--temp{font-size:calc(var(--font-size-body) * .72);opacity:.92}.history-detail-prop-v{flex:0 1 auto;min-width:0;font-family:var(--font-text);font-size:var(--font-size-body);color:var(--color-content-primary);text-align:left;line-height:1.35}.history-detail-prop-range{display:inline;text-align:left;white-space:nowrap}.history-detail-prop-range-sep{color:var(--color-content-secondary);font-weight:400}.history-detail-prop-v--stars{display:flex;justify-content:flex-start}.history-detail-prop-v--stars .star-rating-input{width:auto;max-width:100%}.history-detail-prop-v--stars .star-rating-input-stars{justify-content:flex-start}.history-detail-prop-v--temp{display:flex;justify-content:flex-start}.history-detail-roomtemp-input{width:3.35rem;max-width:100%;box-sizing:border-box;padding:4px 6px;border:1px solid transparent;border-radius:6px;outline:none;font-family:var(--font-text);font-size:calc(var(--font-size-body) * .88);text-align:right;background:var(--color-bg-secondary);color:var(--color-content-primary)}.history-detail-roomtemp-input:focus{border-color:var(--color-border-primary);outline:2px solid rgba(var(--color-content-accent-rgb),.35);outline-offset:1px}.history-detail-roomtemp-input:disabled{opacity:.65}.history-detail-notes .bake-notes-add-photo,.history-detail-bake-notes-add-photo{border:none;outline:none;box-shadow:none}.history-detail-notes .bake-notes-add-photo:hover:not(:disabled),.history-detail-bake-notes-add-photo:hover:not(:disabled){border:none;outline:none}.history-detail-notes .bake-notes-add-photo:focus,.history-detail-notes .bake-notes-add-photo:focus-visible,.history-detail-bake-notes-add-photo:focus,.history-detail-bake-notes-add-photo:focus-visible{outline:none}.history-detail-step-notes-list{list-style:none;margin:0;padding:0}.history-detail-step-notes-item{padding:12px 0;border-bottom:1px solid var(--color-border-secondary)}.history-detail-step-notes-item:last-child{border-bottom:none}.history-detail-step-notes-title{font-weight:700;font-size:calc(var(--font-size-body) * .95);margin-bottom:6px}.history-detail-step-notes-text{margin:0;font-size:var(--font-size-body);line-height:1.45;white-space:pre-wrap}.history-detail-step-notes-thumbs{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:8px}.history-detail-step-notes-thumb{width:56px;height:56px;object-fit:cover;border:1px solid var(--color-border-secondary);display:block}.history-list-date{font-family:var(--font-text);font-size:calc(var(--font-size-body) * .9);color:var(--color-content-secondary);display:flex;flex-wrap:wrap;align-items:baseline;gap:0}.history-list-date-sep{flex-shrink:0;color:var(--color-content-secondary);opacity:.7;margin:0 .4em}.history-delete-all-wrap{padding:24px 16px 32px;display:flex;justify-content:center}.history-delete-all-button{font-family:var(--font-text);font-size:calc(var(--font-size-body) * .9);font-weight:600;color:var(--color-content-secondary, #666);background:transparent;border:1px solid var(--color-border-secondary);border-radius:6px;padding:12px 20px;cursor:pointer;width:100%;max-width:320px}.history-delete-all-button:hover:not(:disabled){color:var(--color-content-primary);background:var(--color-bg-secondary)}.history-delete-all-button:disabled{opacity:.6;cursor:not-allowed}.history-detail-content{padding:0 0 calc(var(--padding-medium) * 7);text-align:left;max-width:100%;flex:1;min-height:0;min-width:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;-webkit-overflow-scrolling:touch}.history-detail-content>section{margin:0;width:100%;max-width:100%;padding:32px;border-top:1px dashed var(--color-border-secondary);box-sizing:border-box;min-width:0;align-self:stretch}.history-detail-content>section:first-child{border-top:none}.history-detail-date{font-family:var(--font-text);font-size:calc(var(--font-size-body) * .95);color:var(--color-content-secondary);margin:0}.history-detail-section-title{font-family:var(--font-title);font-size:calc(var(--font-size-body) * 1.1);color:var(--color-content-primary);margin:0 0 12px}.history-detail-bake-name{transition:background-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:inset 0 -2px 0 0 transparent}.history-detail-bake-name:focus-within{background-color:var(--color-bg-primary);box-shadow:inset 0 -2px 0 0 var(--color-content-accent)}.history-detail-bake-name:focus-within .history-bake-title-input:focus,.history-detail-bake-name:focus-within .history-bake-title-input:focus-visible{outline:none;border-bottom-color:transparent;background-color:transparent}.history-bake-title-field{border:none;padding:0;background:transparent}.history-bake-title-input{width:100%;max-width:100%;box-sizing:border-box;padding:0;border:none;border-bottom:2px solid transparent;font-family:var(--font-title);font-size:calc(var(--font-size-body) * 1.8);font-weight:400;color:var(--color-content-primary);background:transparent;transition:background-color var(--transition-fast),border-bottom-color var(--transition-fast)}.history-bake-title-input:focus,.history-bake-title-input:focus-visible{outline:none;border-bottom-color:var(--color-content-accent)}.history-notes-textarea{width:100%;max-width:100%;min-height:100px;padding:0;border:none;border-bottom:2px solid transparent;border-radius:0;font-family:var(--font-text);font-size:1rem;color:var(--color-content-primary);background:transparent;box-sizing:border-box;transition:background-color var(--transition-fast),border-bottom-color var(--transition-fast)}.history-notes-textarea:focus,.history-notes-textarea:focus-visible{outline:none;border-bottom-color:var(--color-content-accent)}.history-detail-timeline .timeline,.history-detail-timeline .timeline.timeline--empty-partial{padding:16px 0 20px}.history-detail-notes{width:100%;max-width:100%;min-width:0;box-sizing:border-box;align-self:stretch;transition:background-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:inset 0 -2px 0 0 transparent}.history-detail-notes:focus-within{background-color:var(--color-bg-primary);box-shadow:inset 0 -2px 0 0 var(--color-content-accent)}.history-detail-notes:focus-within .history-notes-textarea:focus,.history-detail-notes:focus-within .history-notes-textarea:focus-visible{outline:none;border-bottom-color:transparent;background-color:transparent}.history-detail-notes .bake-notes-editor{width:100%;max-width:100%;min-width:0;align-self:stretch;display:flex;flex-direction:column;align-items:stretch}.history-detail-notes .bake-notes-header-row{width:100%;max-width:none;min-width:0;box-sizing:border-box}.history-detail-notes .bake-notes-add-photo.bake-notes-add-photo--header{margin-left:auto}.history-detail-notes .bake-notes-textarea.history-notes-textarea{flex:0 0 auto;width:100%;max-width:100%;min-width:0;display:block;resize:vertical;box-sizing:border-box}.history-save-all-wrap{position:fixed;bottom:0;left:0;right:0;z-index:20;background:linear-gradient(to top,#fff 70%,rgba(255,255,255,.85) 100%);padding:0;margin-top:0}.history-save-all-button{width:100%;min-height:calc(var(--padding-medium) * 4);border-radius:0;justify-content:center}.history-delete-bake-button{font-family:var(--font-text);font-size:calc(var(--font-size-body) * .9);font-weight:600;letter-spacing:normal;text-transform:none;padding:0;border:none;background:transparent;color:#c62828;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.history-delete-bake-button:hover:not(:disabled){color:#a32020}.history-delete-bake-button:disabled{opacity:.6;cursor:not-allowed}.history-bake-detail-modal-overlay.modal-overlay{z-index:10050}.history-bake-detail-modal.modal{display:flex;flex-direction:column;min-height:0}@media (max-width: 767px){.history-bake-detail-modal-overlay .history-bake-detail-modal.modal{display:grid;grid-template-columns:100%;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;width:100%;min-height:0;max-height:calc(100vh - var(--safe-area-top) - max(env(safe-area-inset-bottom,0px),20px))}@supports (height: 100svh){.history-bake-detail-modal-overlay .history-bake-detail-modal.modal{max-height:calc(100svh - var(--safe-area-top) - max(env(safe-area-inset-bottom,0px),20px))}}@supports (height: 100dvh){.history-bake-detail-modal-overlay .history-bake-detail-modal.modal{max-height:calc(100dvh - var(--safe-area-top) - max(env(safe-area-inset-bottom,0px),20px))}}.history-bake-detail-modal-overlay .history-bake-detail-modal .history-bake-detail-modal-body.modal-content{flex:unset;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.history-bake-detail-modal-overlay .history-bake-detail-modal>.modal-save-foot{flex-shrink:0}.history-bake-detail-modal.modal-w-bt:has(>.modal-save-foot) .history-bake-detail-modal-body.modal-content{padding-bottom:calc(var(--modal-save-foot-reserve) + (var(--padding-medium) * 4))}}@media (min-width: 768px){.history-bake-detail-modal.modal{max-height:min(92vh,720px,calc(100vh - var(--safe-area-top)));height:100%;min-height:0}@supports (height: 100dvh){.history-bake-detail-modal.modal{max-height:min(92dvh,720px,calc(100dvh - var(--safe-area-top)))}}}.history-bake-detail-modal .history-bake-detail-modal-body.modal-content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-left:0;padding-right:0;padding-top:0;padding-bottom:calc(var(--padding-medium) * 2);-webkit-overflow-scrolling:touch}.history-bake-detail-modal-body .history-detail-content{padding-bottom:calc(var(--padding-medium) * 2)}.history-bake-detail-modal-state{margin:0;padding:24px 16px;text-align:center;color:var(--color-content-secondary);font-family:var(--font-text)}.history-bake-detail-modal-header.modal-header{align-items:stretch}.history-bake-detail-modal-header .modal-title.subtitle{flex:1;min-width:0;width:auto}.history-bake-detail-modal-header .header-options:empty{min-width:calc(var(--padding-medium) * 4);box-sizing:border-box}main.home-page{display:grid;height:100%;min-height:0;grid-template-columns:10vw 40vw 40vw 10vw;grid-template-rows:60vh auto max(10vw,48px) max(20vw,80px);grid-template-areas:"slider slider slider slider" "time time quantity logo" "time time settings settings" "start start start start"}@supports (height: 100dvh){.history-page-home-underlay main.home-page{grid-template-rows:60dvh auto max(10vw,48px) max(20vw,80px)}}.home-page{height:100%}.home-slider-column{grid-area:slider;display:flex;flex-direction:column;min-height:0;overflow:hidden}.home-mosaic-slot{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.home-slider-column:not(:has(.home-ongoing-banner-host)) .home-mosaic-slot:has(.recipe-mosaic-container--strip){overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.home-slider-column:has(.home-ongoing-banner-host) .home-mosaic-slot:has(.recipe-mosaic-container--strip){overflow-x:hidden;overflow-y:hidden}.home-slider-column:has(.home-ongoing-banner-host) .recipe-mosaic-container--strip{overflow-y:hidden}.home-ongoing-banner-host{flex-shrink:0;border-bottom:1px solid var(--color-border-secondary)}.date-selector{border-right:1px solid var(--color-border-secondary)}@media (min-width: 900px){main.home-page{display:grid;height:100vh;grid-template-columns:auto max(20vw,320px) min(20vw,80px);grid-template-rows:auto 3fr 1fr min(20vw,80px) min(20vw,80px);grid-template-areas:"slider ongoing ongoing" "slider time time" "slider quantity logo" "slider settings settings" "slider start start"}.home-slider-column{display:contents}.home-ongoing-banner-host{grid-area:ongoing;border-right:none;min-width:0}.home-mosaic-slot{grid-area:slider;overflow:hidden}.home-slider-column .recipe-mosaic-container{border-right:1px solid var(--color-border-secondary);border-bottom:1px solid var(--color-border-secondary)}.date-selector{border-bottom:1px solid var(--color-border-secondary);border-right:none}}.is-homescreen-app .App main .bt_start,.is-ios-app .App main .bt_start,.is-homescreen-app .App main .home-start-row,.is-ios-app .App main .home-start-row{padding-bottom:1em}.home-slider-column .recipe-mosaic-container{border-bottom:1px solid var(--color-border-secondary)}.home-ongoing-preview{grid-area:slider;display:flex;flex-direction:column;gap:0;padding:0;text-align:left}.home-ongoing-slider-like{height:100%;min-height:0}.home-ongoing-banner{margin:0;padding:16px min(10vw,64px) 12px;border-bottom:1px solid var(--color-border-secondary);font-family:var(--font-text);font-size:calc(var(--font-size-body) * .9);font-weight:700;letter-spacing:.06em;text-transform:none;color:var(--color-content-secondary)}.home-ongoing-receipe-inner{padding:min(10vw,64px);display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow-y:auto}.home-ongoing-receipe-header{display:flex;flex-direction:row;justify-content:flex-start}.home-ongoing-receipe-image:has(.home-ongoing-cover-frame),.home-ongoing-receipe-image:has(.recipe-cover-emoji--home){padding:var(--recipe-cover-outer-padding);box-sizing:border-box}.home-ongoing-receipe-image .home-ongoing-cover-frame{display:block;max-width:min(75vw,260px);margin-left:-8px}.home-ongoing-receipe-image>img.recipe-cover-illustration{display:block;width:auto;max-width:min(75vw,260px);max-height:min(26vh,150px);height:auto;object-fit:contain;margin-left:-8px}.home-ongoing-receipe-content{display:flex;flex-direction:column;gap:8px;text-align:left}.home-ongoing-recipe-name{font-family:var(--font-title);font-size:calc(var(--font-size-body) * 2);font-weight:400;color:var(--color-content-accent);margin:0;line-height:1.2}.home-ongoing-step-area{display:flex;flex-direction:column;gap:6px;margin-top:4px}.home-ongoing-step-badge{font-family:var(--font-text);font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--color-content-secondary);white-space:nowrap}.home-ongoing-prominent{font-family:var(--font-title);font-size:clamp(1.35rem,4vw,1.75rem);font-weight:700;color:var(--color-content-primary);line-height:1.15;margin-top:2px}.home-ongoing-step-title{font-family:var(--font-title);font-size:clamp(1.05rem,3vw,1.25rem);font-weight:700;color:var(--color-content-accent);line-height:1.25;margin-top:2px}.home-ongoing-step-desc{font-family:var(--font-text);font-size:calc(var(--font-size-body) * .92);line-height:1.45;color:var(--color-content-primary);opacity:.92;margin:4px 0 0}.home-start-row{grid-area:start;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--color-border-secondary)}.home-bt-end-bake,.home-bt-resume{display:flex;align-items:center;justify-content:center;border:none;border-radius:0;background:transparent;color:var(--color-content-accent);text-decoration:none;text-transform:uppercase;font-family:var(--font-text);font-size:calc(var(--font-size-body) * 1.05);font-weight:700;letter-spacing:.06em;padding:14px 6px;cursor:pointer;box-sizing:border-box;line-height:1.2}.home-bt-end-bake{border-right:1px solid var(--color-border-secondary);color:var(--color-content-secondary)}.home-bt-end-bake:hover{color:var(--color-content-primary);background:var(--color-bg-secondary)}.home-bt-resume:hover{color:var(--color-content-accent-hover);background:var(--color-bg-secondary)}.quantity-selector{grid-area:quantity;display:flex;gap:8px;justify-content:space-around;align-items:center;padding:24px}.quantity-selector span{font-size:40px;max-width:32px;color:var(--color-content-accent)}@media (min-width:900px){.quantity-selector span{font-size:64px}}.quantity-selector button{font-size:32px;width:100%;height:100%;font-weight:600;font-family:var(--font-title);border:none;background-color:transparent;cursor:pointer;color:var(--color-content-secondary);padding-inline-start:0;padding-inline-end:0}.quantity-selector button:disabled{opacity:.5;cursor:not-allowed}.bt_about{grid-area:logo;border-left:1px solid var(--color-border-secondary);overflow:hidden;padding:16px;text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer}.logo{transform:rotate(-90deg)}.logo img{height:24px;width:auto}.bt_settings{display:flex;flex-direction:row;justify-content:center;gap:16px;align-items:center;padding:8px 16px;grid-area:settings;color:var(--color-content-secondary);border-top:1px solid var(--color-border-secondary);cursor:pointer;text-transform:uppercase;font-family:var(--font-text);font-weight:700;letter-spacing:.2em;font-size:calc(var(--font-size-body) * .8)}.bt_settings .MuiSvgIcon-root{color:var(--color-content-secondary)}button{border:none}.bt_timeline{grid-area:timeline;display:flex;align-items:center;justify-content:center;background-color:var(--color-content-primary);color:var(--color-bg-primary);text-decoration:none}.bt_start{grid-area:start;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--color-border-secondary);color:var(--color-content-accent);text-decoration:none;text-transform:uppercase;font-size:calc(var(--font-size-body) * 1.5);cursor:pointer;min-height:100%;box-sizing:border-box}.is-ios-app .home-page{padding-bottom:max(env(safe-area-inset-bottom,0px),24px);box-sizing:border-box}.timeline-page{height:100%;display:grid;grid-template-columns:80px 1fr;grid-template-rows:1fr;grid-template-areas:"tl_container tl_container"}.timeline-container{overflow-y:auto;grid-area:tl_container}.time-selector{flex:1;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-top:1px solid var(--color-border-secondary);grid-area:time_selector}.time-selector .duration{bottom:120px;left:calc(50vw - 40px);width:80px;height:80px;max-width:80px;max-height:80px;padding:24px;border-radius:50%;border:1px solid var(--color-border-primary);background-color:var(--color-bg-primary);display:flex;justify-content:center;align-items:center}.time-input{display:flex;flex-direction:column;align-items:center}.time-input .subtitle{font-size:calc(var(--font-size-body) * .6);margin-bottom:5px}.time-input button{background:none;border:none;font-size:1rem;font-family:var(--font-title);color:var(--color-content-primary);cursor:pointer}.duration{font-size:1rem;color:var(--color-content-primary)}.timeline-page .bt_start{flex:1;background-color:var(--color-bg-action-primary);color:#fff;border:none;font-size:1.2rem;cursor:pointer;grid-area:bt_start}.modal-content.modal-content-notification .timeline{padding:32px 20px 32px 12px}.bt-back{background-color:var(--color-bg-action-secondary);color:#fff;grid-area:bt_back}.slick-slider,.slick-list{height:100%!important}.recipe-card{transition:all .3s ease;height:100%;display:flex;flex-direction:row;justify-content:flex-start}.receipe-container{padding:min(10vw,64px);width:100%;height:100%;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;transition:all .3s ease;opacity:1}.slick-slide.slick-current .receipe-container{transition:all .3s ease;transform:translateY(0);opacity:1}.slick-slide h2{margin-top:0}.recipe-card .receipe-image:has(.receipe-cover-frame),.recipe-card .receipe-image:has(.recipe-cover-emoji--slider){padding:var(--recipe-cover-outer-padding);box-sizing:border-box}.recipe-card .receipe-cover-frame{width:100%;max-width:min(50vw,280px);margin-left:-8px}.recipe-card .receipe-image>img.recipe-cover-illustration{width:auto;max-height:120px;max-width:50vw;height:auto;object-fit:contain;margin-left:-8px}.slick-track{height:100%}.slick-slide{transition:all .3s ease;height:100%!important;width:100vw}.slick-slide>div{height:100%}.receipe-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.receipe-content>.recipe-type,.receipe-content>h2,.receipe-content>.recipe-card-description,.receipe-content>.recipe-card-source-wrap{flex-shrink:0}.recipe-card-description{margin:.35em 0 .25em;font-family:var(--font-text);font-size:var(--font-size-body);font-weight:400;line-height:1.4;color:var(--color-content-secondary);text-align:left;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.recipe-card-source-wrap{margin:0 0 .35em;text-align:left}.recipe-card-source-link{font-family:var(--font-text);font-size:var(--font-size-body);color:var(--color-content-accent);text-decoration:underline;text-underline-offset:2px;word-break:break-all}.recipe-card-source-link:hover,.recipe-card-source-link:focus-visible{opacity:.9}.receipe-ingredients-block{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.receipe-ingredients-measure-wrap{position:absolute;left:0;right:0;top:0;width:100%;opacity:0;pointer-events:none;z-index:-1}.receipe-ingredients-measure{position:static;margin:0;padding:0;list-style:none}.receipe-ingredients-visible-wrap{flex-shrink:0;margin-block-start:.5em}.receipe-ingredients-visible{margin-block-start:0}.ingredients-list-grid{display:grid;grid-template-columns:minmax(var(--ingredients-q-col, 0px),auto) 1fr;column-gap:8px;align-items:start;width:100%;box-sizing:border-box}.ingredients-list-grid>ul{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;list-style:none;margin:0;padding:0}.ingredients-list-grid>ul>li.ingredient-item{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;grid-template-areas:none}.ingredients-list-grid .ingredient-quantity{grid-area:auto}.ingredients-list-grid .ingredient-name{grid-area:auto;margin-left:0}.receipe-ingredients-more-row{grid-column:1 / -1;display:block;margin-top:4px;box-sizing:border-box}.receipe-ingredients-more{display:block;width:fit-content;max-width:100%;white-space:nowrap;margin:0;padding:4px 0;border:none;background:none;font-family:inherit;font-size:calc(var(--font-size-body, 1rem) * .95);text-align:left;cursor:pointer;color:var(--color-content-secondary);text-decoration:underline;text-decoration-color:var(--color-content-tertiary);text-underline-offset:2px}.receipe-ingredients-more:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:2px}.receipe-content h2{text-align:left}.slick-slide.slick-current{transition:all .3s ease;background-color:transparent}.slick-slide h2{transition:all .3s ease;margin-block-end:0;color:var(--color-content-accent)}.slick-slide.slick-current h2{transition:all .3s ease}.slide-container{transition:all .3s ease;width:100%;height:100%}.slick-current .slide-container{transition:all .3s ease}.recipe-card ul{list-style-type:none;padding-left:0;margin-block-start:.5em}.recipe-card li{margin-bottom:5px}.receipe-sidebar{display:flex;align-items:flex-end;width:10vw;height:100%;flex-direction:column;border-right:1px dashed var(--color-border-secondary)}.receipe-header{display:flex;flex-direction:row;justify-content:space-between}.receipe-edit-bt{margin-right:-20px;margin-top:24px;background-color:var(--color-bg-primary);width:40px;height:auto;display:flex;justify-content:center;align-items:center;cursor:pointer}.receipe-edit-bt a{padding:8px}.receipe-duration{border-radius:50%;border:1px solid var(--color-border-secondary);width:80px;height:80px;min-width:80px;min-height:80px;display:flex;justify-content:center;align-items:center}.receipe-edit-bt svg{color:var(--color-content-secondary)}.receipe-sidebar .receipe-num{padding:8px;justify-content:center;align-items:center;height:auto;width:32px;background-color:var(--color-bg-primary);margin-right:-16px;margin-top:24px;width:auto;text-transform:capitalize;display:flex;flex-direction:column}.current-recette-num{margin-top:4px;color:var(--color-content-accent)}.recipe-slider-container{border-right:1px solid var(--color-border-secondary);display:grid;grid-template-columns:10vw 1fr;grid-template-rows:1fr;grid-template-areas:"actions main"}.recipe-slider-container.no-actions{grid-template-areas:"main";grid-template-columns:1fr}.slider-actions-fixed,.slider-main{height:60Vh}.ingredient-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto;grid-template-areas:"ingredient_qt ingredient_name";align-items:start;color:var(--color-content-secondary)}ul.ingredients{margin-block-start:0;padding-inline-start:0}.ingredient-quantity{grid-area:ingredient_qt;display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap}.ingredient-quantity span{white-space:nowrap;margin-right:8px}.ingredient-line{flex:1 1 0;min-width:0;height:1px;border-bottom:1px dashed var(--color-border-secondary)}.ingredient-name{grid-area:ingredient_name;margin-left:8px;text-align:left}.login-card{cursor:pointer;transition:all .3s ease}.login-card:hover{background-color:rgba(var(--color-content-accent-rgb),.05)}.login-card .receipe-sidebar,.new-recipe-card .receipe-sidebar{display:none}.new-recipe-card:hover{background-color:rgba(var(--color-content-accent-rgb),.05)}.login-card .receipe-container,.new-recipe-card .receipe-container{justify-content:center}.login-card .login-card-content,.new-recipe-card .new-recipe-content{height:auto}.login-card-content,.new-recipe-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:calc(var(--padding-medium)*1);text-align:center}.new-recipe-content{padding-right:calc(10vw + var(--padding-medium))}.login-card-icon,.new-recipe-icon{display:flex;justify-content:center;align-items:center;width:120px;height:120px;min-height:120px;border-radius:50%;border:1px solid var(--color-content-accent);background-color:rgba(var(--color-content-accent-rgb),.1);margin-bottom:20px}.login-card-icon svg,.new-recipe-icon svg{color:var(--color-content-accent)}.login-card h2,.new-recipe-content h2{color:var(--color-content-accent);margin-bottom:10px;text-align:center}.login-card p,.new-recipe-content p{color:var(--color-content-secondary);max-width:300px;margin:0 auto 24px}.slick-dots{bottom:0;height:80px;padding-top:30px}.slick-dots li{margin:0 6px}.slick-dots li button:before{opacity:.5;color:var(--color-content-secondary);transition:all .3s}.slick-dots li.slick-active button:before{opacity:1;color:var(--color-content-accent);transition:all .3s;font-size:10px}.new-recipe-dot button{position:relative}.recipe-type{text-align:left}.receipe-actions{display:flex;flex-direction:column;width:100%;grid-area:actions}.receipe-actions button{background-color:var(--color-bg-primary);width:100%;height:100%;display:flex;gap:8px;align-content:center;font-size:calc(var(--font-size-body) * .6);padding:0;align-items:center;justify-content:center;transform:rotate(-180deg);writing-mode:vertical-lr;cursor:pointer}.receipe-actions .bt-delete,.receipe-actions .bt-edit{border-bottom:1px solid var(--color-border-secondary)}.receipe-actions .bt-new{border-bottom:1px solid var(--color-border-secondary);min-height:10vw;max-height:10vw;font-size:1.25rem;line-height:2rem}.receipe-actions button svg{color:var(--color-content-secondary);align-self:center;font-size:1.12rem;display:none}@media (min-width: 768px){.slick-slide h2{font-size:calc(var(--font-size-body) * 3);font-weight:500}}.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary, #666);font-size:1.1rem;min-height:200px}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-color, #007bff);border-radius:50%;animation:spin 1s linear infinite;margin-top:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.invalid-recipe-card,.error-recipe-card{display:flex;align-items:center;justify-content:center;min-height:200px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;margin:1rem;color:#6c757d;font-style:italic}.recipe-slider-container .slick-dots{bottom:20px}.recipe-slider-container .slick-dots li{margin:0 5px}.recipe-slider-container{position:relative}.recipe-slider-container .slick-dots{display:none!important}.recipe-slider-container .instagram-dots-container{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:10}@media (max-width: 768px){.recipe-slider-container .instagram-dots-container{bottom:10px;padding:8px 12px;border-radius:16px}}.recipe-slider-container .instagram-dots-container{animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(0)}to{opacity:1;transform:translate(-50%) translateY(0)}}.recipe-slider-container.single-slide .instagram-dots-container{display:none}.recipe-slider-container.user-logged .instagram-dots-container{bottom:15px}.recipe-slider-container:hover .instagram-dots-container{opacity:1;transform:translate(-50%) translateY(0);transition:all .3s ease}.recipe-slider-container .instagram-dots-container{opacity:.8;transition:all .3s ease}@media (min-width: 900px){.recipe-slider-container .instagram-dots-container{bottom:30px;padding:14px 20px}.recipe-slider-container.user-logged .instagram-dots-container{bottom:40px}}.recipe-slider-container .slick-slider{transition:all .3s ease}.recipe-slider-container.loading .instagram-dots-container{opacity:.5;pointer-events:none}.recipe-slider-container.loading .instagram-dots-container .instagram-dot button{animation:pulse 1.5s ease-in-out infinite}.slider-actions-fixed{align-self:start;z-index:10;display:flex;justify-content:flex-start;background:rgba(255,255,255,.9);width:100%;border-right:1px solid var(--color-border-secondary)}.recipe-slider-flex-container{display:flex;flex-direction:row;width:100vw;align-items:flex-start}.slider-main{grid-area:main;width:100%;min-width:0;overflow:hidden;display:flex;flex-direction:column}.slick-slider{width:100%}@media (min-width:900px){.recipe-slider-container{grid-template-columns:min(20vw,80px) 1fr}.receipe-actions .bt-new{min-height:min(20vw,80px);max-height:min(20vw,80px)}.slick-slide,.slick-slider,.slick-list{height:100vh!important}.slider-actions-fixed,.slider-main{height:100Vh}.slick-track{height:auto!important;border-right:1px solid var(--color-border-secondary)}.slick-slide{width:auto}.recipe-card .receipe-cover-frame{max-width:min(100%,360px)}.recipe-card .receipe-image>img.recipe-cover-illustration{max-height:240px;max-width:100%}.receipe-sidebar{width:6vw}.receipe-sidebar .receipe-num{margin-left:calc(6vw - 16px)}}.modal-overlay.recipe-details-modal-overlay{z-index:calc(var(--z-index-modal) + 25)}.modal.modal-recipe-details{display:grid;grid-template-columns:1fr;grid-template-rows:calc(var(--padding-medium) * 4) minmax(0,1fr) auto;grid-template-areas:"recipe-details-header" "recipe-details-scroll" "recipe-details-footer";height:100%;max-height:100%;overflow:hidden}.modal.modal-recipe-details:has(>.recipe-details-footer.modal-save-foot){position:relative;padding-bottom:0;grid-template-rows:calc(var(--padding-medium) * 4) minmax(0,1fr);grid-template-areas:"recipe-details-header" "recipe-details-scroll"}.modal.modal-recipe-details:has(>.recipe-details-footer.modal-save-foot) .recipe-details-footer{grid-area:auto}.modal.modal-recipe-details:has(>.recipe-details-footer.modal-save-foot) .recipe-details-scroll{padding-bottom:var(--modal-save-foot-reserve)!important}.modal-recipe-details .modal-header{grid-area:recipe-details-header}.modal-recipe-details .recipe-details-footer{grid-area:recipe-details-footer}.modal-recipe-details .recipe-details-scroll{grid-area:recipe-details-scroll;max-height:none;height:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:0!important;min-height:0}@media (max-width: 767px){.modal.modal-recipe-details{height:var(--modal-mobile-max-height);max-height:var(--modal-mobile-max-height)}}.recipe-details-hero{padding:0 var(--padding-medium, 16px);box-sizing:border-box}.recipe-details-hero-card{cursor:default;width:100%;max-width:100%;margin:0 auto}.modal-recipe-details .recipe-details-hero-card.mosaic-card,.modal-recipe-details .recipe-details-hero-card.recipe-strip-card{background:transparent!important;border:none!important;box-shadow:none!important}.recipe-details-hero-card .recipe-strip-card-inner{pointer-events:none;background:transparent}.modal-recipe-details .recipe-details-hero-card{--recipe-strip-cover-zone-height: 156px;--recipe-strip-upload-circle-size: 120px}.modal-recipe-details .recipe-details-hero-card .mosaic-card-image.recipe-strip-card-image{width:100%!important;max-width:240px;align-self:flex-start;margin-left:0;margin-right:auto;padding:var(--padding-medium, 16px) 0 0 24px;box-sizing:border-box}.modal-recipe-details .recipe-details-hero-card .mosaic-card-image.recipe-strip-card-image .recipe-cover-frame{margin:0}.recipe-details-hero-meta-line{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;width:100%;box-sizing:border-box;gap:8px 12px;margin:6px 0 0;padding:0;font-size:calc(var(--font-size-body) * .85)!important;letter-spacing:.06em;color:var(--color-content-secondary);text-align:left}.recipe-details-hero-cat{text-transform:uppercase;flex:0 1 auto;min-width:0}.recipe-details-hero-time-block{display:inline-flex;flex-direction:row;align-items:center;gap:4px;flex:0 0 auto;text-transform:uppercase}.recipe-details-hero-time-icon{flex-shrink:0;color:var(--color-content-secondary);font-size:1.125rem!important;width:1.125rem!important;height:1.125rem!important}.recipe-details-hero-time-text{line-height:1.2}.recipe-details-hero-author-line{width:100%;box-sizing:border-box;padding:0 24px;margin:12px 0 0;font-size:calc(var(--font-size-body) * .85)!important;letter-spacing:.06em;color:var(--color-content-secondary);text-align:left;text-transform:none}.modal-recipe-details .recipe-details-source-below-desc,.modal-recipe-details .recipe-details-source-below-desc a{pointer-events:auto}.recipe-details-hero-ingredients{overflow:visible!important;max-height:none!important}.modal-recipe-details .recipe-details-hero-card .recipe-strip-card-image{align-items:flex-start;justify-content:flex-start}.recipe-details-after-hero{padding:0 var(--padding-medium, 16px)}.recipe-details-steps-section{padding:0;border-top:1px dashed var(--color-border-secondary);margin-top:8px}.recipe-details-ongoing-steps{display:flex;flex-direction:column;align-items:stretch;gap:48px;padding:8px var(--padding-medium, 16px) 0;width:100%;box-sizing:border-box}.modal-recipe-details .recipe-details-ongoing-steps .step{width:100%;max-width:none}.modal-recipe-details .recipe-details-ongoing-steps .step:last-child{margin-bottom:0}.modal-recipe-details .recipe-details-step-readonly{scroll-margin-top:0}.modal-recipe-details .recipe-details-step-readonly .ingredients-list-grid+.step-description,.modal-recipe-details .recipe-details-step-readonly .ingredients-list-grid+.step-desc-with-illustration{margin-top:16px}.modal-recipe-details .recipe-strip-card-description{display:block;-webkit-line-clamp:unset;-webkit-box-orient:horizontal;overflow:visible;white-space:pre-wrap}.modal-recipe-details .step-description,.modal-recipe-details .recipe-details-text{white-space:pre-wrap}.modal-recipe-details .recipe-details-step-readonly.step-rest .step-header{flex-direction:column;align-items:flex-start;gap:8px}.recipe-details-steps-empty{padding:0 var(--padding-medium, 16px)}.recipe-details-text{margin:0;font-family:var(--font-text);font-size:var(--font-size-body);line-height:1.45;color:var(--color-content-primary);text-align:left}.recipe-details-name{font-family:var(--font-title);font-size:calc(var(--font-size-body) * 1.85);font-weight:400}.recipe-details-prose{white-space:pre-wrap;word-break:break-word}.recipe-details-source-below-desc{margin:8px 0 0;padding:0;font-family:var(--font-text);font-size:var(--font-size-body);line-height:1.35;text-align:left;width:100%}.recipe-details-source-link{color:var(--color-content-accent);text-decoration:underline;text-underline-offset:2px;word-break:break-all}.recipe-details-derived-from{margin:0 0 12px;padding:0 var(--padding-medium);font-family:var(--font-text);font-size:calc(var(--font-size-body) * .95);color:var(--color-content-secondary);line-height:1.4}.recipe-details-derived-from-link{color:var(--color-content-accent);text-decoration:underline;text-underline-offset:2px}.recipe-details-derived-from-link:hover{color:var(--color-content-accent-hover)}.recipe-details-list{display:flex;flex-direction:column;gap:8px}.recipe-details-ingredient-row{display:flex;flex-direction:row;align-items:baseline;gap:10px;border-bottom:1px dashed var(--color-border-secondary);padding-bottom:8px}.recipe-details-ingredient-q{flex:0 0 auto;min-width:4rem;font-family:var(--font-text);font-size:var(--font-size-body);color:var(--color-content-secondary)}.recipe-details-ingredient-name{flex:1 1 auto;font-family:var(--font-text);font-size:var(--font-size-body);color:var(--color-content-primary)}.recipe-details-step-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.recipe-details-step-title{font-family:var(--font-title);font-size:calc(var(--font-size-body) * 1.15);font-weight:500;text-align:left;flex:1 1 auto}.recipe-details-step-badge{flex-shrink:0;text-transform:uppercase;letter-spacing:.06em}.recipe-details-step-time{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-family:var(--font-text);font-size:calc(var(--font-size-body) * .95);color:var(--color-content-secondary)}.recipe-details-step-desc-row{display:flex;flex-direction:row;align-items:flex-start;gap:12px;margin-top:10px;width:100%;box-sizing:border-box;min-width:0}.recipe-details-step-desc-row .recipe-details-step-desc-text{flex:1;min-width:0;margin-top:0}.recipe-details-step-illustration{flex:0 0 auto;margin:0;border-radius:var(--border-radius-medium);overflow:hidden;max-width:min(120px,28vw);background:var(--color-bg-secondary)}.recipe-details-step-ill-img{display:block;width:100%;height:auto;max-height:140px;object-fit:contain}.recipe-details-step-desc{margin-top:8px}.recipe-details-muted{margin:0;color:var(--color-content-tertiary);font-size:calc(var(--font-size-body) * .9)}.recipe-details-footer{position:relative;width:100%;padding:0;display:flex;justify-content:stretch;align-items:stretch;gap:0;flex-shrink:0;background:transparent;border:none;box-shadow:none}.modal.modal-recipe-details>.recipe-details-footer.modal-save-foot{background:transparent!important;border:none!important;box-shadow:none}.recipe-details-footer--single .recipe-details-cta-primary{width:100%}.recipe-details-foot-actions{display:flex;flex-direction:row;align-items:stretch;gap:var(--padding-medium);width:100%;box-sizing:border-box}.recipe-details-cta-primary{flex:1 1 auto;min-width:0;font-family:var(--font-text);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:calc(var(--font-size-body) * .9);cursor:pointer}.recipe-details-cta-primary:hover{background-color:var(--color-content-accent-hover)}.recipe-details-edit-round{flex:0 0 auto;width:calc(var(--padding-medium) * 3.25);height:calc(var(--padding-medium) * 3.25);min-width:calc(var(--padding-medium) * 3.25);align-self:center;padding:0;margin:0;box-sizing:border-box;border-radius:50%;border:2px solid var(--color-content-accent);background:var(--color-bg-secondary);color:var(--color-content-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.recipe-details-edit-round:hover{background:var(--color-content-accent);color:var(--color-bg-primary);border-color:var(--color-content-accent)}.recipe-details-bake-history{padding:8px var(--padding-medium, 16px) 24px;border-top:1px dashed var(--color-border-secondary);margin-top:8px;box-sizing:border-box}.recipe-details-bake-history-title{margin-bottom:10px;text-align:left;justify-content:flex-start}.recipe-details-bake-history-muted{color:var(--color-content-secondary);font-size:calc(var(--font-size-body) * .92)}.recipe-details-bake-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.recipe-details-bake-history-item{margin:0;padding:0;border-bottom:1px solid var(--color-border-secondary)}.recipe-details-bake-history-item:last-child{border-bottom:none}.recipe-details-bake-history-row{width:100%;display:flex;align-items:center;justify-content:flex-start;padding:12px 4px;margin:0;border:none;background:transparent;cursor:pointer;text-align:left;font-family:var(--font-text);font-size:var(--font-size-body);color:var(--color-content-primary);box-sizing:border-box}.recipe-details-bake-history-row:hover,.recipe-details-bake-history-row:focus-visible{color:var(--color-content-accent);outline:none}.recipe-details-bake-history-date{line-height:1.35}.modal-recipe-details-header .recipe-details-header-options{position:relative;flex-shrink:0;display:flex;align-items:stretch;border-left:1px solid var(--color-border-secondary)}.modal-recipe-details-header .recipe-details-header-menu-trigger{flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;min-width:calc(var(--padding-medium) * 4);padding:16px;background:transparent;cursor:pointer;color:var(--color-content-secondary);box-sizing:border-box}.modal-recipe-details-header .recipe-details-header-menu-trigger svg{color:inherit}.modal-recipe-details-header .recipe-details-header-menu-trigger:hover,.modal-recipe-details-header .recipe-details-header-menu-trigger.active{color:var(--color-content-accent)}.modal-recipe-details-header .recipe-details-header-menu-panel.mosaic-card-menu{bottom:auto;top:100%;right:0;left:auto}.modal-recipe-details-header .recipe-details-header-menu-panel.mosaic-card-menu button{display:flex;align-items:center;gap:10px;text-align:left}.modal-recipe-details-header .recipe-details-header-menu-panel .recipe-details-header-menu-item-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;font-size:1.125rem;color:inherit;opacity:.88}.modal-recipe-details-header .recipe-details-header-menu-panel.mosaic-card-menu button:hover .recipe-details-header-menu-item-icon{opacity:1}.modal-recipe-details-header .recipe-details-header-menu-panel .recipe-details-header-menu-item-label{flex:1;min-width:0}.recipe-share-layered{position:relative;min-height:100vh;min-height:100dvh}.recipe-share-home-underlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.recipe-share-page--over-underlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(250,243,235,.78);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.recipe-share-layered .modal-overlay.recipe-details-modal-overlay{background-color:#00000061;padding-top:var(--safe-area-top);padding-bottom:0;padding-left:0;padding-right:0}.recipe-share-page--state{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--padding-medium);box-sizing:border-box;background:var(--color-bg-primary);font-family:var(--font-text)}.recipe-share-page-message{margin:0 0 var(--padding-medium);text-align:center;color:var(--color-content-secondary);max-width:320px}.recipe-share-page-back{margin-top:8px}.recipe-share-open-app{position:fixed;top:0;left:0;right:0;z-index:calc(var(--z-index-modal) + 80);padding:calc(var(--safe-area-top, 0px) + 10px) var(--padding-medium) 10px;display:flex;justify-content:center;pointer-events:none;box-sizing:border-box}.recipe-share-open-app-button{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;font-family:var(--font-text);font-size:.95rem;font-weight:600;text-decoration:none;color:var(--color-bg-primary, #fffaf5);background:var(--color-content-primary, #3d2914);border:none;box-shadow:0 4px 14px #0000002e}.recipe-share-open-app-button:active{opacity:.92}.recipe-share-page-host{min-height:100vh;min-height:100dvh;background:var(--color-bg-primary);box-sizing:border-box}.recipe-share-page-host .modal.modal-recipe-details--page{height:100vh;height:100dvh;max-height:none;width:100%;max-width:100%;margin:0;border-radius:0}@media (max-width: 767px){.recipe-share-page-host .modal.modal-recipe-details--page{height:100vh;height:100dvh;max-height:none}}.modal-recipe-details .modal-recipe-details-header .modal-title{flex:1;min-width:0;width:auto}.reset-password-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--padding-medium, 16px);box-sizing:border-box;background:var(--color-bg-primary, #fff)}.reset-password-card{width:100%;max-width:360px;padding:calc(var(--padding-medium, 16px) * 2);background:var(--color-bg-secondary, #f5f5f5);border:1px solid var(--color-border-primary, #ddd);box-sizing:border-box}.reset-password-title{margin:0 0 12px;font-family:var(--font-title, inherit);font-size:var(--font-size-h2, 1.25rem);font-weight:400;text-transform:uppercase;color:var(--color-content-primary)}.reset-password-intro{margin:0 0 20px;font-size:var(--font-size-body, 1rem);color:var(--color-content-secondary);line-height:1.4}.reset-password-form{display:flex;flex-direction:column;gap:12px}.reset-password-input{width:100%;padding:12px 14px;border:1px solid var(--color-border-primary);border-radius:0;font-family:var(--font-text, inherit);font-size:1rem;color:var(--color-content-primary);background:var(--color-bg-primary);box-sizing:border-box}.reset-password-submit{margin-top:8px;padding:14px 16px;border:none;border-radius:0;background:transparent;color:var(--color-content-accent);font-family:var(--font-title, inherit);font-size:calc(var(--font-size-body, 1rem) * 1.1);text-transform:uppercase;cursor:pointer;border-top:1px solid var(--color-border-secondary)}.reset-password-submit:disabled{opacity:.6;cursor:not-allowed}.reset-password-error{margin:0;font-size:.9rem;color:#c62828}.reset-password-success{margin:0 0 16px;font-size:.95rem;color:#2e7d32;line-height:1.4}.reset-password-home-link{display:inline-block;margin-top:20px;font-size:calc(var(--font-size-body, 1rem) * .9);color:var(--color-content-accent);text-decoration:underline;text-underline-offset:2px}.reset-password-home-link--muted{color:var(--color-content-secondary)}.profile-page-layered{position:fixed;top:0;right:0;bottom:0;left:0;display:block}.profile-page-underlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;filter:brightness(.96)}.profile-page-overlay.modal-overlay{z-index:calc(var(--z-index-modal) + 5)}.profile-page-modal.modal{isolation:isolate;transform:translateZ(0);background-color:var(--color-bg-primary)}.profile-page-content{display:flex;flex-direction:column;gap:20px;padding:20px var(--padding-medium, 16px) 24px}.profile-page-field{width:100%}.profile-page-input--readonly{background-color:transparent;color:var(--color-content-secondary);cursor:not-allowed}.profile-page-status{margin:0;font-size:calc(var(--font-size-body) * .92)}.profile-page-status--success{color:var(--color-content-accent)}.profile-page-status--error{color:var(--color-content-warning, #b3261e)}.profile-page-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.profile-page-signout{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--color-border-secondary);border-radius:9999px;background:transparent;color:var(--color-content-secondary);font-family:inherit;font-size:calc(var(--font-size-body) * .92);cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.profile-page-signout:hover:not(:disabled),.profile-page-signout:focus-visible{border-color:var(--color-content-accent);color:var(--color-content-accent);outline:none}.profile-page-signout:disabled{opacity:.55;cursor:not-allowed}:root{--color-content-primary: rgb(12, 13, 12);--color-content-secondary: rgb(130, 130, 130);--color-content-tertiary: rgba(130, 130, 130, .4);--color-content-accent: rgb(216, 129, 52);--color-content-accent-rgb: 216, 129, 52;--color-content-accent-hover: rgb(182, 104, 54);--color-content-primary-revert: rgb(255, 255, 255);--color-border-primary: rgba(130, 130, 130, .4);--color-border-secondary: rgb(219, 216, 212);--color-bg-primary: rgb(249, 244, 235);--color-bg-secondary: rgb(255, 255, 255);--color-bg-tertiary: rgb(232, 228, 224);--color-bg-action-primary: rgb(216, 129, 52);--color-bg-action-secondary: rgb(12, 13, 12);--timeline-selected: var(--color-content-primary);--timeline-passed-fill: rgb(205, 201, 195);--timeline-upcoming-fill: var(--color-content-secondary);--timeline-active-fill: var(--color-content-accent);--timeline-ring-interior: var(--color-bg-primary);--timeline-dot-size: 12px;--timeline-dot-border-width: 2px;--timeline-line-width: 6px;--recipe-cover-aspect-ratio: 4 / 3;--recipe-cover-outer-padding: 24px;--recipe-strip-cover-zone-height: 120px;--recipe-strip-upload-circle-size: 92px;--recipe-compact-thumb-size: 48px;--cover-modal-height: min(78vh, 620px);--cover-modal-preview-height: 180px;--font-title: "Argesta Headline", sans-serif;--font-text: "Argesta Display", sans-serif;--font-size-body: 16px;--font-size-small: calc(var(--font-size-body) * .8);--font-size-medium: var(--font-size-body);--font-size-large: calc(var(--font-size-body) * 1.5);--font-size-xlarge: calc(var(--font-size-body) * 2);--font-size-xxlarge: calc(var(--font-size-body) * 3);--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.8;--font-weight-normal: 400;--font-weight-bold: 700;--spacing-unit: 8px;--spacing-xxsmall: calc(var(--spacing-unit) * .5);--spacing-xsmall: var(--spacing-unit);--spacing-small: calc(var(--spacing-unit) * 1.5);--spacing-medium: calc(var(--spacing-unit) * 2);--spacing-large: calc(var(--spacing-unit) * 3);--spacing-xlarge: calc(var(--spacing-unit) * 4);--spacing-xxlarge: calc(var(--spacing-unit) * 5);--padding-medium: 16px;--sp-med: 24px;--border-radius-small: 4px;--border-radius-medium: 8px;--border-radius-large: 16px;--border-radius-xlarge: 24px;--border-radius-circle: 50%;--border-radius: 24px;--shadow-small: 0 2px 4px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 8px rgba(0, 0, 0, .12);--shadow-large: 0 8px 16px rgba(0, 0, 0, .15);--transition-fast: .2s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--container-small: 640px;--container-medium: 768px;--container-large: 1024px;--container-xlarge: 1280px;--z-index-base: 1;--z-index-dropdown: 1000;--z-index-sticky: 1100;--z-index-fixed: 1200;--z-index-modal: 1300;--z-index-popover: 1400;--z-index-tooltip: 1500;--dynamic-island-height: env(safe-area-inset-top, 60px);--safe-area-bottom: env(safe-area-inset-bottom, 0);--safe-area-left: env(safe-area-inset-left, 0);--safe-area-right: env(safe-area-inset-right, 0)}.is-ipad{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.is-ipad .App{min-height:100vh;min-height:100dvh}@media screen and (orientation: landscape) and (min-width: 1024px){.is-ipad .App{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}@media screen and (orientation: portrait) and (min-width: 768px){.is-ipad .App{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}.is-ipad button,.is-ipad .button,.is-ipad [role=button]{min-height:44px;min-width:44px}.is-ipad .slick-slider{-webkit-transform:translateZ(0);transform:translateZ(0)}.is-ipad .modal{max-height:var(--modal-mobile-max-height)}.is-ipad{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.is-ipad img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.is-ipad *{-webkit-backface-visibility:hidden;backface-visibility:hidden}@supports (-webkit-touch-callout: none){.is-ipad{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.is-ipad input,.is-ipad textarea{-webkit-user-select:text;user-select:text}}.is-ipad{touch-action:manipulation}.is-ipad .scrollable{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;overscroll-behavior:contain}.is-ipad *:focus{outline:2px solid #D88134;outline-offset:2px}.is-ipad .full-height{height:100vh;height:100dvh}.is-ipad .full-width{width:100vw;max-width:100%}@tailwind base;@tailwind components;@tailwind utilities;:root{--color-content-primary: rgb(12, 13, 12);--color-content-secondary: rgb(130, 130, 130);--color-content-tertiary: rgba(130, 130, 130, .4);--color-content-accent: rgb(216, 129, 52);--color-content-accent-hover: rgb(182, 104, 54);--color-content-primary-revert: rgb(255, 255, 255);--color-border-primary: rgba(130, 130, 130, .4);--color-border-secondary: rgb(219, 216, 212);--color-bg-primary: rgb(249, 244, 235);--color-bg-secondary: rgb(255, 255, 255);--color-bg-tertiary: rgb(232, 228, 224);--color-bg-action-primary: rgb(216, 129, 52);--color-bg-action-secondary: rgb(12, 13, 12);--color-error: rgb(239, 68, 68);--color-success: rgb(16, 185, 129);--font-title: "Argesta Headline", sans-serif;--font-text: "Argesta Display", sans-serif;--font-size-body: 16px;--padding-medium: 16px;--sp-med: 24px;--border-radius: 24px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--status-bar-height: max(var(--safe-area-top), 44px);--modal-transition-duration: .35s;--modal-transition-ease: ease-in-out;--modal-desktop-max-width: 480px;--modal-desktop-breakpoint: 768px;--modal-save-overlap: 40px;--modal-save-foot-inline-pad: var(--padding-medium);--modal-save-foot-reserve: calc( var(--modal-save-overlap) + (var(--padding-medium) * 3.25) + 28px + var(--modal-save-foot-inline-pad) + env(safe-area-inset-bottom, 0px) + (var(--padding-medium) * 2) );--modal-mobile-max-height: min(90vh, calc(100vh - var(--safe-area-top)))}@supports (height: 100dvh){:root{--modal-mobile-max-height: min(90dvh, calc(100dvh - var(--safe-area-top)))}}@font-face{font-family:Argesta Display;src:url(./argestadisplay-regular-webfont-956fda27.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Argesta Headline;src:url(./argestaheadline-regular-webfont-4dab8b65.ttf) format("truetype");font-weight:400;font-style:normal}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;overscroll-behavior:none;-webkit-overflow-scrolling:touch;overflow:hidden!important;height:100vh;box-sizing:border-box}body{background-color:var(--color-bg-primary);font-family:Argesta Display,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden!important;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px)}code{font-family:var(--font-title),sans-serif}#root{height:100vh;height:-webkit-fill-available;display:flex;flex-direction:column;overflow:hidden!important}.App{text-align:center;border-top:1px solid var(--color-border-secondary);-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;display:flex;flex-direction:column;overflow:hidden!important;flex:1;height:100vh;height:-webkit-fill-available;box-sizing:border-box}.App,.recipe-page,.ongoing-page{display:flex;flex-direction:column;overflow:hidden!important;height:100vh;height:-webkit-fill-available;margin:0;padding:0;box-sizing:border-box}.recipe-content,.ongoing-content{flex:1;display:flex;flex-direction:column}.ingredients-list{flex:1;display:flex;flex-direction:column;padding-bottom:80px}.title-huge-accent{color:var(--color-content-accent);font-size:calc(var(--font-size-body) * 3);font-family:var(--font-title);font-weight:300}h2,.title{color:var(--color-content-primary);font-size:calc(var(--font-size-body) * 2);font-family:var(--font-title);font-weight:400}h3,.title-2{color:var(--color-content-primary);font-size:calc(var(--font-size-body) * 1.5);line-height:1.5;font-family:var(--font-title)}.title-3{color:var(--color-content-primary);font-size:var(--font-size-body);font-family:var(--font-title);font-weight:700}.title-4{color:var(--color-content-primary);font-size:var(--font-size-body);font-family:var(--font-title)}.subtitle-2{color:var(--color-content-secondary);font-size:var(--font-size-body);line-height:1.2;font-family:var(--font-title);font-style:italic}.text{color:var(--color-content-primary);font-size:var(--font-size-body);line-height:1.3;font-family:var(--font-title)}.small-text{color:var(--color-content-primary);font-size:calc(var(--font-size-body) * .8);line-height:1.2;font-family:var(--font-title)}.subtitle{color:var(--color-content-secondary);font-size:calc(var(--font-size-body) * .8);font-family:var(--font-text);font-weight:700;letter-spacing:2px;text-transform:uppercase}.label-small-button-dark{color:#fff;font-size:calc(var(--font-size-body) * .8);font-family:var(--font-title);letter-spacing:1px;font-weight:700}.label-button{font-size:calc(var(--font-size-body) * 1.25);font-family:var(--font-title);letter-spacing:1px;font-weight:700}.link{color:var(--color-content-secondary);font-size:calc(var(--font-size-body) * .8);font-family:var(--font-text)}button{background-color:transparent;border-radius:0}.small-button{font-family:var(--font-text);font-weight:700;letter-spacing:2px;text-transform:uppercase;background-color:var(--color-bg-primary);color:var(--color-content-primary);text-decoration:none;padding:4px 8px;cursor:pointer}.small-button-accent{font-family:var(--font-text);font-weight:700;letter-spacing:2px;text-transform:uppercase;background-color:var(--color-bg-action-primary);color:var(--color-content-primary-revert);text-decoration:none;padding:4px 8px;cursor:pointer}.separation-horizontal{border-top:1px solid var(--color-bg-tertiary);height:32px;margin:0}.separation-vertical{border-left:1px solid var(--color-bg-tertiary);width:32px;margin:0}.border-layout{border:1px solid var(--color-border-secondary)}.border-layout-top{border-top-width:1px}.border-layout-right{border-right-width:1px}.border-layout-bottom{border-bottom-width:1px}.border-layout-left{border-left-width:1px}.app-bar{background-color:var(--color-bg-primary);height:56px}.app-bar-overlay{background-color:var(--color-bg-secondary);height:56px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:var(--z-index-modal);opacity:0;pointer-events:none;transition:opacity var(--modal-transition-duration) var(--modal-transition-ease);padding:var(--safe-area-top) var(--safe-area-right) 0 var(--safe-area-left)}.modal-overlay.visible{opacity:1;pointer-events:auto}.modal{background-color:var(--color-bg-secondary);width:100%;max-width:none;max-height:var(--modal-mobile-max-height);height:auto;min-height:0;overflow:hidden;border-radius:0;display:flex;flex-direction:column;align-self:flex-end;will-change:transform;transform:translateY(100%);transition:transform var(--modal-transition-duration) var(--modal-transition-ease);-webkit-overflow-scrolling:touch;box-sizing:border-box;padding-bottom:var(--safe-area-bottom)}@media (max-width: 767px){.modal:has(>.modal-save-foot){padding-bottom:0}}.modal>.modal-save-foot{flex-shrink:0;width:100%;align-self:stretch;box-sizing:border-box;background:transparent;padding-left:var(--modal-save-foot-inline-pad);padding-right:var(--modal-save-foot-inline-pad);padding-bottom:calc(var(--modal-save-foot-inline-pad) + env(safe-area-inset-bottom,0px));z-index:4}@media (max-width: 767px){.modal:has(>.modal-save-foot){position:relative}.modal>.modal-save-foot{position:absolute;left:0;right:0;bottom:0;margin-top:0;padding-top:var(--modal-save-overlap);pointer-events:none}.modal>.modal-save-foot .bt-save{pointer-events:auto}.modal>.modal-save-foot .modal-save-foot-stack,.modal>.modal-save-foot .recipe-details-foot-actions{pointer-events:auto}.modal:has(>.modal-save-foot) .modal-content{position:relative;z-index:0}}.modal-save-foot-stack{display:flex;flex-direction:column;gap:var(--padding-medium);width:100%;box-sizing:border-box}.modal>.modal-save-foot .bt-save{display:flex;align-items:center;justify-content:center;position:relative;left:auto;right:auto;bottom:auto;width:100%;max-width:100%;margin:0;border:none;border-radius:9999px;min-height:calc(var(--padding-medium) * 3.25);padding:14px 28px;box-sizing:border-box;background-color:var(--color-content-accent);color:var(--color-bg-primary);font-family:var(--font-text);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:calc(var(--font-size-body) * .9);cursor:pointer;transition:background-color .2s;text-decoration:none}.modal>.modal-save-foot .bt-save:hover{background-color:var(--color-content-accent-hover)}@media (max-width: 767px){.modal-w-bt:has(>.modal-save-foot) .modal-content{padding-bottom:var(--modal-save-foot-reserve)}}.modal.visible{transform:translateY(0)}.modal-content{flex:1 1 auto;min-height:0;padding:calc(var(--padding-medium) * 2);overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start}.modal-content .text{white-space:pre-line}.modal-w-bt .modal-content{padding-bottom:calc(var(--padding-medium) * 6)}.modal-no-pad.modal-content{padding:0}.modal-header,.page-header{flex-shrink:0;display:flex;flex-direction:row;border-bottom:1px solid var(--color-border-secondary)}.modal-header h2,.page-header h2{background-color:transparent;width:100%;display:flex;align-items:center;justify-content:center;padding:16px;margin-block-start:0;margin-block-end:0}.modal-header .bt-close,.page-header .bt-close{background-color:transparent;min-width:calc(var(--padding-medium)*4);border-right:1px solid var(--color-border-secondary);height:100%;color:var(--color-content-primary);padding:16px;cursor:pointer}.modal-header .bt-close svg,.page-header .bt-close svg{color:var(--color-content-secondary)}.modal-header-close-right,.history-header-close-right{display:flex;flex-direction:row;align-items:center}.modal-header-close-right h2,.modal-header-close-right .modal-title,.history-header-close-right .history-title{flex:1;width:auto;justify-content:flex-start;text-align:left;text-transform:uppercase}.modal-header-close-right .bt-close,.history-header-close-right .bt-close{border-right:none;border-left:1px solid var(--color-border-secondary);margin-left:auto}@media (min-width: 768px){.App{border-top:none}.modal-overlay{align-items:stretch;justify-content:flex-end;padding:var(--safe-area-top) var(--safe-area-right) 0 0}.modal{width:min(100%,var(--modal-desktop-max-width));max-width:var(--modal-desktop-max-width);max-height:none;height:100%;align-self:stretch;transform:translate(100%)}.modal.visible{transform:translate(0)}.modal>.modal-save-foot{position:sticky;bottom:0;margin-top:var(--padding-medium);margin-bottom:var(--padding-medium);padding-bottom:var(--modal-save-foot-inline-pad);pointer-events:auto;left:auto;right:auto}.modal.modal-recipe-details:has(>.modal-save-foot){position:relative}.modal.modal-recipe-details>.modal-save-foot{position:absolute;left:0;right:0;bottom:0;margin-top:0;margin-bottom:0;padding-top:var(--modal-save-overlap);pointer-events:none}.modal.modal-recipe-details>.modal-save-foot .bt-save{pointer-events:auto}.modal.modal-recipe-details>.modal-save-foot .modal-save-foot-stack,.modal.modal-recipe-details>.modal-save-foot .recipe-details-foot-actions{pointer-events:auto}.modal.modal-edit-recipe:has(>.modal-save-foot){position:relative;padding-bottom:0}.modal.modal-edit-recipe>.modal-save-foot{position:absolute;left:0;right:0;bottom:0;margin-top:0;margin-bottom:0;padding-top:var(--modal-save-overlap);pointer-events:none}.modal.modal-edit-recipe>.modal-save-foot .bt-save{pointer-events:auto}.modal.modal-edit-recipe>.modal-save-foot .modal-save-foot-stack,.modal.modal-edit-recipe>.modal-save-foot .recipe-details-foot-actions{pointer-events:auto}.modal-w-bt:has(>.modal-save-foot) .modal-content{padding-bottom:calc(var(--padding-medium) * 6)}.modal.modal-edit-recipe:has(>.modal-save-foot) .modal-content{padding-bottom:var(--modal-save-foot-reserve)!important}}.is-browser .App{height:100vh;padding:0}.is-desktop .App{height:100vh}.is-homescreen-app .App{height:100vh;height:-webkit-fill-available;padding:var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left)}.is-ios-app .App{height:100vh;height:-webkit-fill-available;padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);border-top:1px solid var(--color-border-secondary)}@supports (-webkit-touch-callout: none){input,select,textarea{font-size:16px!important}}.recipe-cover-frame{aspect-ratio:1 / 1;width:100%;max-width:100%;border-radius:50%;overflow:hidden;box-sizing:border-box}.recipe-cover-frame .recipe-cover-image,.recipe-cover-frame .recipe-image-preview{width:100%;height:100%;object-fit:contain;object-position:center;display:block;border-radius:0;padding:0;margin:0}.recipe-cover-frame .recipe-cover-image.recipe-cover-image--fill{object-fit:cover}.recipe-cover-frame .recipe-cover-image.recipe-cover-image--contain{object-fit:contain}img.recipe-cover-image.recipe-cover-illustration{border-radius:var(--recipe-cover-radius)}.recipe-cover-emoji{display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:transparent;border-radius:var(--recipe-cover-radius)}.recipe-cover-emoji-inner{line-height:1;-webkit-user-select:none;user-select:none}.recipe-cover-emoji--mosaic{width:100%;aspect-ratio:var(--recipe-cover-aspect-ratio);max-width:100%}.recipe-cover-emoji--mosaic .recipe-cover-emoji-inner{font-size:clamp(3.25rem,15vw,5.25rem)}.recipe-cover-emoji--slider{width:100%;max-width:min(50vw,280px);aspect-ratio:var(--recipe-cover-aspect-ratio);margin-left:-8px}.recipe-cover-emoji--slider .recipe-cover-emoji-inner{font-size:clamp(4rem,19vw,6.5rem)}.recipe-cover-emoji--home{width:100%;max-width:min(75vw,260px);aspect-ratio:var(--recipe-cover-aspect-ratio);margin-left:-8px}.recipe-cover-emoji--home .recipe-cover-emoji-inner{font-size:clamp(3.5rem,16vw,5.75rem)}.recipe-cover-emoji--modal{width:100%;max-width:min(360px,96vw);aspect-ratio:var(--recipe-cover-aspect-ratio);margin:0 auto}.recipe-cover-emoji--modal .recipe-cover-emoji-inner{font-size:clamp(5rem,22vw,8rem)}