:root{--bg:#faf7f2;--surface:#fff;--surface-2:#f3eee6;--text:#2a2521;--muted:#776d64;--border:#e6ded3;--accent:#b4532a;--accent-hover:#9c4521;--accent-soft:#f6e4da;--accent-contrast:#fff;--danger:#b42318;--info-bg:#eef4f8;--info-border:#cfe0ec;--error-bg:#fdecea;--error-border:#f4c7c1;--star:#e0a526;--radius:12px;--shadow:0 1px 2px #3c28140f, 0 4px 16px #3c28140f;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, ui-serif, serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1b1816;--surface:#24201d;--surface-2:#2e2925;--text:#efe8e1;--muted:#a89d93;--border:#3a332e;--accent:#e0835a;--accent-hover:#ec9670;--accent-soft:#3d2a20;--accent-contrast:#1b1816;--danger:#f08a7e;--info-bg:#1f2a31;--info-border:#2f414d;--error-bg:#3a201d;--error-border:#5c2f2a;--shadow:0 1px 2px #0000004d, 0 4px 16px #00000040}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}h1,h2,h3{font-family:var(--serif);margin:0 0 .5em;font-weight:600;line-height:1.2}h1{font-size:clamp(1.7rem,3vw,2.3rem)}h2{font-size:1.35rem}a{color:var(--accent)}img{max-width:100%;display:block}.muted{color:var(--muted)}.small{font-size:.875rem}.small-caps{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:10px max(16px,50vw - 590px);display:flex;position:sticky;top:0}.brand{font-family:var(--serif);color:var(--accent);align-items:center;gap:10px;font-size:1.25rem;font-weight:600;text-decoration:none;display:flex}.brand span,.brand{white-space:nowrap}.topbar nav{align-items:center;gap:4px;display:flex}.topbar nav a:not(.button){color:var(--muted);border-radius:8px;padding:6px 12px;font-weight:500;text-decoration:none}.topbar nav a:not(.button):hover,.topbar nav a.active:not(.button){color:var(--text);background:var(--surface-2)}@media (width<=480px){.topbar nav .nav-home{display:none}.brand{font-size:1.1rem}}.page{max-width:1180px;margin:0 auto;padding:24px 16px 64px}@media (width>=720px){.page{padding:32px 24px 80px}}.button{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.button:hover:not(:disabled){border-color:var(--muted)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button.small{padding:5px 12px;font-size:.875rem}.button:disabled{opacity:.6;cursor:progress}.danger-text{color:var(--danger)}.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.icon-button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px}.icon-button:hover{background:var(--surface-2);color:var(--text)}:where(input:not([type=checkbox]):not([type=file])),:where(select),:where(textarea){border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:9px 12px}:where(select){width:auto}textarea{resize:vertical;line-height:1.55}input:focus-visible,select:focus-visible,textarea:focus-visible,.button:focus-visible,.dropzone:focus-visible,.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}.alert{border-radius:var(--radius);border:1px solid;margin:12px 0;padding:12px 16px}.alert p{margin:0}.alert ul{margin:8px 0 0;padding-left:20px}.alert.error{background:var(--error-bg);border-color:var(--error-border)}.alert.info{background:var(--info-bg);border-color:var(--info-border)}.chip{background:var(--accent-soft);color:var(--text);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.875rem;text-decoration:none;display:inline-flex}.chip button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 0 0 2px;font-size:1rem;line-height:1}.stars{color:var(--border);gap:2px;line-height:1;display:inline-flex}.stars-sm{font-size:.85rem}.stars-md{font-size:1.35rem}.star.on{color:var(--star)}.stars.editable button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0 1px}.stars.editable button.on,.stars.editable:hover button{color:var(--star)}.stars.editable button:hover~button{color:var(--border)}.library-toolbar{gap:10px;margin-bottom:12px;display:flex}.search{flex:1;min-width:0}.chips-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filter-chip{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:4px 12px;font-size:.875rem}.filter-chip .count{color:var(--muted);margin-left:2px;font-size:.8em}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.filter-chip.active .count{color:inherit;opacity:.8}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.card:hover{transform:translateY(-2px)}.card-link{color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.card-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius)}.card-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 10px 10px 14px;display:flex}.card-image{aspect-ratio:4/3;background:var(--surface-2);position:relative}.card-image img{object-fit:cover;width:100%;height:100%}.card-body{flex-direction:column;gap:4px;padding:12px 14px 14px;display:flex}.card-body h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.08rem;display:-webkit-box;overflow:hidden}.card-meta{color:var(--muted);gap:8px;min-width:0;font-size:.85rem;display:flex}.card-meta span+span:before{content:"·";margin-right:8px}.placeholder{width:100%;height:100%;font-family:var(--serif);color:hsl(var(--hue) 35% 38%);background:linear-gradient(135deg, hsl(var(--hue) 45% 90%), hsl(calc(var(--hue) + 40) 45% 84%));place-items:center;font-size:3rem;display:grid}@media (prefers-color-scheme:dark){.placeholder{color:hsl(var(--hue) 40% 75%);background:linear-gradient(135deg, hsl(var(--hue) 25% 22%), hsl(calc(var(--hue) + 40) 25% 17%))}}.empty{text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:64px 16px}.empty-actions{justify-content:center;gap:10px;margin-top:16px;display:flex}.avatar{object-fit:cover;background:var(--surface-2);border-radius:50%;flex:none}.avatar.initials{font-family:var(--serif);color:hsl(var(--hue) 35% 32%);background:linear-gradient(135deg, hsl(var(--hue) 45% 88%), hsl(calc(var(--hue) + 40) 45% 80%));place-items:center;font-weight:600;display:inline-grid}@media (prefers-color-scheme:dark){.avatar.initials{color:hsl(var(--hue) 40% 82%);background:linear-gradient(135deg, hsl(var(--hue) 25% 28%), hsl(calc(var(--hue) + 40) 25% 22%))}}.byline{min-width:0;color:var(--muted);align-items:center;gap:8px;font-size:.85rem;text-decoration:none;display:flex}.byline:hover{color:var(--text)}.byline.big{margin-bottom:12px;font-size:.95rem}.byline.big strong{color:var(--text);font-weight:600}.like-button{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;transition:color .15s,background .15s;display:inline-flex}.like-button.sm{padding:3px 8px;font-size:.9rem}.like-button:hover:not(:disabled){color:#d1435b;background:var(--surface-2)}.like-button.on{color:#d1435b}.like-button.md{border-color:var(--border);padding:7px 14px}.like-button .like-count{font-variant-numeric:tabular-nums}.account-menu{display:flex;position:relative}.account-button{border:1px solid var(--border);background:var(--surface);max-width:180px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:3px 10px 3px 3px;font-size:.9rem;display:flex}.account-button:hover{background:var(--surface-2)}@media (width<=560px){.account-button span:not(.avatar){display:none}.account-button{padding:3px}}.menu-backdrop{z-index:20;cursor:default;background:0 0;border:0;position:fixed;inset:0}.menu{z-index:21;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:190px;box-shadow:var(--shadow);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.menu a,.menu button{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:.92rem;text-decoration:none}.menu a:hover,.menu button:hover{background:var(--surface-2)}.feed-section{margin-bottom:40px}.feed-section .section-head{margin-bottom:14px}.auth-page{max-width:420px;margin:24px auto}.auth-page .field{margin-bottom:14px}.auth-page input{width:100%}.profile-page .section-head{margin:32px 0 14px}.profile-header{flex-wrap:wrap;align-items:flex-start;gap:20px;padding-bottom:8px;display:flex}.profile-text{flex:1;min-width:200px}.profile-text h1{margin-bottom:0}.profile-bio{white-space:pre-wrap;max-width:60ch;margin:10px 0 0}.profile-stats{color:var(--muted);flex-wrap:wrap;gap:16px;margin:12px 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.profile-stats strong{color:var(--text)}.profile-edit{flex-direction:column;gap:16px;margin:20px 0;display:flex}.profile-edit h2{margin:0}.profile-edit textarea,.profile-edit input{width:100%}.recipe-hero{gap:24px;margin-bottom:32px;display:grid}@media (width>=820px){.recipe-hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:40px}}.recipe-hero-image{border-radius:var(--radius);aspect-ratio:4/3;background:var(--surface-2);overflow:hidden}.recipe-hero-image img{object-fit:cover;width:100%;height:100%}.recipe-actions-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.description{margin:0 0 16px;font-size:1.05rem}.facts{flex-wrap:wrap;gap:8px 28px;margin:0 0 16px;display:flex}.facts dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.facts dd{margin:0;font-weight:600}.tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.source{margin:0 0 16px}.recipe-body{gap:32px;display:grid}@media (width>=820px){.recipe-body{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:48px}.ingredients{position:sticky;top:80px}}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.section-head h2{margin:0}.segmented{border:1px solid var(--border);background:var(--surface);border-radius:999px;display:inline-flex;overflow:hidden}.segmented button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px 10px;font-size:.85rem}.segmented button.active{background:var(--accent);color:var(--accent-contrast)}.ingredient-list,.step-list{margin:0 0 24px;padding:0;list-style:none}.ingredient-list li{border-bottom:1px solid var(--border)}.ingredient-list label{cursor:pointer;align-items:flex-start;gap:12px;padding:9px 2px;display:flex}.ingredient-list input{flex-shrink:0;margin-top:3px}.ingredient-list li.done span{color:var(--muted);text-decoration:line-through}.list-heading{font-family:var(--serif);padding:16px 0 4px;font-size:1.05rem;font-weight:600;border-bottom:none!important}.step-list li:not(.list-heading){border-radius:var(--radius);cursor:pointer;gap:14px;margin:0 -12px 4px;padding:12px;transition:background .15s;display:flex}.step-list li:not(.list-heading):hover{background:var(--surface-2)}.step-list li.current{background:var(--accent-soft)!important}.step-number{background:var(--surface-2);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:.875rem;font-weight:600;display:grid}.step-list p{margin:2px 0 0;font-size:1.05rem}.notes{white-space:pre-wrap;margin-bottom:24px}.nutrition{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:0 0 24px;display:grid}.nutrition div{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 12px}.nutrition dt{color:var(--muted);font-size:.8rem}.nutrition dd{margin:0;font-weight:600}.attachments{flex-wrap:wrap;gap:12px;padding:0;list-style:none;display:flex}.attachments a{width:120px;color:inherit;flex-direction:column;gap:6px;font-size:.85rem;text-decoration:none;display:flex}.attachments img,.attachments .file-icon{object-fit:cover;border:1px solid var(--border);border-radius:10px;width:120px;height:120px}.file-icon{background:var(--surface-2);color:var(--accent);place-items:center;font-size:.8rem;font-weight:700;display:grid}.comments{border-top:1px solid var(--border);max-width:680px;margin-top:48px;padding-top:32px}.comment-form{gap:12px;margin-bottom:28px;display:flex}.comment-form>div{flex:1;min-width:0}.comments textarea{width:100%;margin-bottom:8px}.comment-list,.reply-list{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.reply-list{border-left:2px solid var(--border);gap:20px;margin:20px 0 0 46px;padding-left:16px}.reply-list .comment-form{margin-bottom:0}@media (width<=560px){.reply-list{margin-left:16px;padding-left:12px}}.comment{gap:12px;display:flex}.comment-body{flex:1;min-width:0}.comment-head{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 4px;display:flex}.comment-author{color:var(--text);font-weight:600;text-decoration:none}.comment-author:hover{text-decoration:underline}.comment-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.comment-actions{gap:14px;margin-top:6px;display:flex}.link-button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem}.link-button:hover:not(:disabled){color:var(--text);text-decoration:underline}.link-button.danger-text:hover:not(:disabled){color:var(--danger)}.editor{gap:32px;max-width:820px;display:grid}.editor.with-source{max-width:none}@media (width>=1000px){.editor.with-source{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.editor-source{max-height:calc(100vh - 100px);position:sticky;top:80px;overflow:auto}}.editor-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.editor-head h1{margin:0}.editor-form{flex-direction:column;gap:18px;min-width:0;display:flex}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label,.field .label{font-size:.9rem;font-weight:600}.field .hint{color:var(--muted);min-height:1em;font-size:.8rem}.field-row{flex-wrap:wrap;gap:12px;display:flex}.field-row>.field{flex:120px}.field-row>.field.grow{flex:3 240px}.field-row.align-center{align-items:center;gap:32px}.title-input{font-family:var(--serif);font-size:1.4rem;font-weight:600}#ingredients,#instructions{font-size:.97rem}.checkbox{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.image-field{align-items:center;gap:16px;display:flex}.image-preview{aspect-ratio:4/3;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex-shrink:0;place-items:center;width:128px;display:grid;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%}.editor-foot{border-top:1px solid var(--border);justify-content:flex-end;padding-top:8px}.tag-input{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.tag-input:focus-within{outline:2px solid var(--accent);outline-offset:2px}.tag-input input{background:0 0;border:none;outline:none;flex:1;min-width:120px;padding:4px}.source-preview{flex-direction:column;gap:12px;display:flex}.source-preview img{border:1px solid var(--border);border-radius:10px;width:100%}.source-preview iframe{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;height:calc(100vh - 160px);min-height:480px}.import-page{max-width:760px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.panel>p{margin-top:0}.url-form{gap:10px;display:flex}.url-form input{flex:1;min-width:0}@media (width<=520px){.url-form{flex-direction:column}}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);background:var(--bg);color:var(--muted);cursor:pointer;text-align:left;justify-content:center;align-items:center;gap:16px;padding:28px 20px;transition:border-color .15s,background .15s;display:flex}.dropzone p{flex-direction:column;margin:0;display:flex}.dropzone strong{color:var(--text)}.dropzone span{font-size:.875rem}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.dropzone.disabled{opacity:.6;cursor:progress}.file-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:10px;margin:16px 0;padding:0;list-style:none;display:grid}.file-thumb{flex-direction:column;gap:6px;display:flex;position:relative}.file-thumb img,.file-thumb .file-icon{aspect-ratio:3/4;object-fit:cover;object-position:top;border:1px solid var(--border);border-radius:10px;width:100%}.file-thumb .icon-button{background:var(--surface);border:1px solid var(--border);border-radius:50%;width:28px;height:28px;padding:0;position:absolute;top:4px;right:4px}.bookmarklet{background:var(--accent);color:var(--accent-contrast);cursor:grab;border-radius:999px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block}.capture{text-align:center;max-width:560px;margin:48px auto}