:root{--cream:#faf4e8;--paper:#fffdf8;--green:#315b45;--green2:#4f765e;--sage:#dce8d8;--wood:#9b6641;--spice:#c56f36;--ink:#2c2b27;--muted:#726b61;--line:#e5d9c8;--danger:#a13f36;--shadow:0 14px 40px #49372118}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"Noto Sans Hebrew",sans-serif;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:14px;padding:.75rem 1rem;color:var(--ink);background:#efe6d7}.top{position:sticky;top:0;z-index:10;min-height:82px;display:flex;align-items:center;gap:24px;padding:10px clamp(16px,4vw,56px);background:#fffdf6eF;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;background:transparent;padding:0;margin-left:auto;text-align:right}.brand b{font-family:Georgia,serif;font-size:1.8rem;color:var(--green)}.brand small{display:block;color:var(--muted);font-size:.73rem}.logo{font-size:2.1rem;background:var(--sage);border-radius:50%;padding:8px}nav{display:flex;gap:5px}nav button{background:transparent}.ghost{border:1px solid var(--green);color:var(--green);background:transparent}main{max-width:1200px;margin:auto;padding:clamp(18px,4vw,48px)}.hero{background:linear-gradient(125deg,#315b45,#52745b);color:white;border-radius:32px;padding:clamp(28px,6vw,64px);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:'🌿';position:absolute;left:3%;bottom:-40px;font-size:10rem;opacity:.13}.eyebrow{letter-spacing:.08em;color:#e5d5af}.hero h1{font-family:Georgia,serif;font-size:clamp(2.1rem,5vw,4.4rem);margin:.2em 0}.hero p{max-width:560px;font-size:1.12rem}.search{display:flex;gap:8px;background:white;border-radius:18px;padding:7px;max-width:650px;margin-top:25px}.search input{border:0;outline:0;flex:1;padding:10px;background:transparent}.primary{background:var(--green);color:white}.hero .primary{background:var(--spice)}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.quick button{min-height:112px;background:var(--paper);border:1px solid var(--line);box-shadow:0 5px 16px #4937210c;font-size:1.02rem}.quick span{font-size:2rem;display:block;margin-bottom:8px}.sectionHead{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.sectionHead h2,h2{font-family:Georgia,serif}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 7px 24px #4937210d}.card .photo{height:175px;background:linear-gradient(135deg,var(--sage),#e9d6bb);display:grid;place-items:center;font-size:4rem;background-size:cover;background-position:center}.cardBody{padding:16px}.card h3{margin:0 0 8px}.meta{color:var(--muted);font-size:.9rem}.cardActions{display:flex;gap:7px;margin-top:14px}.cardActions button{flex:1;padding:.6rem}.empty{text-align:center;background:var(--paper);border:1px dashed #bba98e;border-radius:25px;padding:50px 20px;grid-column:1/-1}.empty .big{font-size:4rem}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.chip.active{background:var(--green);color:white}.statusbar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.stat{background:#ffffff17;border:1px solid #ffffff28;border-radius:15px;padding:12px}.stat b{font-size:1.4rem;display:block}dialog{border:0;border-radius:24px;padding:0;width:min(680px,94vw);max-height:92vh;background:var(--paper);box-shadow:0 30px 90px #0004}dialog::backdrop{background:#1d261fd0;backdrop-filter:blur(3px)}dialog form,#cookContent{padding:24px;overflow:auto;max-height:92vh}.dlgHead{display:flex;justify-content:space-between;align-items:center}.dlgHead button{background:transparent;font-size:1.2rem}label{display:grid;gap:7px;margin:15px 0;font-weight:700}input,textarea,select{border:1px solid var(--line);border-radius:12px;padding:12px;background:white;color:var(--ink)}textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formActions{display:flex;justify-content:space-between;gap:10px}.danger{background:#f3d9d5;color:var(--danger)}.autosave,.muted{color:var(--muted);font-size:.85rem}.upload{border:2px dashed #aab9a8;padding:24px;text-align:center;border-radius:16px}#scanPreview{width:100%;max-height:280px;object-fit:contain;border-radius:14px}.notice{background:#fff1cf;border-right:4px solid #d49a30;padding:12px;border-radius:10px}.cook{width:min(900px,96vw)}.cookTop{display:flex;justify-content:space-between;align-items:center}.progress{height:10px;background:#e8dfd1;border-radius:9px;overflow:hidden}.progress i{display:block;background:var(--green);height:100%}.step{font-size:clamp(1.25rem,3vw,2rem);line-height:1.65;padding:28px 8px}.timerBox{background:var(--sage);padding:16px;border-radius:18px;margin:14px 0}.timerTime{font-size:2rem;font-variant-numeric:tabular-nums}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.backupPanel{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:24px;margin:18px 0}.backupPanel button{margin:5px}.toast,#toast{position:fixed;bottom:20px;right:50%;transform:translateX(50%) translateY(100px);background:#24382c;color:white;padding:13px 20px;border-radius:14px;z-index:30;opacity:0;transition:.25s}#toast.show{opacity:1;transform:translateX(50%) translateY(0)}@media(max-width:760px){.top{min-height:70px}.brand small,nav{display:none}main{padding:14px}.hero{border-radius:22px;padding:28px 20px}.quick{grid-template-columns:1fr 1fr}.quick button{min-height:95px}.grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}.statusbar{grid-template-columns:1fr 1fr}.card .photo{height:150px}}@media(display-mode:standalone){#installBtn{display:none!important}}
.splitOverlay{position:fixed;inset:0;z-index:50;background:var(--cream);padding:18px;display:grid;grid-template-rows:auto 1fr;gap:12px}.splitHead{display:flex;justify-content:space-between;align-items:center}.splitGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}.splitPane{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:20px;overflow-y:auto;min-height:0}.splitPane h2{position:sticky;top:-20px;background:var(--paper);padding:14px 0;border-bottom:1px solid var(--line)}@media(max-width:700px){.splitOverlay{padding:8px}.splitGrid{gap:6px}.splitPane{padding:12px}.splitPane h2{top:-12px;font-size:1.1rem}}

