@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,400&family=Inter:wght@400;500;600&display=swap";:root{--bg:#faf6ee;--surface:#fff9f0;--surface-alt:#f5ede0;--border:#d9c8a9;--text:#3b2a14;--text-muted:#7a5c36;--text-light:#a08060;--accent:#b85c1a;--accent-h:#9a4a12;--accent-l:color-mix(in oklab,var(--accent) 12%,var(--surface));--primary:#5c7a2a;--primary-l:color-mix(in oklab,var(--primary) 12%,var(--surface));--danger:#c0392b;--danger-h:#a02a1e;--danger-l:color-mix(in oklab,var(--danger) 12%,var(--surface));--danger-text:var(--danger);--danger-border:color-mix(in oklab,var(--danger) 40%,var(--border));--badge-yes:#2e6b2e;--badge-yes-bg:color-mix(in oklab,var(--badge-yes) 12%,var(--surface));--badge-no:#7a5c36;--sp1:.25rem;--sp2:.5rem;--sp3:.75rem;--sp4:1rem;--sp5:1.25rem;--sp6:1.5rem;--sp8:2rem;--sp10:2.5rem;--sp12:3rem;--r-sm:4px;--r-md:8px;--r-lg:14px;--r-xl:20px;--sh-sm:0 1px 3px rgba(59,42,20,.1);--sh-md:0 3px 10px rgba(59,42,20,.12);--font-d:"Playfair Display",Georgia,serif;--font-b:"Inter",system-ui,sans-serif;--sw:340px;--max:1100px}@media (prefers-color-scheme:dark){:root{--bg:#1e160a;--surface:#261c0e;--surface-alt:#2e2210;--border:#4a3820;--text:#f0e0c0;--text-muted:#c0a070;--text-light:#907050;--accent:#e07530;--accent-h:#f08040;--primary:#7aaa40;--danger:#e05040;--badge-yes:#5aaa5a;--badge-no:#c0a070}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-b);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#skip-link{position:absolute;top:var(--sp2);left:var(--sp4);padding:var(--sp2) var(--sp4);background:var(--accent);color:#fff;border-radius:var(--r-sm);font-weight:600;transform:translateY(-200%);transition:transform .15s;z-index:1000}#skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.site-header{background:var(--surface);border-bottom:2px solid var(--border);padding:var(--sp6) var(--sp8);box-shadow:var(--sh-sm)}.site-header__inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:var(--sp6);flex-wrap:wrap}.site-logo{font-family:var(--font-d);font-size:1.875rem;color:var(--accent);letter-spacing:-.02em;line-height:1.1}.site-logo span{display:block;font-style:italic;font-size:1.25rem;color:var(--text-muted);font-weight:400}.summary-bar{display:flex;gap:var(--sp4);margin-left:auto;align-items:center}.summary-stat{display:flex;flex-direction:column;align-items:center;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp2) var(--sp4);min-width:80px}.summary-stat__value{font-weight:600;font-size:1.125rem;color:var(--accent);font-variant-numeric:tabular-nums}.summary-stat__label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}#storage-banner{background:var(--danger-l);border:1px solid var(--danger-border);color:var(--danger-text);padding:var(--sp3) var(--sp6);font-size:.875rem;font-weight:500;text-align:center}.app-body{max-width:var(--max);margin:0 auto;padding:var(--sp8) var(--sp4)}@media (min-width:768px){.app-layout{display:grid;grid-template-columns:var(--sw) 1fr;gap:var(--sp8);align-items:start}}@media (min-width:1024px){.app-layout{gap:var(--sp12)}.sidebar{position:sticky;top:var(--sp8)}}.sidebar{display:flex;flex-direction:column;gap:var(--sp4)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp6);box-shadow:var(--sh-md)}.panel__title{font-family:var(--font-d);font-size:1.25rem;color:var(--accent);margin-bottom:var(--sp5);display:flex;align-items:center;gap:var(--sp2)}.form-group{display:flex;flex-direction:column;gap:var(--sp1);margin-bottom:var(--sp4)}.form-label{font-size:.875rem;font-weight:600;color:var(--text-muted)}.form-input,.form-textarea{border:1.5px solid var(--border);border-radius:var(--r-md);padding:var(--sp3) var(--sp4);font-family:var(--font-b);font-size:1rem;background:var(--bg);color:var(--text);width:100%;transition:border-color .15s,box-shadow .15s}.form-input:hover,.form-textarea:hover{border-color:var(--accent)}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-l);outline:none}.form-input[aria-invalid=true],.form-textarea[aria-invalid=true]{border-color:var(--danger-border);box-shadow:0 0 0 2px var(--danger-l)}.form-textarea{resize:vertical;min-height:80px;overflow-wrap:anywhere}.field-error{font-size:.75rem;color:var(--danger-text);font-weight:500}.rating-group{display:flex;flex-direction:column;gap:var(--sp2)}.rating-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--r-sm);background:var(--border);outline:none;cursor:pointer}.rating-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:var(--sh-sm);cursor:pointer;transition:transform .1s}.rating-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.rating-display{font-size:1.5rem;text-align:center;letter-spacing:.08em;line-height:1.4}.toggle-group{display:flex;align-items:center;gap:var(--sp3);margin-bottom:var(--sp4)}.toggle-label{font-size:.875rem;font-weight:600;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-checkbox{width:40px;height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:11px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle-checkbox:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-checkbox:checked{background:var(--primary)}.toggle-checkbox:checked:before{transform:translate(18px)}.toggle-checkbox:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;gap:var(--sp2);padding:var(--sp3) var(--sp6);border:none;border-radius:var(--r-md);font-family:var(--font-b);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s;text-decoration:none}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);color:#fff;width:100%;justify-content:center;padding:var(--sp3) var(--sp4)}.btn--primary:hover{background:var(--accent-h);box-shadow:var(--sh-md)}.btn--ghost{background:transparent;color:var(--text-muted);border:1.5px solid var(--border)}.btn--ghost:hover{background:var(--surface-alt);color:var(--text)}.btn--danger{background:var(--danger-l);color:var(--danger-text);border:1px solid var(--danger-border)}.btn--danger:hover{background:var(--danger);color:#fff}.btn--danger-armed{background:var(--danger);color:#fff;animation:pulse-d .6s ease-in-out}.btn--danger-armed:hover{background:var(--danger-h)}.btn--sm{padding:var(--sp1) var(--sp3);font-size:.75rem;border-radius:var(--r-sm)}.filter-bar{display:flex;gap:var(--sp2);margin-bottom:var(--sp6);align-items:center}.filter-input{flex:1;border:1.5px solid var(--border);border-radius:var(--r-md);padding:var(--sp3) var(--sp4);font-family:var(--font-b);font-size:.875rem;background:var(--bg);color:var(--text);transition:border-color .15s}.filter-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-l);outline:none}#bake-list{display:grid;gap:var(--sp4)}@media (min-width:640px) and (max-width:767px){#bake-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){#bake-list{grid-template-columns:repeat(2,1fr)}}.bake-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp5);box-shadow:var(--sh-sm);transition:box-shadow .15s,transform .15s;display:flex;flex-direction:column;gap:var(--sp3)}.bake-card:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.card--new{animation:card-in .35s ease-out}@keyframes card-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.card--new{animation:none}.btn,.bake-card,.form-input,.form-textarea,.toggle-checkbox,.toggle-checkbox:before,.rating-slider::-webkit-slider-thumb{transition:none}}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp2)}.card-name{font-family:var(--font-d);font-size:1.125rem;color:var(--text);line-height:1.3;flex:1}.card-date{font-size:.75rem;color:var(--text-light);font-style:italic;font-variant-numeric:tabular-nums;white-space:nowrap}.card-rating{font-size:1.125rem;letter-spacing:.06em}.card-badges{display:flex;gap:var(--sp2);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:var(--sp1);padding:var(--sp1) var(--sp3);border-radius:var(--r-xl);font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge--yes{background:var(--badge-yes-bg);color:var(--badge-yes);border:1px solid color-mix(in oklab,var(--badge-yes) 30%,var(--surface))}.badge--no{background:var(--surface-alt);color:var(--badge-no);border:1px solid var(--border);opacity:.82;text-decoration:line-through;font-style:italic}.card-note{font-size:.875rem;color:var(--text-muted);line-height:1.5;overflow-wrap:anywhere;flex:1}.card-note--empty{color:var(--text-light);font-style:italic}.card-actions{display:flex;justify-content:flex-end;margin-top:auto}.empty-state{text-align:center;padding:var(--sp12) var(--sp8);background:var(--surface);border:2px dashed var(--border);border-radius:var(--r-xl);color:var(--text-muted)}.empty-state__icon{font-size:3rem;display:block;margin-bottom:var(--sp4);line-height:1}.empty-state__title{font-family:var(--font-d);font-size:1.5rem;color:var(--accent);margin-bottom:var(--sp2)}.empty-state__body{font-size:.875rem;margin-bottom:var(--sp6);max-width:30ch;margin-inline:auto}@keyframes pulse-d{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 4px var(--danger-l)}}