.delete-recipe-modal{flex-direction:column;gap:1.5rem;display:flex}.delete-recipe-modal__warning{color:var(--color-danger);background-color:#ef44441a;border-radius:.5rem;align-items:center;gap:.5rem;padding:1rem;display:flex}.delete-recipe-modal__warning-text{margin:0;font-size:1rem;font-weight:600}.delete-recipe-modal__recipe-name{text-align:center;color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:600}.delete-recipe-modal__error{color:var(--color-danger);margin:0;font-size:.875rem}.delete-recipe-modal__actions{border-top:1px solid var(--color-border-default);justify-content:flex-end;gap:.5rem;padding-top:.5rem;display:flex}
.recipe-view{padding-bottom:4rem}.recipe-view__hero-wrap{margin-top:1.5rem}.recipe-view__hero{gap:1.5rem;display:grid}@media only screen and (min-width:992px){.recipe-view__hero{border:1px solid var(--color-border-default);background-color:var(--color-bg-surface);border-radius:1rem;grid-template-columns:1.05fr .95fr;gap:0;overflow:hidden}}.recipe-view__hero-media{background-color:var(--color-bg-secondary);aspect-ratio:16/10;border-radius:.75rem;position:relative;overflow:hidden}@media only screen and (min-width:992px){.recipe-view__hero-media{aspect-ratio:auto;border-radius:0;min-height:360px}}.recipe-view__hero-image{object-fit:cover}.recipe-view__hero-placeholder{color:var(--color-text-tertiary);opacity:.4;font-size:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (min-width:992px){.recipe-view__hero--no-image{grid-template-columns:1fr}}.recipe-view__hero--no-image .recipe-view__hero-media{aspect-ratio:16/6}@media only screen and (min-width:992px){.recipe-view__hero--no-image .recipe-view__hero-media{display:none}}.recipe-view__hero-info{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}@media only screen and (min-width:992px){.recipe-view__hero-info{gap:1rem;padding:3rem}}.recipe-view__hero-cats{flex-wrap:wrap;gap:.25rem;display:flex}.recipe-view__hero-desc{color:var(--color-text-secondary);margin:0;font-size:1rem;line-height:1.625}.recipe-view__title{font-family:var(--font-heading,Cormorant Garamond,Georgia,serif);font-size:clamp(1.5rem,5vw,2.25rem);font-weight:700;line-height:1.3}.recipe-view__meta{flex-wrap:wrap;align-items:center;gap:1rem;font-size:.875rem;display:flex}.recipe-view__rating{align-items:center;gap:.25rem;display:flex}.recipe-view__rating .star-rating__star{min-width:28px;min-height:28px}.recipe-view__draft-banner{border:1px solid var(--color-warning);background:color-mix(in srgb,var(--color-warning)12%,transparent);border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;display:flex}.recipe-view__draft-text{flex:1;min-width:200px;font-size:.875rem}.recipe-view__body{flex-direction:column;gap:2rem;padding-top:1.5rem;display:flex}.recipe-view__author{align-items:center;gap:1rem;display:flex}.recipe-view__author-avatar{object-fit:cover;border-radius:9999px}.recipe-view__author-name{color:var(--color-text-primary);font-weight:600}.recipe-view__author-name--link{text-decoration:none}.recipe-view__author-name--link:hover{color:var(--color-interactive-default);text-decoration:underline}.recipe-view__author-meta{color:var(--color-text-secondary);font-size:.875rem}.recipe-view__controls{border-top:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);flex-wrap:wrap;align-items:center;gap:.5rem;padding:1rem 0;display:flex}.recipe-view__portion-selector{color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:.5rem;align-items:center;gap:.25rem;margin-left:auto;margin-right:auto;padding:.25rem .5rem;font-size:.875rem;display:flex}@media only screen and (max-width:767px){.recipe-view__portion-selector{margin-left:0;margin-right:0}}.recipe-view__portion-selector .recipe-view__portion-label{color:var(--color-text-secondary);font-weight:500}.recipe-view__portion-btn{border:1px solid var(--color-border-default);width:28px;height:28px;color:var(--color-text-primary);background:var(--color-bg-surface);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s;display:flex}@media (hover:none){.recipe-view__portion-btn{width:44px;height:44px}}.recipe-view__portion-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-strong)}.recipe-view__portion-btn:disabled{opacity:.35;cursor:not-allowed}.recipe-view__portion-count{text-align:center;min-width:24px;color:var(--color-text-primary);font-size:1rem;font-weight:600;overflow:hidden}.recipe-view__portion-count--rolling-up{animation:.3s cubic-bezier(.16,1,.3,1) roll-up}.recipe-view__portion-count--rolling-down{animation:.3s cubic-bezier(.16,1,.3,1) roll-down}.recipe-view__section{flex-direction:column;gap:1rem;display:flex}.recipe-view__tips{background-color:var(--color-bg-surface);border-radius:.75rem;padding:1.5rem}.recipe-view__tips .recipe-view__section-title{align-items:center;gap:.5rem;display:flex}.recipe-view__tips-text{white-space:pre-line;color:var(--color-text-secondary)}.recipe-view__ingredient-section{flex-direction:column;gap:.25rem;display:flex}.recipe-view__ingredient-section-title{border-bottom:1px solid var(--color-border-default);padding:.25rem 0}.recipe-view__step-section{flex-direction:column;gap:1rem;display:flex}.recipe-view__step-section-title{border-bottom:1px solid var(--color-border-default);padding:.25rem 0}.recipe-view__ingredients{flex-direction:column;gap:.5rem;display:flex}.recipe-view__ingredient{border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;list-style:none;transition:background-color .3s ease-in-out;display:flex}:is(.recipe-view__ingredient:hover,.recipe-view__ingredient:active,.recipe-view__ingredient:focus-visible){background-color:var(--color-bg-elevated)}.recipe-view__ingredient-amount{color:var(--color-text-primary);flex-shrink:0;font-weight:600}.recipe-view__ingredient-name{color:var(--color-text-primary);flex:1}.recipe-view__steps{counter-reset:step;flex-direction:column;gap:1.5rem;display:flex}.recipe-view__step{gap:1rem;list-style:none;display:flex}.recipe-view__step-number{width:36px;height:36px;color:var(--color-text-inverse);background-color:var(--color-bg-inverse);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.recipe-view__step-content{flex-direction:column;flex:1;align-items:flex-start;gap:.5rem;padding-top:.25rem;display:flex}.recipe-view__step-content p{color:var(--color-text-primary);align-self:stretch;line-height:1.625}.recipe-view__cta{flex-direction:column;align-items:stretch;gap:.5rem;padding:1.5rem 0;display:flex}@media only screen and (min-width:768px){.recipe-view__cta{flex-direction:row;align-items:center;gap:1rem}}.recipe-view__cta-link{text-decoration:none;display:block}@media only screen and (min-width:768px){.recipe-view__cta-link{display:inline-block}}.recipe-view__cta-meta{text-align:center;color:var(--color-text-secondary);font-size:.875rem}@media only screen and (min-width:768px){.recipe-view__cta-meta{text-align:left}}.recipe-view__units{border:1px solid var(--color-border-default);border-radius:9999px;padding:2px;display:inline-flex}.recipe-view__unit{min-height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:0 1rem;font-size:.875rem;font-weight:500;transition:color .3s ease-in-out,background-color .3s ease-in-out}:is(.recipe-view__unit:hover,.recipe-view__unit:active,.recipe-view__unit:focus-visible){color:var(--color-text-primary)}.recipe-view__unit:focus-visible{outline:2px solid var(--color-interactive-default);outline-offset:2px}.recipe-view__unit.is-active{color:var(--color-text-inverse);background-color:var(--color-interactive-default)}.recipe-view__cta-button{width:100%}@media only screen and (min-width:768px){.recipe-view__cta-button{width:auto}}.recipe-view__tags{flex-wrap:wrap;gap:.25rem;display:flex}.recipe-view__original-link{color:var(--color-interactive-default);overflow-wrap:anywhere;align-items:center;gap:.25rem;font-size:.875rem;text-decoration:none;transition:color .3s ease-in-out;display:inline-flex}:is(.recipe-view__original-link:hover,.recipe-view__original-link:active,.recipe-view__original-link:focus-visible){color:var(--color-interactive-hover);text-decoration:underline}.recipe-view__video{flex-direction:column;gap:1rem;padding:1.5rem 0;display:flex}.recipe-view__video-wrapper{background-color:var(--color-bg-secondary);aspect-ratio:16/9;border-radius:.75rem;width:100%;position:relative;overflow:hidden}.recipe-view__video-wrapper iframe,.recipe-view__video-wrapper video{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.recipe-view__similar{border-top:1px solid var(--color-border-default);flex-direction:column;gap:1.5rem;padding-top:2rem;display:flex}@media print{.recipe-view__hero{min-height:0}.recipe-view__hero-image{max-height:300px;position:static}.recipe-view__controls,.recipe-view__cta,.recipe-view__video,.recipe-view__similar{display:none!important}}.recipe-view__stages{margin-bottom:2rem}.recipe-view__stages-total{color:var(--color-text-secondary);margin-top:.5rem;font-size:.875rem}.recipe-view__stage-notes{padding-left:1.25rem}.recipe-view__stage-notes-item{margin-bottom:.25rem}.recipe-view__cta-active{color:var(--color-text-secondary);font-size:.875rem}.recipe-view__cta-secondary{text-decoration:underline}