body[data-theme="spice"]{--cream:#fff3e5;--green:#7b4631;--green2:#9a5c3b;--sage:#f0d0ad;--spice:#b44c2d}body[data-theme="night"]{--cream:#18231d;--paper:#243229;--green:#8fb996;--green2:#719879;--sage:#33483a;--ink:#f6f0e4;--muted:#c8bfaf;--line:#465749}body.largeText{font-size:120%}

.pickList{display:grid;gap:10px}.pickList button{text-align:right;background:var(--sage);padding:16px}
#cookDialog{width:100vw;max-width:none;height:100vh;max-height:none;border-radius:0;margin:0;padding:0}#cookContent{height:100vh;max-height:none;padding:clamp(18px,4vw,56px);display:flex;flex-direction:column}.cookTop{position:sticky;top:0;background:var(--paper);z-index:2;padding-bottom:12px}.cookModes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 20px}.cookModes button{border:1px solid var(--line)}.cookModes .active{background:var(--green);color:white}.recipeSheet{max-width:900px;width:100%;margin:auto;background:white;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,5vw,60px);font-size:1.15rem;line-height:1.8;overflow:auto}.cookFocus{max-width:900px;width:100%;margin:auto;padding:30px}.cookFocus ul{font-size:1.35rem;line-height:2}.cookFocus.slow{text-align:center}.cookNav{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:18px}.cookNav button{min-width:120px}@media(max-width:600px){.cookModes{grid-template-columns:1fr}.cookTop h1{font-size:1.45rem}.cookFocus{padding:18px 4px}.recipeSheet{padding:20px}}
.estimate{font-weight:700;color:var(--green);font-size:1.05rem}.autoTime{background:#fff1cf;border-radius:14px;padding:14px;margin-top:12px;font-size:1.25rem;font-weight:700;text-align:center}@media(max-width:760px){#cookContent{padding:16px}.cookModes{position:sticky;top:82px;z-index:2;background:var(--paper);padding:8px 0}.cookModes button{min-height:54px}.cookNav{position:sticky;bottom:0;background:var(--paper);padding:12px 0}.cookNav button{min-height:54px}.cookFocus .step{font-size:1.55rem}.cookFocus .row button{flex:1;min-height:52px}}
.scanChoices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scanChoices input{max-width:100%}body,main,dialog,form,.card,.cardBody,.cookFocus,.recipeSheet{min-width:0;max-width:100%}h1,h2,h3,p,li,button,label,.step,.meta,.notice{overflow-wrap:anywhere;word-break:break-word}.cardActions{flex-wrap:wrap}.cardActions button{min-width:min(130px,100%)}@media(max-width:600px){.scanChoices{grid-template-columns:1fr}.upload{padding:20px 12px}.cookModes button,.cookNav button{white-space:normal}}
body[data-theme="notebook"]{--cream:#f3ead8;--paper:#fffaf0;--green:#7d3b32;--green2:#9a5546;--sage:#ead8c1;--wood:#70462c;--spice:#b57a3a;--ink:#30251f;--line:#cbb797;font-family:Georgia,"Noto Serif Hebrew",serif;background-image:repeating-linear-gradient(0deg,transparent 0 31px,#b7d0df55 32px)}body[data-theme="notebook"] button,body[data-theme="notebook"] input,body[data-theme="notebook"] select,body[data-theme="notebook"] textarea{border-radius:4px}body[data-theme="notebook"] .card,body[data-theme="notebook"] .hero,body[data-theme="notebook"] dialog,body[data-theme="notebook"] .backupPanel{border-radius:6px;box-shadow:4px 5px 0 #8d6b4933}body[data-theme="notebook"] .hero{background:#7d3b32}body[data-theme="notebook"] .top{border-bottom:3px double var(--wood)}body[data-theme="modern"]{--cream:#f4f6fa;--paper:#fff;--green:#111827;--green2:#374151;--sage:#e5e7eb;--wood:#6b7280;--spice:#2563eb;--ink:#111827;--muted:#64748b;--line:#d8dee8;font-family:Arial,"Noto Sans Hebrew",sans-serif;letter-spacing:.01em}body[data-theme="modern"] button,body[data-theme="modern"] input,body[data-theme="modern"] select,body[data-theme="modern"] textarea{border-radius:999px}body[data-theme="modern"] .card,body[data-theme="modern"] .hero,body[data-theme="modern"] dialog,body[data-theme="modern"] .backupPanel{border-radius:12px;box-shadow:0 1px 2px #00000012}body[data-theme="modern"] .hero{background:linear-gradient(135deg,#111827,#2563eb);padding-block:80px}body[data-theme="modern"] .card .photo{filter:grayscale(.35)}body[data-theme="modern"] h1,body[data-theme="modern"] h2{font-family:Arial,"Noto Sans Hebrew",sans-serif;font-weight:800}body[data-theme="spice"]{--cream:#fff4e6;--paper:#fffaf2;--green:#8b3e1f;--sage:#f2d3a8;--spice:#d9480f;--line:#e8b982}body[data-theme="spice"] .hero{background:radial-gradient(circle at 20% 20%,#e67700,#8b2c12)}body[data-theme="spice"] .card,body[data-theme="spice"] dialog{border-radius:32px}body[data-theme="night"]{--cream:#101816;--paper:#18231f;--ink:#f3f4ed;--muted:#b7c4bc;--line:#37453e;--sage:#284138}body[data-theme="night"] .top{background:#111b18ee}body[data-theme="night"] .hero{background:linear-gradient(145deg,#0b1512,#294f40)}body[data-theme="night"] input,body[data-theme="night"] textarea,body[data-theme="night"] select{background:#22302b;color:#fff}body[data-theme="night"] .card{box-shadow:0 12px 36px #0008}body[data-theme="herb"] .card,body[data-theme="herb"] .hero{border-radius:28px}
body{font-family:"Trebuchet MS","Arial Hebrew",Arial,sans-serif}.brand b,.hero h1,.sectionHead h2,h2{font-family:Georgia,"Times New Roman",serif}.cookMenu{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:8}.cookMenu>button{background:var(--green);color:#fff;box-shadow:var(--shadow)}#cookMenuPanel{position:absolute;top:52px;left:50%;transform:translateX(-50%);width:min(320px,88vw);background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 16px 50px #0005}#cookMenuPanel button{display:block;width:100%;margin:5px 0;text-align:right}#cookMenuPanel .active{background:var(--green);color:#fff}@media(max-width:600px){.cookMenu{top:10px}.cookTop{padding-top:54px}}
.libraryCta{display:flex;align-items:center;gap:18px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px;margin-top:24px}.libraryCta>span{font-size:2.5rem}.libraryCta div{flex:1}.libraryCta h2,.libraryCta p{margin:.2rem}.recipeMenu{position:relative;flex:1}.recipeMenu summary{list-style:none;background:#efe6d7;border-radius:14px;padding:.65rem;text-align:center;cursor:pointer}.recipeMenu div{position:absolute;z-index:5;left:0;top:48px;width:190px;background:var(--paper);padding:8px;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.recipeMenu button{display:block;width:100%;margin:4px 0;text-align:right}@media(max-width:600px){.libraryCta{display:grid;text-align:center}.libraryCta button{min-height:54px}.cardActions>.primary{min-height:54px}.recipeMenu div{left:0;max-width:80vw}}
.networkDot{width:18px;height:18px;padding:0;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #999}.networkDot.online{background:#2ca24c}.networkDot.offline{background:#d33434}.libraryTools{display:flex;justify-content:space-between;gap:12px;align-items:center}.libraryTools label{display:flex;align-items:center;gap:8px;margin:0}.trashPanel{padding:24px}.trashRow{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px}.danger{color:#a13f36}@media(max-width:600px){.libraryTools{align-items:stretch;flex-direction:column}.libraryTools label{justify-content:space-between}}
.addMenuPanel{padding:24px}.addMethods{display:grid;grid-template-columns:1fr 1fr;gap:14px}.addMethods button{min-height:100px;font-size:1.1rem}@media(max-width:600px){.addMethods{grid-template-columns:1fr}.addMethods button{min-height:68px}}
.networkDot{width:11px;height:11px;border:0;box-shadow:none;min-width:11px;padding:0}
header .networkDot{width:10px!important;height:10px!important;min-width:10px!important;min-height:10px!important;padding:0!important;border:0!important;box-shadow:none!important}
/* Mobile library call-to-action: readable in every theme */
.libraryCta{color:var(--ink)!important;background:var(--paper)!important;min-height:0!important}.libraryCta h2,.libraryCta p{color:var(--ink)!important}.libraryCta .primary{width:auto!important;min-width:max-content!important;max-width:100%;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;padding-inline:20px!important;justify-self:center}.libraryCta>span{line-height:1}body[data-theme="spice"] .libraryCta{background:#fffaf2!important;border-color:#b85c27!important}body[data-theme="spice"] .libraryCta h2,body[data-theme="spice"] .libraryCta p{color:#3a2115!important}body[data-theme="night"] .libraryCta{background:#18231f!important}body[data-theme="night"] .libraryCta h2,body[data-theme="night"] .libraryCta p{color:#f3f4ed!important}@media(max-width:600px){.hero{padding-block:28px!important}.libraryCta{display:flex!important;flex-direction:column;gap:10px!important;padding:20px 16px!important;text-align:center;margin-top:18px!important}.libraryCta .primary{font-size:.95rem;min-height:48px!important}.quick{margin-bottom:16px}}
.appMenuBtn{font-size:1.35rem;padding:.45rem .65rem}.appMenuPanel{padding:22px}.appMenuPanel details{border-bottom:1px solid var(--line);padding:10px 0}.appMenuPanel summary{font-weight:800;font-size:1.1rem;cursor:pointer;padding:10px}.appMenuPanel details>button{display:block;width:100%;text-align:right;margin:6px 0;min-height:48px}.appMenuPanel p{color:var(--muted);line-height:1.5}@media(max-width:600px){#appMenu{width:100vw;height:100vh;max-height:none;border-radius:0}.appMenuPanel{padding:18px}}
.appMenuPanel{overflow:auto;max-height:100vh}.appMenuPanel details>button{white-space:normal;overflow-wrap:normal;word-break:normal}.appMenuPanel summary{display:flex;justify-content:space-between}.appMenuPanel summary::after{content:'▾';margin-right:auto}@media(max-width:600px){.appMenuPanel details>button{display:flex;align-items:center;width:100%;padding:13px 15px;margin:7px 0;text-align:right}.appMenuPanel details{padding:8px 0}.appMenuPanel .dlgHead{position:sticky;top:0;background:var(--paper);z-index:2}}@media(max-width:900px) and (orientation:landscape){.top{min-height:58px;padding-block:6px}.hero{padding:20px!important}.hero h1{font-size:2rem}.quick{grid-template-columns:repeat(4,1fr);margin:12px 0}.quick button{min-height:75px}.quick span{font-size:1.4rem}.libraryCta{flex-direction:row!important;padding:14px!important}.libraryCta>span{font-size:1.8rem}#cookContent{padding:12px 22px}.cookTop{padding-top:40px}.cookModes{margin:4px 0 10px}.cookFocus{padding:12px;overflow:auto}.cookFocus .step{font-size:1.3rem;padding:10px}.timerBox{padding:10px;margin:6px 0}.cookNav{padding:6px 0}.scanChoices{grid-template-columns:1fr 1fr}dialog form{padding:16px;max-height:100vh}.appMenuPanel{max-height:100vh;padding:12px}.appMenuPanel details{padding:2px 0}.appMenuPanel details>button{min-height:38px;margin:3px 0}}
/* Explicit readable surfaces for every card/panel in all themes */
.backupPanel,.empty,.libraryCta,.card,.trashPanel,.addMenuPanel,.appMenuPanel,.recipeSheet,.cookFocus{background:var(--paper)!important;color:var(--ink)!important}.backupPanel h1,.backupPanel h2,.backupPanel h3,.backupPanel p,.backupPanel b,.empty h2,.empty p,.libraryCta h2,.libraryCta p,.card h3,.card p,.trashPanel,.addMenuPanel,.appMenuPanel,.recipeSheet,.cookFocus{color:var(--ink)!important}.backupPanel .primary,.libraryCta .primary,.card .primary{color:#fff!important}.statusbar{grid-template-columns:repeat(2,1fr)}body[data-theme="spice"] .backupPanel,body[data-theme="spice"] .empty,body[data-theme="spice"] .card{background:#fffaf2!important;color:#3a2115!important}body[data-theme="spice"] .backupPanel *,body[data-theme="spice"] .empty *,body[data-theme="spice"] .card h3,body[data-theme="spice"] .card .meta{color:#3a2115!important}body[data-theme="spice"] .backupPanel .primary,body[data-theme="spice"] .card .primary{color:#fff!important}body[data-theme="night"] .backupPanel,body[data-theme="night"] .empty,body[data-theme="night"] .card{background:#18231f!important;color:#f3f4ed!important}body[data-theme="night"] .backupPanel *,body[data-theme="night"] .empty *,body[data-theme="night"] .card h3{color:#f3f4ed!important}
.activeCookStrip{display:flex;align-items:center;gap:6px;background:#fff1f0;border:1px solid #d9534f;border-radius:10px;padding:4px 6px;margin:10px 0;color:#a5211d;max-width:100%}.activeCookStrip button{background:transparent;color:#a5211d;padding:5px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activeCookStrip button:first-child{flex:1;text-align:right}.activeCookStrip .activeClose{flex:0 0 auto;font-weight:900;font-size:1rem}.activeCookStrip b{color:#b8201a}@media(max-width:600px){.activeCookStrip{font-size:.78rem;margin:7px 0}.activeCookStrip button{padding:4px}}
.shoppingList{margin-top:18px}.shoppingItem{display:flex;justify-content:space-between;align-items:center;background:var(--paper);border:1px solid var(--line);padding:12px 16px;margin:8px 0;border-radius:14px}.shoppingItem label{display:flex;align-items:center;gap:10px;margin:0}.shoppingItem.done span{text-decoration:line-through;opacity:.6}.shoppingItem input{width:22px;height:22px}
.recipeBookStat{display:flex;flex-direction:column;gap:8px}.recipeBookStat button{margin-top:auto;padding:7px 10px;background:#fff;color:var(--green);white-space:nowrap;word-break:normal;overflow-wrap:normal}
@media(max-width:600px){.top{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;padding:10px 14px;min-height:68px}.brand{min-width:0;margin:0;grid-column:4}.brand b{font-size:1.45rem;white-space:nowrap}.brand small{display:none}.logo{font-size:1.35rem;padding:7px}.appMenuBtn{grid-column:2}.networkDot{grid-column:1}.top>#settingsBtn{grid-column:1;padding:8px 10px;font-size:.85rem;white-space:nowrap}.top>#installBtn{display:none!important}.statusbar{grid-template-columns:1fr 1fr}.recipeBookStat button{font-size:.82rem}}
.top{transition:transform .24s ease;will-change:transform}.top.topHidden{transform:translateY(-105%)}
@media(max-width:600px){.top{display:flex;flex-wrap:nowrap;min-height:64px;height:64px;padding:8px 12px;gap:9px}.top nav,.top>#settingsBtn,.top>#installBtn{display:none!important}.top .brand{order:1;margin-inline-end:0;margin-inline-start:auto;display:flex;min-width:0}.top .appMenuBtn{order:2;display:inline-grid}.top .networkDot{order:3;flex:0 0 auto}.top dialog{order:4}.brand b{font-size:1.35rem}.logo{font-size:1.2rem;padding:6px}}
.recipeBookStat .bookDirect{display:block;margin-top:8px;width:100%;padding:8px 12px;border-radius:999px;background:var(--paper);color:var(--ink);font-weight:800;text-align:center;text-decoration:none;border:1px solid var(--line)}
@media(max-width:600px){body>.top{box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1fr) 40px 18px 96px;align-items:center;flex-wrap:nowrap;height:64px!important;min-height:64px!important;max-height:64px!important;padding:8px 12px!important;gap:8px!important;overflow:visible}body>.top>.brand{grid-column:1!important;display:flex!important;order:initial!important;margin:0!important;min-width:0!important;justify-self:start}body>.top>.appMenuBtn{grid-column:2!important;display:grid!important;order:initial!important;width:40px!important;height:40px!important;padding:0!important;margin:0!important}body>.top>.networkDot{grid-column:3!important;display:block!important;order:initial!important;margin:0!important}body>.top>#settingsBtn{grid-column:4!important;display:inline-flex!important;justify-content:center!important;order:initial!important;margin:0!important;padding:7px 8px!important;font-size:.78rem!important;width:96px!important;white-space:nowrap}body>.top>#installBtn,body>.top>nav{display:none!important}body>.top>dialog{position:fixed}.recipeBookStat .bookDirect{font-size:.82rem}}
#recipeViewDialog{width:min(760px,94vw);max-height:92vh;padding:0}.recipeViewPanel{padding:clamp(18px,4vw,36px);background:var(--paper);color:var(--ink)}.recipeViewPanel section{margin-block:22px}.recipeViewPanel li{margin-block:9px;line-height:1.6}.recipeViewPhoto{height:min(280px,35vh);background-position:center;background-size:cover;border-radius:18px;margin-block:14px}.recipeViewActions{position:sticky;bottom:0;display:flex;gap:12px;background:var(--paper);padding-top:14px}.recipeViewActions button{flex:1}.recipeViewPanel .primary{color:#fff!important}@media(max-width:600px){#recipeViewDialog{width:100vw;height:100vh;max-height:none;border-radius:0;margin:0}.recipeViewPanel{min-height:100%;padding:18px}.recipeViewActions{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
.cardView{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:inherit}.cardView .primary{display:inline-block;padding:9px 20px;border-radius:12px;background:var(--green);color:#fff!important;font-weight:800;margin-top:12px}.recipeViewHead{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start}.recipeViewMenu{position:relative}.recipeViewMenuBtn,#recipeViewMenuBtn{font-size:1.3rem}.recipeViewMenu #recipeViewMenuPanel{position:absolute;top:calc(100% + 6px);left:0;z-index:8;min-width:220px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}#recipeViewMenuPanel button{display:block;width:100%;text-align:right;margin:3px 0}.recipeViewHead h1{margin-block:4px}@media(max-width:600px){.recipeViewHead{grid-template-columns:auto 1fr auto}.recipeViewHead .eyebrow{font-size:.72rem}.recipeViewHead h1{font-size:1.35rem}}
.hero::after{pointer-events:none!important}.hero .statusbar,.hero .recipeBookStat,.hero .bookDirect{position:relative;z-index:2;pointer-events:auto}.hero .bookDirect{touch-action:manipulation}
.ocrReview{margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink)}.ocrReview h3{margin:0 0 8px}.ocrGood{color:#287a46;font-weight:800}.ocrMissing{color:#b42318!important;background:#fee4e2;border-right:4px solid #b42318;padding:10px;border-radius:8px;font-weight:800}.ocrReview[hidden]{display:none}

.modelCredit{font-size:.72rem;color:var(--muted,#666);padding:8px 16px;text-align:center}.modelCredit a{color:inherit;text-decoration:underline}

.historyDialog{width:min(600px,92vw);background:var(--paper);color:var(--ink);padding:24px;border-radius:18px}.historyList ol{padding-inline-start:24px}.historyList li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

.duplicateDialog{width:min(530px,92vw);background:var(--paper);color:var(--ink);padding:24px;border-radius:18px}.duplicateDialog .row{display:flex;gap:10px;flex-wrap:wrap}.duplicateDialog button{min-height:44px}
.selectRecipe{display:flex;gap:8px;align-items:center;font-weight:700;padding:8px;margin:0}.selectRecipe input{width:20px;height:20px}.libraryTools .row{margin:10px 0}.libraryTools button{white-space:normal}
.card{position:relative}.favToggle{position:absolute;top:10px;left:10px;border-radius:50%;min-width:44px;min-height:44px;font-size:1.6rem;color:#a13f36;background:#fffdf8e8;box-shadow:0 2px 8px #0002}.favToggle[aria-pressed=true]{color:#b13b37}
.importPreviewPanel{padding:24px;max-height:90vh;overflow:auto}.importPreviewNames{max-height:240px;overflow:auto;background:#fff;padding:12px;border:1px solid var(--line);border-radius:12px;margin:14px 0}.importPreviewNames div{padding:5px;border-bottom:1px solid var(--line)}.importPreviewDialog label{display:flex;align-items:center;gap:9px;font-weight:400}.importPreviewDialog input{width:20px;height:20px}
.backupUpload{display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px;font-weight:700;margin:12px 0}.backupUpload input{max-width:100%;font-size:.9rem}
.inventoryForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:var(--paper);padding:18px;border:1px solid var(--line);border-radius:16px}.inventoryForm label{margin:0}.inventoryForm button{align-self:end}.inventoryRow{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px;padding:8px 0}.inventoryRow small{display:block;color:var(--muted)}@media(max-width:680px){.inventoryForm{grid-template-columns:1fr}}

/* ===== v73: warm cream theme (default), self-hosted Playpen Sans Hebrew (SIL OFL) ===== */
@font-face{font-family:"Playpen Sans Hebrew";src:url(fonts/PlaypenSansHebrew.ttf) format("truetype");font-weight:100 800;font-display:swap}
body[data-theme="cream"]{--cream:#FFF8F0;--paper:#FFFDF9;--green:#3E2723;--green2:#5C4033;--sage:#F6E7D6;--wood:#A1887F;--spice:#D4A574;--ink:#3E2723;--muted:#8D6E63;--line:#EAD9C6;--shadow:0 14px 35px #5c403312;font-family:"Playpen Sans Hebrew",system-ui,sans-serif;background:radial-gradient(1200px 500px at 70% -10%,#fdeedd 0,transparent 60%),#FFF8F0;color:#3E2723}
body[data-theme="cream"] h1,body[data-theme="cream"] h2,body[data-theme="cream"] h3{font-family:"Playpen Sans Hebrew",system-ui,sans-serif;color:#5C4033;font-weight:700}
body[data-theme="cream"] .top{background:#FFFDF9ee!important;border-bottom:1px solid #EAD9C6!important;box-shadow:0 2px 14px #5c40330d}
body[data-theme="cream"] .hero h1{font-size:clamp(2.6rem,9vw,5.2rem);line-height:1.08;color:#5C4033;letter-spacing:-.01em}
body[data-theme="cream"] .hero{background:transparent!important;color:#3E2723!important;text-align:center;box-shadow:none!important}
body[data-theme="cream"] .hero p,body[data-theme="cream"] .hero .eyebrow{color:#8D6E63!important}
body[data-theme="cream"] .primary,body[data-theme="cream"] button.primary{background:#3E2723!important;color:#fff!important;border-radius:12px!important;font-weight:700;box-shadow:none}
body[data-theme="cream"] .card,body[data-theme="cream"] .quick button,body[data-theme="cream"] .libraryCta,body[data-theme="cream"] .stat,body[data-theme="cream"] .recipeViewPanel,body[data-theme="cream"] .cookFocus,body[data-theme="cream"] .recipeSheet{border-radius:20px!important;border:1px solid #EAD9C6!important;box-shadow:0 14px 35px #5c403312!important;background:#FFFDF9!important}
body[data-theme="cream"] .quick button{transition:transform .15s ease,box-shadow .15s ease}
body[data-theme="cream"] .quick button:hover,body[data-theme="cream"] .card:hover{transform:translateY(-2px)}
body[data-theme="cream"] input,body[data-theme="cream"] select,body[data-theme="cream"] textarea{border-radius:12px;border:1px solid #D9C3AC;background:#fff;font-family:inherit;color:#3E2723}
body[data-theme="cream"] .eyebrow{color:#8D6E63}
body[data-theme="cream"] dialog{border-radius:22px;background:#FFFDF9;color:#3E2723}
body[data-theme="cream"] .progress i{background:#D4A574}

/* tap-to-start timers */
.durBtn{display:inline;font:inherit;font-weight:700;border:1.5px dashed #D4A574!important;background:#FFF1DF!important;color:#5C4033!important;border-radius:999px!important;padding:.05em .55em!important;min-height:0!important;cursor:pointer;margin-inline:.1em;white-space:nowrap}
.durBtn:hover,.durBtn:focus-visible{background:#D4A574!important;color:#3E2723!important;outline:2px solid #3E2723}
#timerDock{inset:auto 0 0 0;margin:0 auto 12px;width:min(520px,94vw);background:transparent;border:0;padding:0;display:flex;flex-direction:column;gap:8px;overflow:visible}
#timerDock:not(:popover-open){display:none}
.tdRow{display:flex;align-items:center;gap:8px;background:#3E2723;color:#fff;border-radius:16px;padding:10px 12px;box-shadow:0 10px 30px #3e272366}
.tdRow button{min-height:36px!important;min-width:36px;padding:0 8px!important;border-radius:10px!important;background:#ffffff22!important;color:#fff!important;border:0!important;font-size:1rem}
.tdTime{font-size:1.5rem;font-variant-numeric:tabular-nums;min-width:4.2ch;direction:ltr;text-align:center}
.tdLbl{flex:1;font-size:.85rem;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdDone{background:#B3402F;animation:tdPulse 1s infinite}
@keyframes tdPulse{50%{transform:scale(1.02)}}

/* flow view */
.viewToggle{display:flex;gap:8px;justify-content:center;margin:14px 0}
.viewToggle button{background:#FFFDF9!important;border:1px solid #D4A574!important;color:#5C4033!important;border-radius:12px!important;font-weight:700}
.flowWrap{display:flex;flex-direction:column;align-items:center;gap:0;padding:6px 0 18px}
.flowWrap.flowH{flex-direction:row;overflow-x:auto;align-items:stretch;padding:10px 4px 18px;scroll-snap-type:x proximity}
.flowNode{display:flex;justify-content:center;width:100%;scroll-snap-align:center}
.flowWrap.flowH .flowNode{width:auto;flex:0 0 min(280px,78vw)}
.flowCard{position:relative;width:min(520px,100%);background:#FFFDF9;border:2px solid #A1887F;border-radius:20px;padding:16px 16px 14px;box-shadow:0 14px 35px #5c403312;text-align:start}
.flowCard h3{margin:2px 0 6px;font-size:1.15rem}.flowCard p{margin:0 0 8px;line-height:1.7}
.flowEmoji{font-size:1.8rem;line-height:1}
.flowNum{position:absolute;inset-block-start:12px;inset-inline-end:14px;font-size:.78rem;color:#8D6E63;background:#F6E7D6;border-radius:999px;padding:2px 10px}
.flowPrep{border-style:dashed}
.flowIngs{display:flex;flex-direction:column;gap:4px;border-top:1px dotted #BCAAA4;padding-top:8px;margin-top:6px}
.flowIng{display:flex;gap:8px;align-items:center;font-size:.95rem;cursor:pointer}
.flowIng.on span{text-decoration:line-through;opacity:.55}
.flowIng input{width:18px;height:18px;accent-color:#3E2723}
.flowArrow{display:flex;flex-direction:column;align-items:center;min-height:54px;justify-content:center;position:relative;width:100%}
.flowArrow::before{content:"";width:0;height:34px;border-inline-start:2px dashed #A1887F}
.flowArrow::after{content:"";width:0;height:0;border-inline:6px solid transparent;border-top:9px solid #A1887F}
.flowArrow span{position:absolute;inset-inline-start:calc(50% + 14px);font-size:.82rem;color:#8D6E63;white-space:nowrap}
.flowWrap.flowH .flowArrow{width:56px;min-height:0;flex:0 0 56px;flex-direction:row;align-self:center}
.flowWrap.flowH .flowArrow::before{width:30px;height:0;border-inline-start:0;border-top:2px dashed #A1887F}
.flowWrap.flowH .flowArrow::after{border-inline:0;border-block:6px solid transparent;border-inline-end:9px solid #A1887F;border-top-color:transparent}
.flowWrap.flowH .flowArrow span{inset-inline-start:auto;inset-block-start:calc(50% - 26px)}
@media (prefers-reduced-motion:reduce){.tdDone{animation:none}.quick button{transition:none}}