.skribb-recipe-ingredients{list-style:none;padding-left:0}.skribb-recipe-ingredients>li{padding:0;margin:0}.skribb-recipe-item{display:flex;align-items:baseline;gap:.65em;padding:.4em .35em;border-radius:var(--radius);cursor:pointer;transition:background-color var(--transition-fast, .15s ease)}.skribb-recipe-item:hover{background-color:var(--color-surface)}.skribb-recipe-check{position:absolute;opacity:0;width:1px;height:1px}.skribb-recipe-box{flex:none;width:1.15em;height:1.15em;align-self:center;border:1.5px solid var(--color-border);border-radius:.3em;transition:background-color var(--transition-fast, .15s ease),border-color var(--transition-fast, .15s ease)}.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-size:.8em;background-position:center;background-repeat:no-repeat}.skribb-recipe-check:focus-visible~.skribb-recipe-box{outline:2px solid var(--color-accent);outline-offset:2px}.skribb-recipe-check:checked~.skribb-recipe-text{text-decoration:line-through;color:var(--color-muted)}.skribb-recipe-steps{list-style:none;padding-left:0;counter-reset:skribb-step}.skribb-recipe-step{counter-increment:skribb-step;margin:0 0 .6em;padding:0}.skribb-recipe-step .skribb-recipe-item{align-items:flex-start;padding:.6em .7em;border:1px solid var(--color-border);border-radius:var(--radius)}.skribb-recipe-step .skribb-recipe-box{width:1.6em;height:1.6em;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);align-self:flex-start}.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{text-decoration:none;color:var(--color-muted)}.skribb-recipe-cook-launch{display:inline-block;margin:.5em 0 .9em;border:1.5px solid var(--color-border);border-radius:999px;background:none;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);font-weight:600;line-height:1;padding:.5em 1em;cursor:pointer;transition:border-color var(--transition-fast, .15s ease),color var(--transition-fast, .15s ease)}.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{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;gap:1rem;padding:clamp(1.25rem,5vw,3rem);background-color:var(--color-bg);color:var(--color-text)}.skribb-recipe-cook-close{align-self:flex-end;border:1.5px solid var(--color-border);border-radius:999px;background:none;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);line-height:1;padding:.5em 1em;cursor:pointer}.skribb-recipe-cook-counter{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em}.skribb-recipe-cook-step{flex:1;margin:0;font-size:clamp(1.4rem,4.5vw,2.1rem);line-height:1.45;max-width:28em}.skribb-recipe-cook-nav{display:flex;gap:.75rem}.skribb-recipe-cook-nav button{border:1.5px solid var(--color-border);border-radius:var(--radius);background:none;color:var(--color-text);font:inherit;padding:.8em 1.4em;cursor:pointer}.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);border-radius:999px;background:none;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;line-height:1;padding:.35em .85em;cursor:pointer;transition:border-color var(--transition-fast, .15s ease),color var(--transition-fast, .15s ease)}.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{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skribb-recipe-scale{display:flex;align-items:center;gap:.6em;margin:.5em 0 .9em;font-size:var(--font-size-sm)}.skribb-recipe-scale-label{color:var(--color-text-secondary)}.skribb-recipe-scale-btn{width:1.8em;height:1.8em;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--color-border);border-radius:50%;background:none;color:var(--color-text);font:inherit;line-height:1;cursor:pointer;transition:border-color var(--transition-fast, .15s ease),color var(--transition-fast, .15s ease)}.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{min-width:2.2em;text-align:center;font-variant-numeric:tabular-nums}.skribb-recipe-qty--scaled{color:var(--color-accent);font-weight:600}.skribb-recipe-counter{margin-top:.35em;font-size:var(--font-size-sm);color:var(--color-text-secondary);border-top:1px solid var(--color-border);padding-top:.5em}
