:root{--cream: #f7f1e6;--cream-dark: #eee5d7;--paper: #fffdf9;--ink: #362720;--muted: #716155;--accent: #b35635;--accent-dark: #914229;--line: #dfd2be;--gold: #967019;--error: #a22f25;--button-text: #fff;color-scheme:light}:root[data-theme=dark]{--cream: #201f1e;--cream-dark: #302d29;--paper: #272625;--ink: #eae4da;--muted: #b8ada0;--accent: #e2a07f;--accent-dark: #895139;--line: #51483e;--gold: #dbba6a;--error: #ffafa5;--button-text: #201f1e;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}h1,h2,h3,.brand{font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4.5rem);margin:12px 0 20px;letter-spacing:-1.5px}h2{font-size:2rem}h3{font-size:1.45rem}h4{color:var(--accent)}em{color:var(--accent);font-weight:400}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:10px 15px;min-height:44px}button:hover{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.5;cursor:default}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input,select,textarea{padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);width:100%;min-width:0}textarea{min-height:85px;resize:vertical}label{display:flex;flex-direction:column;gap:5px;font-size:.82rem;color:var(--muted)}input,select,textarea{color:var(--ink)}.primary{background:var(--accent);border-color:var(--accent);color:var(--button-text)}.primary:hover{background:var(--accent-dark);color:#fff}.danger{color:#b63d32}.inline{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.eyebrow{font-family:Arial,sans-serif;font-size:.7rem;letter-spacing:2px;font-weight:600;color:var(--accent)}.app-header{padding:20px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:var(--cream)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:1.6rem;color:var(--ink)}.brand em{font-style:normal}.brand small{display:block;font:9px Arial;letter-spacing:3px;text-align:center;margin-top:4px}.brand-mark{font-size:2.4rem;color:var(--accent)}.app-header nav{display:flex;gap:20px}.app-header nav button{background:none;border:0;color:var(--muted)}.app-header nav .nav-active{color:var(--accent);border-bottom:2px solid var(--accent);border-radius:0}main{max-width:1440px;margin:auto;padding:0 5vw 60px}.hero{display:flex;align-items:center;justify-content:space-between;padding:48px 0 36px;border-bottom:1px solid var(--line);margin-bottom:32px}.hero-stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:50%;height:170px;width:170px;margin-right:6%;color:var(--accent);transform:rotate(12deg);font-size:10px;letter-spacing:3px}.hero-stamp strong{font-size:60px;font-weight:400;line-height:1.5}.section-title{display:flex;align-items:center;justify-content:space-between;gap:25px}.section-title h2 span{font:13px Arial;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:5px 10px;vertical-align:middle}.search{width:min(420px,50%)}.quick-filters{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.quick-filters button{border-radius:30px;background:transparent}.quick-filters .active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px;background:var(--cream-dark);border-radius:10px}.advanced-filters summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--muted);font-size:.85rem}.filter-grid button{align-self:end}.results{font-size:.8rem;margin:22px 0 14px}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:24px}.recipe-card{position:relative;border:1px solid var(--line);background:var(--paper);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.recipe-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #36272012}.card-open{display:block;width:100%;text-align:left;padding:0;border:0;border-radius:0;background:none;height:100%;color:var(--ink)}.card-open:hover{color:var(--ink)}.card-photo{width:100%;height:190px;object-fit:cover}.photo-placeholder{display:flex;align-items:center;justify-content:center;background:var(--cream-dark);color:var(--accent);font:70px Georgia}.card-body{padding:20px}.card-body h3{font-size:1.4rem;margin:9px 0}.card-body p{font-size:.8rem;margin:8px 0}.card-favorite{position:absolute;right:12px;top:12px;border-radius:50%;background:var(--paper);font-size:1.3rem;padding:3px;width:44px;height:44px}.on,.stars{color:var(--gold)}.stars{letter-spacing:1px}.stars span{display:block;color:var(--muted);font-size:.7rem;letter-spacing:0;margin-top:10px}.empty-state{text-align:center;padding:60px 20px;background:var(--paper);border:1px dashed var(--line);border-radius:12px}.empty-state>span{font-size:60px;color:var(--accent)}.empty-state h3{margin:10px 0}.empty-state p{color:var(--muted)}footer{text-align:center;font-size:.75rem;color:var(--muted);padding:25px;border-top:1px solid var(--line)}.mobile-nav{display:none}.notice,.error{padding:15px 18px;border-radius:8px;margin:20px 0;background:var(--cream-dark);border:1px solid var(--line)}.error{border-color:#b63d32;color:var(--error);overflow-wrap:anywhere}.offline-status{font-size:12px;color:var(--muted);text-align:right}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--paper);padding:12px}.skip-link:focus{top:10px}.dialog{padding:0;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;width:min(560px,calc(100vw - 28px));max-height:90dvh;box-shadow:0 20px 80px #0003}.dialog.wide{width:min(820px,calc(100vw - 28px))}.dialog::backdrop{background:#21191088;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-content{padding:28px}.confirmation-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:28px}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-header h2{margin:0;overflow-wrap:anywhere}.dialog-header button{flex-shrink:0}.dialog h3{border-left:3px solid var(--accent);padding-left:10px;margin-top:28px}.dialog p,.steps li{overflow-wrap:anywhere}.dialog form{display:flex;flex-direction:column;gap:20px}fieldset{border:1px solid var(--line);border-radius:8px;padding:18px;min-width:0;display:flex;flex-direction:column;gap:14px}legend{padding:0 8px;color:var(--accent);font-family:Georgia;font-size:1.2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ingredient-group{padding:12px;background:var(--cream-dark);border-radius:6px}.ingredient-row{display:grid;grid-template-columns:80px 90px 1fr 44px;gap:8px;align-items:end;margin:10px 0}.step-editor{display:flex;gap:10px}.step-actions{display:flex;flex-direction:column;gap:3px}.step-actions button{min-height:32px;padding:2px 10px}.check{flex-direction:row;align-items:center;color:var(--ink);min-height:44px}.check input{width:18px;height:18px}.photo-editor{display:flex;flex-wrap:wrap;gap:18px}.photo-editor img,.photo-editor .photo-placeholder{width:160px;height:110px;object-fit:cover;border-radius:6px}.photo-editor .inline{gap:2px}.photo-editor button{padding:5px;min-width:38px}.gallery-strip{display:flex;gap:10px;overflow-x:auto}.gallery-strip button{padding:0;flex-shrink:0;overflow:hidden}.gallery-strip img{display:block;width:180px;height:140px;object-fit:cover}.enlarged{display:block;width:100%;max-height:65dvh;object-fit:contain}.recipe-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:.85rem;color:var(--muted);margin:20px 0}.servings{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:18px;background:var(--cream-dark);border-radius:8px;margin:24px 0}.servings label{width:95px}.ingredients{list-style:none;padding:0}.ingredients li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px dashed var(--line);padding:9px 0}.ingredients strong{color:var(--accent);white-space:nowrap}.steps{padding-left:25px}.steps li{padding:8px 0 8px 8px;white-space:pre-wrap}.preserve{white-space:pre-wrap}.tag{font-size:12px;border:1px solid var(--line);border-radius:20px;padding:3px 10px}.actions{margin-top:24px}.settings{padding-top:40px}.section-heading{margin-bottom:30px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.surface{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.surface h3{margin-top:0}.surface form{display:flex;gap:10px;flex-direction:column}.category-list{margin-top:20px}.category-list .inline{justify-content:space-between;margin-top:8px}@media(max-width:800px){.app-header nav{display:none}.hero-stamp{margin:0;width:130px;height:130px;flex-shrink:0}.hero{gap:20px}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);z-index:10;justify-content:space-around;padding:8px 8px max(8px,env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:none;font-size:13px}footer{padding-bottom:100px}main{padding-bottom:40px}.app-header{padding:15px 20px}.brand{font-size:1.3rem}.header-actions .primary{font-size:12px;padding:9px}.brand-mark{flex-shrink:0;font-size:1.8rem;line-height:1}.brand{gap:7px;flex-shrink:0}.app-header{gap:12px}.header-actions{flex-wrap:nowrap;flex-shrink:0}.dialog-content{padding:20px}.ingredient-row{grid-template-columns:60px 65px 1fr 34px;gap:4px}.ingredient-row input{padding:8px 5px}.ingredient-row button{padding:4px;min-width:0}.section-title{align-items:flex-start;flex-direction:column;gap:8px}.section-title h2{margin-bottom:0}.search{width:100%}}@media(max-width:480px){.hero-stamp{grid-column:2;grid-row:3;width:86px;height:86px;font-size:6px;letter-spacing:1.3px}.hero-stamp strong{font-size:32px;line-height:1.5}.hero{display:grid;grid-template-columns:minmax(0,1fr) 86px;column-gap:16px;row-gap:0;padding:22px 0 16px;margin-bottom:18px}.hero>div:first-child{display:contents}.hero .eyebrow,.hero h1{grid-column:1 / -1}h1{font-size:2rem;letter-spacing:-.6px}.hero .muted{grid-column:1;grid-row:3;font-size:.8rem;margin-bottom:5px}.form-grid{grid-template-columns:1fr}.filter-grid{padding:12px;gap:10px}.dialog-content{padding:16px}fieldset{padding:12px}.brand{font-size:1.1rem}.header-actions{gap:6px}.header-actions button{padding:8px}.header-actions .primary{max-width:115px}.recipe-grid{grid-template-columns:1fr}.card-photo{height:220px}.gallery-strip img{width:150px}.servings{gap:9px}}@media(max-width:360px){.app-header{padding-inline:16px;gap:8px}.brand{font-size:1.05rem;gap:5px}.brand-mark{font-size:1.6rem}.header-actions .primary{max-width:90px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}