.note-back{min-height:var(--tap);margin:calc(var(--space-4) * -1) 0 var(--space-2);padding:0 var(--space-1);color:var(--accent);font-size:var(--text-sm);border-radius:var(--radius-sm);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.note-back:hover{background:var(--fill)}.note-hint{margin:0 0 var(--space-4);color:var(--muted);font-size:var(--text-sm)}.note-footer{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:.5px solid var(--rule);color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.note-footer-actions{gap:var(--space-2);display:flex}.note-footer .danger,.note-footer-actions .danger{margin:0}.note-segments{gap:var(--space-1);margin-bottom:var(--space-4);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--field);border:.5px solid var(--rule);display:flex}.note-segments button{min-height:var(--tap);padding:var(--space-2) var(--space-4);color:var(--ink-soft);font-size:var(--text-sm);background:0 0;flex:1;transform:none}.note-segments button:hover{background:var(--fill);transform:none}.note-segments button[aria-pressed=true]{color:var(--on-accent);background:var(--accent)}.note-list{background:var(--surface);border-radius:var(--radius-md);margin:0;padding:0;list-style:none;overflow:hidden}.note-list li+li{border-top:.5px solid var(--rule)}.note-list a{gap:var(--space-1) var(--space-3);min-height:var(--tap);padding:var(--space-3) .875rem;color:var(--ink);grid-template-columns:minmax(0,1fr) auto;text-decoration:none;display:grid}.note-list a:hover,.note-list a:active{background:var(--fill)}.note-list strong{font:700 var(--text-lg) var(--font-display);overflow-wrap:anywhere;line-height:1.3}.note-list time{color:var(--muted);font-size:var(--text-xs);white-space:nowrap;padding-top:var(--space-1)}.note-list span{color:var(--muted);font-size:var(--text-sm);-webkit-line-clamp:1;-webkit-box-orient:vertical;grid-column:1/-1;line-height:1.5;display:-webkit-box;overflow:hidden}.note-page{max-width:44rem}.markdown-body{font-size:var(--text-md);color:var(--ink);overflow-wrap:anywhere;line-height:1.7}.markdown-body>:first-child{margin-top:0}.markdown-body h2,.markdown-body h3,.markdown-body h4{font-family:var(--font-display);margin:var(--space-6) 0 var(--space-3);font-weight:700;line-height:1.2}.markdown-body h2{font-size:var(--text-xl)}.markdown-body h3{font-size:var(--text-lg)}.markdown-body h4{font-size:var(--text-md);font-weight:600}.markdown-body p{margin:0 0 var(--space-4)}.markdown-body ul,.markdown-body ol{margin:0 0 var(--space-4);padding-left:var(--space-5)}.markdown-body li{margin-bottom:var(--space-1)}.markdown-body li::marker{color:var(--accent)}.markdown-body code{border-radius:var(--radius-sm);background:var(--field);border:.5px solid var(--rule);padding:.1em .35em;font-size:.92em}.markdown-body a{color:var(--accent);text-underline-offset:.15em;text-decoration:underline}.markdown-body hr{border:0;border-top:.5px solid var(--rule);margin:var(--space-6) 0}.note-editor{flex-direction:column;max-width:44rem;display:flex}.note-editor .title-input{width:100%;font:700 clamp(1.5rem, 5vw, 2rem) var(--font-display);border:0;border-bottom:.5px solid var(--rule);padding:var(--space-2) 0 var(--space-3);color:var(--ink);background:0 0;border-radius:0}.note-editor textarea{width:100%;min-height:50dvh;margin-top:var(--space-2);padding:var(--space-4) 0;color:var(--ink);font-size:var(--text-md);resize:vertical;background:0 0;border:0;line-height:1.7}.note-editor textarea:focus-visible{box-shadow:none;outline:2px solid var(--focus-ring);outline-offset:6px;border-radius:var(--radius-sm)}.note-editor>footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:.5px solid var(--rule);flex-wrap:wrap;display:flex}.note-editor>footer>div:first-child{gap:var(--space-1);color:var(--muted);font-size:var(--text-sm);display:grid}.note-editor>footer small{font-size:var(--text-xs)}.note-status{font-weight:600}.note-editor-actions{gap:var(--space-2);display:flex}.note-editor>.form-error{margin:var(--space-3) 0 0}.note-guard{bottom:calc(var(--space-4) + var(--safe-bottom));z-index:5;margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);border:.5px solid var(--rule);background:var(--surface-raised);box-shadow:0 .75rem 2rem var(--shadow);position:sticky}.note-guard strong{margin-bottom:var(--space-1);display:block}.note-guard p{margin:0 0 var(--space-3);color:var(--muted);font-size:var(--text-sm)}.note-guard>div{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.danger-solid{background:var(--danger);color:var(--bg)}.danger-solid:hover{background:var(--danger);opacity:.9}.recipe-filter{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:.5px solid var(--rule);color:var(--muted);font-size:var(--text-sm);display:flex}.recipe-filter input{min-width:0;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:.5px solid var(--rule);border-radius:var(--radius-pill);background:var(--field-solid);color:var(--ink);flex:1}.recipe-filter span{white-space:nowrap}.recipe-list{background:var(--surface);border-radius:var(--radius-md);margin:0;padding:0;list-style:none;overflow:hidden}.recipe-list li+li{border-top:.5px solid var(--rule)}.recipe-list a{align-items:center;gap:var(--space-4);min-height:var(--tap);padding:var(--space-3) .875rem;color:var(--ink);text-decoration:none;display:flex}.recipe-list a:hover,.recipe-list a:active{background:var(--fill)}.recipe-list img,.recipe-thumb{border-radius:var(--radius-md);object-fit:cover;background:var(--fill);flex:none;width:3.5rem;height:3.5rem}.recipe-thumb{color:var(--accent);background:var(--accent-soft);font:700 var(--text-xl) var(--font-display);place-items:center;display:grid}.recipe-thumb--large{width:6rem;height:6rem}.recipe-list a>div{gap:var(--space-1);min-width:0;display:grid}.recipe-list strong{font:700 var(--text-lg) var(--font-display);overflow-wrap:anywhere;line-height:1.3}.recipe-list small{color:var(--muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recipe-page{max-width:48rem}.recipe-hero{object-fit:cover;border-radius:var(--radius-md);width:100%;max-height:22rem;margin-bottom:var(--space-4);background:var(--fill);display:block}.recipe-subtitle{margin:0 0 var(--space-3);color:var(--ink-soft);font:700 var(--text-lg) var(--font-display)}.recipe-facts dl{gap:var(--space-1) var(--space-4);font-size:var(--text-sm);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.recipe-facts dt{color:var(--muted);font-weight:600}.recipe-facts dd{overflow-wrap:anywhere;margin:0}.recipe-facts a{color:var(--accent)}.recipe-actions{gap:var(--space-2);margin:var(--space-4) 0 var(--space-6);flex-wrap:wrap;display:flex}.recipe-page section{padding-top:var(--space-4);margin-top:var(--space-4);border-top:.5px solid var(--rule)}.recipe-page h2{font-size:var(--text-xl);margin-bottom:var(--space-3)}.recipe-preparation{padding-left:var(--space-5);margin:0;line-height:1.6}.recipe-ingredients{column-gap:var(--space-4);grid-template-columns:minmax(4.5rem,max-content) minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.recipe-ingredients li{display:contents}.recipe-ingredients li>span{padding:var(--space-2) 0;border-bottom:.5px solid var(--rule);line-height:1.5}.recipe-ingredients li>span:first-child{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.recipe-steps{counter-reset:step;margin:0;padding:0;list-style:none}.recipe-steps li{padding:0 0 var(--space-4) var(--space-8);counter-increment:step;position:relative}.recipe-steps li:before{content:counter(step);border-radius:var(--radius-pill);background:var(--accent-soft);width:2rem;height:2rem;color:var(--accent);font:700 var(--text-md) var(--font-display);place-items:center;display:grid;position:absolute;top:0;left:0}.recipe-steps h3{margin:.2rem 0 var(--space-1);font:700 var(--text-lg) var(--font-display)}.recipe-steps p{margin:0 0 var(--space-1);line-height:1.6}.recipe-steps small{color:var(--muted);font-size:var(--text-sm)}.cook-page{flex-direction:column;max-width:48rem;min-height:60dvh;display:flex}.cook-progress{margin:0 0 var(--space-3);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-xs);font-weight:600}.cook-step{padding:var(--space-5) 0;border-block:.5px solid var(--rule);flex:1}.cook-step h2{margin-bottom:var(--space-3);font-size:clamp(1.75rem,6vw,2.5rem)}.cook-step>p{margin-bottom:var(--space-3);font-size:clamp(1.25rem,4.5vw,1.6rem);line-height:1.55}.cook-step small{color:var(--muted);font-size:var(--text-md);margin-bottom:var(--space-3);display:block}.cook-ingredients{margin-top:var(--space-3);font-size:var(--text-md)}.cook-timer{align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--field);border:.5px solid var(--rule);display:flex}.cook-timer output{font:700 var(--text-xl) var(--font-display);font-variant-numeric:tabular-nums;min-width:4ch}.cook-timer output.done{color:var(--danger)}.cook-nav{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.cook-nav button{min-height:var(--tap);font-size:var(--text-md)}.cook-exit{margin-top:var(--space-2);align-self:center}.recipe-form{max-width:48rem}.recipe-form .title-input{font:700 clamp(1.5rem, 5vw, 2rem) var(--font-display);border:0;border-bottom:.5px solid var(--rule);padding:var(--space-2) 0 var(--space-3);background:0 0;border-radius:0}.recipe-image-field{align-items:center;gap:var(--space-4);display:flex}.recipe-image-field img{object-fit:cover;border-radius:var(--radius-md);background:var(--fill);width:6rem;height:6rem}.recipe-form .recipe-image-input{border-radius:var(--radius-md);flex:1}.recipe-form .ingredient-row button{padding:0}.recipe-form>footer .quiet,.recipe-form>.form-error{margin:0}@media (width<=900px){.note-back{margin-top:calc(var(--space-3) * -1)}.recipe-actions button{min-height:var(--tap);flex:10rem}.recipe-hero{max-height:15rem}.cook-page{min-height:calc(100dvh - var(--nav-height) - 12rem)}.cook-nav button:not(.quiet){font-size:var(--text-lg)}}