.skribb-recipe-ingredients{padding-left:0;list-style:none}.skribb-recipe-ingredients>li{margin:0;padding:0}.skribb-recipe-item{border-radius:var(--radius);cursor:pointer;transition:background-color var(--transition-fast,.15s ease);align-items:baseline;gap:.65em;padding:.4em .35em;display:flex}.skribb-recipe-item:hover{background-color:var(--color-surface)}.skribb-recipe-check{opacity:0;width:1px;height:1px;position:absolute}.skribb-recipe-box{border:1.5px solid var(--color-border);width:1.15em;height:1.15em;transition:background-color var(--transition-fast,.15s ease), border-color var(--transition-fast,.15s ease);border-radius:.3em;flex:none;align-self:center}.skribb-recipe-check:checked~.skribb-recipe-box{background-color:var(--color-accent);border-color:var(--color-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:.8em}.skribb-recipe-check:focus-visible~.skribb-recipe-box{outline:2px solid var(--color-accent);outline-offset:2px}.skribb-recipe-check:checked~.skribb-recipe-text{color:var(--color-muted);text-decoration:line-through}.skribb-recipe-steps{counter-reset:skribb-step;padding-left:0;list-style:none}.skribb-recipe-step{counter-increment:skribb-step;margin:0 0 .6em;padding:0}.skribb-recipe-step .skribb-recipe-item{border:1px solid var(--color-border);border-radius:var(--radius);align-items:flex-start;padding:.6em .7em}.skribb-recipe-step .skribb-recipe-box{width:1.6em;height:1.6em;font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;display:flex}.skribb-recipe-step .skribb-recipe-box:before{content:counter(skribb-step)}.skribb-recipe-step .skribb-recipe-check:checked~.skribb-recipe-box:before{content:""}.skribb-recipe-step--active .skribb-recipe-item{border-color:var(--color-accent)}.skribb-recipe-step--active .skribb-recipe-box{border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.skribb-recipe-step .skribb-recipe-check:checked~.skribb-recipe-text{color:var(--color-muted);text-decoration:none}.skribb-recipe-cook-launch{border:1.5px solid var(--color-border);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast,.15s ease), color var(--transition-fast,.15s ease);background:0 0;border-radius:999px;margin:.5em 0 .9em;padding:.5em 1em;font-weight:600;line-height:1;display:inline-block}.skribb-recipe-cook-launch:hover{border-color:var(--color-accent);color:var(--color-accent)}.skribb-recipe-cook-launch:focus-visible,.skribb-recipe-cook-close:focus-visible,.skribb-recipe-cook-nav button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skribb-recipe-cook-open,.skribb-recipe-cook-open body{overflow:hidden}.skribb-recipe-cook{z-index:60;background-color:var(--color-bg);color:var(--color-text);flex-direction:column;gap:1rem;padding:clamp(1.25rem,5vw,3rem);display:flex;position:fixed;inset:0}.skribb-recipe-cook-close{border:1.5px solid var(--color-border);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border-radius:999px;align-self:flex-end;padding:.5em 1em;line-height:1}.skribb-recipe-cook-counter{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:0}.skribb-recipe-cook-step{flex:1;max-width:28em;margin:0;font-size:clamp(1.4rem,4.5vw,2.1rem);line-height:1.45}.skribb-recipe-cook-nav{gap:.75rem;display:flex}.skribb-recipe-cook-nav button{border:1.5px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font:inherit;cursor:pointer;background:0 0;padding:.8em 1.4em}.skribb-recipe-cook-nav button:disabled{opacity:.4;cursor:default}.skribb-recipe-cook-next{border-color:var(--color-accent);background-color:var(--color-accent);color:#fff;font-weight:600}.skribb-recipe-timer{margin:-.25em 0 .35em 2.95em}.skribb-recipe-timer-btn{border:1.5px solid var(--color-border);color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color var(--transition-fast,.15s ease), color var(--transition-fast,.15s ease);background:0 0;border-radius:999px;padding:.35em .85em;line-height:1}.skribb-recipe-timer-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.skribb-recipe-timer-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skribb-recipe-timer-btn--running{border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.skribb-recipe-timer-btn--done{border-color:var(--color-accent);background-color:var(--color-accent);color:#fff;font-weight:600}.skribb-recipe-timer-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skribb-recipe-scale{font-size:var(--font-size-sm);align-items:center;gap:.6em;margin:.5em 0 .9em;display:flex}.skribb-recipe-scale-label{color:var(--color-text-secondary)}.skribb-recipe-scale-btn{border:1.5px solid var(--color-border);width:1.8em;height:1.8em;color:var(--color-text);font:inherit;cursor:pointer;transition:border-color var(--transition-fast,.15s ease), color var(--transition-fast,.15s ease);background:0 0;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex}.skribb-recipe-scale-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.skribb-recipe-scale-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skribb-recipe-scale-btn:disabled{opacity:.4;cursor:default}.skribb-recipe-scale-value{text-align:center;font-variant-numeric:tabular-nums;min-width:2.2em}.skribb-recipe-qty--scaled{color:var(--color-accent);font-weight:600}.skribb-recipe-counter{font-size:var(--font-size-sm);color:var(--color-text-secondary);border-top:1px solid var(--color-border);margin-top:.35em;padding-top:.5em}
