:root{--paper: #fbf8f2;--card: #ffffff;--ink: #26221c;--ink-soft: #6d6558;--pan: #2f5d50;--pan-deep: #234639;--pan-tint: #e7efe9;--yolk: #e9a13b;--yolk-soft: #fdf3e0;--line: #e6dfd2;--danger: #b3432b;--radius: 14px;--shadow: 0 1px 2px rgba(38, 34, 28, .06), 0 4px 14px rgba(38, 34, 28, .05)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Atkinson Hyperlegible,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}a{color:var(--pan)}.page{max-width:1080px;margin:0 auto;padding:20px clamp(16px,4vw,40px) 80px}:focus-visible{outline:3px solid var(--yolk);outline-offset:2px}.site-header{text-align:center;padding:28px 0 8px}.wordmark-eyebrow{display:block;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--pan);font-weight:700;margin-bottom:6px}.wordmark-title{font-family:"Young Serif",Georgia,serif;font-weight:400;font-size:clamp(44px,8vw,64px);margin:0;line-height:1.05}.wordmark-title:after{content:"";display:block;width:72px;height:4px;border-radius:2px;background:var(--yolk);margin:16px auto 0}.site-tally{color:var(--ink-soft);margin:12px 0 0;font-size:15px}.search-wrap{max-width:560px;margin:26px auto 34px}.search-input{width:100%;padding:16px 22px;font:inherit;font-size:18px;border:2px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.search-input:focus{outline:none;border-color:var(--pan)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px 16px}.category-tab{position:relative;display:flex;flex-direction:column;gap:4px;background:var(--card);border:1.5px solid var(--line);border-radius:4px var(--radius) var(--radius) var(--radius);padding:22px 20px 18px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .12s ease,border-color .12s ease;min-height:118px}.category-tab:before{content:"";position:absolute;top:-10px;left:-1.5px;width:84px;height:12px;background:var(--pan);border-radius:6px 10px 0 0}.category-tab:active{transform:scale(.98)}@media(hover:hover){.category-tab:hover{border-color:var(--pan);transform:translateY(-2px)}}.category-emoji{font-size:26px;line-height:1;margin-bottom:4px}.category-name{font-family:"Young Serif",Georgia,serif;font-size:19px;line-height:1.25}.category-count{color:var(--ink-soft);font-size:14px;margin-top:auto}.card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.recipe-card{display:block;background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:20px 22px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .12s ease,border-color .12s ease}.recipe-card:active{transform:scale(.98)}@media(hover:hover){.recipe-card:hover{border-color:var(--pan);transform:translateY(-2px)}}.recipe-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.recipe-card-title{font-family:"Young Serif",Georgia,serif;font-weight:400;font-size:21px;margin:0;line-height:1.25}.recipe-card-cat{flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pan);background:var(--pan-tint);padding:4px 10px;border-radius:999px}.recipe-card-desc{color:var(--ink-soft);margin:10px 0 0;font-size:15px}.recipe-card-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);color:var(--ink-soft);font-size:14px}.empty-note{text-align:center;color:var(--ink-soft);padding:40px 20px;font-size:17px}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.filter-chip{border:1.5px solid var(--line);background:var(--card);color:var(--ink-soft);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;cursor:pointer;min-height:40px}.filter-chip.is-active{background:var(--pan);border-color:var(--pan);color:#fff}@media(hover:hover){.filter-chip:not(.is-active):hover{border-color:var(--pan);color:var(--pan)}}.back-link{display:inline-block;text-decoration:none;font-weight:700;color:var(--pan);padding:10px 0;font-size:16px}.category-header{margin:10px 0 26px}.category-header-tab{display:inline-block;font-family:"Young Serif",Georgia,serif;font-size:clamp(26px,5vw,34px);background:var(--pan);color:#fff;padding:12px 28px 14px;border-radius:6px 18px 18px 6px}.recipe-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.back-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.recipe-tools{display:flex;gap:10px}.tool-btn{border:2px solid var(--line);background:var(--card);border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700;cursor:pointer;min-height:44px}.tool-btn-on{background:var(--yolk-soft);border-color:var(--yolk)}.recipe-header{margin:18px 0 30px;padding-bottom:24px;border-bottom:3px double var(--line)}.recipe-title{font-family:"Young Serif",Georgia,serif;font-weight:400;font-size:clamp(32px,6vw,48px);line-height:1.1;margin:0 0 10px}.recipe-desc{color:var(--ink-soft);font-size:18px;margin:0 0 18px;max-width:640px}.recipe-meta{display:flex;flex-wrap:wrap;gap:10px}.meta-chip{background:var(--card);border:1.5px solid var(--line);border-radius:999px;padding:8px 16px;font-size:15px;color:var(--ink-soft);text-decoration:none}.meta-chip b{color:var(--ink);font-weight:700;margin-right:4px}.meta-chip-link{color:var(--pan);font-weight:700}.recipe-columns{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:36px;align-items:start}@media(max-width:820px){.recipe-columns{grid-template-columns:1fr}}.ingredients-panel{position:sticky;top:16px;background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:22px 20px;box-shadow:var(--shadow)}@media(max-width:820px){.ingredients-panel{position:static}}.panel-title{font-family:"Young Serif",Georgia,serif;font-weight:400;font-size:24px;margin:0}.panel-hint{color:var(--ink-soft);font-size:13px;margin:4px 0 14px}.group-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--pan);margin:20px 0 8px}.ingredient-group:first-of-type .group-title{margin-top:6px}.ingredient-list{list-style:none;margin:0;padding:0}.ingredient-item{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;background:none;border:none;border-bottom:1px dashed var(--line);padding:11px 4px;cursor:pointer;font-size:17px;line-height:1.45;min-height:48px}.ingredient-list li:last-child .ingredient-item{border-bottom:none}.checkbox{flex-shrink:0;width:26px;height:26px;margin-top:1px;border:2px solid var(--pan);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;background:transparent;transition:background .12s ease}.ingredient-item.is-done .checkbox{background:var(--pan)}.ingredient-item.is-done .ingredient-text{text-decoration:line-through;color:var(--ink-soft)}.step-list{list-style:none;margin:0;padding:0;counter-reset:none}.step-item{display:flex;gap:18px;align-items:flex-start;width:100%;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:12px;cursor:pointer;font-size:18px;line-height:1.6;box-shadow:var(--shadow);transition:opacity .15s ease}.step-number{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--pan-tint);color:var(--pan-deep);font-family:"Young Serif",Georgia,serif;font-size:19px;display:flex;align-items:center;justify-content:center;margin-top:2px}.step-item.is-done{opacity:.55}.step-item.is-done .step-number{background:var(--pan);color:#fff}.step-item.is-done .step-text{text-decoration:line-through}.notes-box{background:var(--yolk-soft);border:1.5px solid #f0d9a8;border-radius:var(--radius);padding:6px 22px 16px;margin-top:22px}.notes-box .group-title{color:#a06818}.notes-box ul{margin:0;padding-left:20px}.notes-box li{margin-bottom:6px}.notes-empty{color:var(--ink-soft);font-style:italic;margin:0 0 4px}.sync-status-link{display:inline-block;margin-top:14px;font-weight:700;text-decoration:none;font-size:15px}.sync-status-link-warning{color:var(--danger)}.sync-status-link-clean{color:var(--ink-soft)}.sync-now{margin-top:14px}.sync-now-message{color:var(--ink-soft);font-size:14px;max-width:480px;margin:8px 0 0}.sync-now-message-error{color:var(--danger)}.sync-summary{color:var(--ink-soft);font-size:15px;margin:4px 0 20px}.sync-error-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.sync-error-item{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:14px 18px}.sync-error-name{font-weight:700;font-size:16px}.sync-error-path{color:var(--ink-soft);font-size:13px;margin-top:2px}.sync-error-reason{margin-top:8px;font-size:14px}.add-header{margin:10px 0 26px}.add-title{font-family:"Young Serif",Georgia,serif;font-weight:400;font-size:clamp(28px,5vw,38px);margin:0 0 8px}.add-sub{color:var(--ink-soft);margin:0;font-size:17px;max-width:560px}.add-form{max-width:640px;display:flex;flex-direction:column;gap:20px}.add-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.add-message{font-size:16px;padding:14px 18px;border-radius:var(--radius);margin:0}.add-message-error{background:#fbe9e4;color:var(--danger)}.sync-history-fab{position:fixed;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;background:var(--card);border:1.5px solid var(--line);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;font-size:22px;text-decoration:none;z-index:20}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.history-item{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:14px 18px}.history-item-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.history-badge{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:999px}.history-badge-added{background:var(--pan-tint);color:var(--pan-deep)}.history-badge-updated{background:var(--yolk-soft);color:#a06818}.history-title{font-weight:700;font-size:16px;color:var(--ink);text-decoration:none}.history-title:hover{text-decoration:underline}.history-when{color:var(--ink-soft);font-size:13px;margin-left:auto}.history-source{color:var(--ink-soft);font-size:13px;margin-top:2px}.history-diff{margin-top:12px;display:flex;flex-direction:column;gap:10px}.history-diff-row{border-top:1px solid var(--line);padding-top:10px}.history-diff-field{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pan);margin-bottom:6px}.history-diff-values{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.history-diff-before,.history-diff-after{flex:1 1 220px;min-width:0;font:inherit;font-size:14px;white-space:pre-wrap;word-break:break-word;margin:0;padding:8px 10px;border-radius:10px;max-height:200px;overflow:auto}.history-diff-before{background:#fbe9e4}.history-diff-after{background:var(--pan-tint)}.history-diff-arrow{color:var(--ink-soft);font-size:18px;align-self:center}.history-no-diff{color:var(--ink-soft);font-style:italic;font-size:14px;margin:10px 0 0}@media(prefers-reduced-motion:reduce){*{transition:none!important}}