/* Website-only presentation. No saved recipe data or Android identity changes. */
:root{--ux-ink:#19394a;--ux-clay:#aa4631;--ux-line:#dfd8cc;--ux-muted:#68675f;--ux-bg:#f8f3e9;--ux-surface:#fffdf8;--ux-inset:#f0ece4;--ux-selected:#ffffff;--ux-nav:#fffdf8;--ux-pending:#eee9df}
body{background:var(--ux-bg);color:var(--ink)}.public-edition-notice{margin:0!important;padding:9px 18px!important;text-align:center;font-size:12px!important;color:var(--ux-muted);background:var(--ux-inset);border:0!important}.public-edition-notice a{color:var(--ux-ink);text-underline-offset:3px}
.shell{max-width:1120px;margin:auto}.header{border-bottom:1px solid var(--ux-line);padding-bottom:18px!important;margin-bottom:24px!important}.header .badge{font-size:11px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0!important}.library-heading h1{font-size:clamp(28px,4vw,38px)!important;letter-spacing:-1px;margin:0 0 5px}.library-heading p{margin:0;color:var(--ux-muted)}.cookbook-add{display:flex;gap:8px;padding:0!important}.cookbook-add .btn{min-height:44px!important;border-radius:12px!important}
.cookbook-search-panel{padding:22px!important;border:1px solid var(--ux-line)!important;border-radius:18px!important;box-shadow:none!important;background:var(--ux-surface);gap:16px!important}.search-control{display:flex;align-items:center;position:relative}.search-control input{padding-right:105px!important;border-radius:12px!important;background:white!important}.search-clear{position:absolute;right:5px;max-width:98px;font-size:12px!important;min-height:38px!important;padding:8px!important}.search-clear[hidden]{display:none!important}
.cookbook-scope{background:var(--ux-inset);padding:4px!important;border-radius:14px;gap:4px!important}.cookbook-scope .btn{min-height:42px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--ux-muted)!important}.cookbook-scope .btn[aria-pressed=true]{background:var(--ux-selected)!important;color:var(--ux-ink)!important;box-shadow:0 2px 5px #19394a0b!important}
.everyday-filters{display:grid!important;grid-template-columns:1fr 1fr;gap:14px}.everyday-filters section{min-width:0}.field{font-size:13px!important;line-height:1.6}input,select,textarea{font-size:16px!important}#cookbook-refine{border-top:1px solid var(--ux-line);padding-top:8px}#cookbook-refine>summary{min-height:40px!important}.refine-group{border-bottom:1px solid var(--ux-line);padding:8px 0}.refine-group:last-child{border:0}.refine-group>summary{min-height:44px;align-content:center}.filter-note{font-size:12px!important;line-height:1.55!important;color:var(--ux-muted);grid-column:1/-1}.active-filters{gap:7px!important}.active-filters .btn{border:1px solid var(--ux-line);border-radius:24px;font-size:12px!important;min-height:36px!important}
.cookbook-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 14px}.cookbook-toolbar>p{font-size:13px;color:var(--ux-muted);scroll-margin-top:20px}.cookbook-sort{margin:0!important;min-width:150px}.cookbook-sort label{display:flex;align-items:center;gap:8px}.cookbook-sort select{width:170px;min-height:40px;font-size:13px!important}.cookbook-sort .field{margin:0!important}
#cookbook-results .recipe-grid{gap:20px}#cookbook-results .card{border:1px solid var(--ux-line);border-radius:18px;overflow:hidden;background:var(--ux-surface);box-shadow:0 3px 14px #19394a05;transition:box-shadow .15s ease,transform .15s ease}#cookbook-results .card-main{padding:0!important;background:transparent!important;border:0!important;text-align:left;justify-content:flex-start}#cookbook-results .card-copy{padding:18px!important}#cookbook-results h3{font-size:20px!important;line-height:1.3;margin:9px 0!important;color:var(--ux-ink)}#cookbook-results .recipe-description{font-size:14px!important;line-height:1.6!important;color:var(--ux-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0 14px!important}#cookbook-results .category{font-size:11px!important;letter-spacing:.06em;text-transform:uppercase;color:var(--ux-clay)}#cookbook-results .recipe-meta{font-size:12px;line-height:1.5;color:var(--ux-ink);margin:8px 0}#cookbook-results .recipe-caveats{font-size:11px;line-height:1.5;color:var(--ux-muted);margin:7px 0 0}#cookbook-results .recipe-caveats:empty{display:none}.recipe-photo-pending{background:var(--ux-pending)!important;color:var(--ux-muted)!important}.recipe-photo-pending small{display:none}.recipe-photo-pending .photo-pending-mark{opacity:.5}.recipe-pagination{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin:28px 0 12px}.recipe-pagination .btn{min-height:46px}.recipe-pagination>span{font-size:13px;color:var(--ux-muted)}.empty-results{text-align:center;padding:45px 20px;background:var(--ux-surface);border:1px dashed var(--ux-line);border-radius:16px}.empty-results h2{font-size:24px}.empty-results p{color:var(--ux-muted)}
.bottom-nav{background:var(--ux-nav)!important;border-top:1px solid var(--ux-line)!important;box-shadow:0 -5px 22px #19394a08!important;backdrop-filter:blur(12px)}.bottom-nav .nav-item{min-height:54px;border-radius:12px}.bottom-nav .nav-item.active{background:var(--ux-inset)!important;color:var(--ux-ink)!important}.btn:focus-visible,.card-main:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ad673f!important;outline-offset:3px}dialog{overscroll-behavior:contain}dialog::backdrop{background:#19394a80}.cookbook-full .quiet:first-child{padding:14px 18px!important;border-bottom:1px solid var(--ux-line)!important;background:var(--ux-surface)!important;top:0!important}.cookbook-full{scrollbar-gutter:stable}
@media(hover:hover){#cookbook-results .card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #19394a12}}
@media(min-width:1050px){#cookbook-results .recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#cookbook-results .card-main>.cover{height:205px!important;min-height:205px!important}}
@media(max-width:600px){.shell{padding-left:16px!important;padding-right:16px!important}.header{margin-bottom:18px!important}.library-heading{display:block}.cookbook-add{display:grid;grid-template-columns:1fr 1fr;margin-top:16px}.cookbook-search-panel{padding:16px!important;gap:12px!important}.everyday-filters{gap:10px}.cookbook-toolbar{gap:8px;margin-top:18px}.cookbook-sort label{font-size:0!important}.cookbook-sort select{width:150px;font-size:13px!important}#cookbook-results .card-main>.cover{height:205px!important;min-height:205px!important}#cookbook-results .card-copy{padding:17px!important}.header .badge{display:none}.recipe-pagination{gap:10px}.public-edition-notice{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Compact control labels without removing their accessible names. */
.cookbook-sort label.field{display:flex;flex-direction:row;align-items:center;white-space:nowrap}.cookbook-sort select{min-height:44px}.public-edition-notice{border-radius:0!important}.header .local-badge{font-size:11px}
@media(max-width:600px){.library-heading{margin:16px 0!important}.header{padding-bottom:14px!important}.cookbook-search-panel{gap:10px!important}.cookbook-toolbar{margin:14px 0 10px}.cookbook-sort label.field{gap:0}}

/* Keep surfaces, text, and controls paired in both appearance settings. */
:root[data-theme=dark]{--ux-ink:#f7f1e8;--ux-clay:#f0b39b;--ux-line:#6f8191;--ux-muted:#cbd4dd;--ux-bg:#14212d;--ux-surface:#243746;--ux-inset:#354c5e;--ux-selected:#4a6275;--ux-nav:#243746;--ux-pending:#354c5e;--bg:var(--ux-bg);--paper:var(--ux-surface);--ink:var(--ux-ink);--muted:var(--ux-muted)}
:root input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),:root textarea,:root select,:root select option{background:#fffdf8!important;color:#19394a!important;border-color:#7b8790!important;caret-color:#19394a;color-scheme:light}
:root input::placeholder,:root textarea::placeholder{color:#5d6972!important;opacity:1}
.search-clear{color:#19394a!important;background:#fffdf8!important}
:root input:disabled,:root textarea:disabled,:root select:disabled{background:#e3e8eb!important;color:#4c5962!important;opacity:1}
:root[data-theme=dark] .cookbook-scope .btn[aria-pressed=true]{box-shadow:inset 0 0 0 2px #d6e2eb!important}
:root[data-theme=dark] .btn:focus-visible,:root[data-theme=dark] .card-main:focus-visible,:root[data-theme=dark] input:focus-visible,:root[data-theme=dark] select:focus-visible,:root[data-theme=dark] textarea:focus-visible,:root[data-theme=dark] summary:focus-visible{outline-color:#ffd29b!important}
:root[data-theme=dark] .recipe-pagination .btn,:root[data-theme=dark] .active-filters .btn{border-color:var(--ux-line)}

/* Editorial palette: deep surroundings, warm reading surfaces, strong ink. */
:root{--ux-muted:#3e4b53;--muted:#3e4b53}
:root[data-theme=dark]{--ux-bg:#101d28;--bg:#101d28;--ux-muted:#e0e6e9;--muted:#e0e6e9;--ux-nav:#172b3b;--ux-line:#71828e}
:root :is(.panel,.card,dialog,.empty-results){--ink:#142d3d;--muted:#3e4b53;--paper:#faf6ee;--light:#e8dfd0;--soft:#efe4d2;--line:#b5aa99;--green:#843c29;--on-primary:#ffffff;--danger:#922c24;--orange:#813c27;--ux-ink:#142d3d;--ux-muted:#3e4b53;--ux-surface:#faf6ee;--ux-inset:#e8dfd0;--ux-selected:#173447;--ux-clay:#813c27;--ux-line:#b5aa99;color:#142d3d;background:#faf6ee;color-scheme:light}
:root .cookbook-search-panel{border-color:#b5aa99!important}
:root .cookbook-scope .btn[aria-pressed=true]{background:#173447!important;color:#fffaf2!important;box-shadow:none!important}
:root .cookbook-scope .btn:not([aria-pressed=true]){color:#34434b!important;font-weight:650}
:root :is(.panel,.card,dialog) :is(h1,h2,h3,label,summary){color:#142d3d}
:root :is(.panel,.card,dialog) .btn.primary{background:#843c29;border-color:#843c29;color:#ffffff}
:root :is(.panel,.card,dialog) .chip.active{background:#173447;color:#fffaf2;border-color:#173447}
:root :is(.panel,.card,dialog) :is(.small,.muted,.substitution,.source-note){color:#3e4b53}
:root :is(.panel,.card,dialog) .btn:focus-visible,:root :is(.panel,.card,dialog) :is(input,select,textarea,summary):focus-visible{outline-color:#813c27!important}
:root input::placeholder,:root textarea::placeholder{color:#465761!important}
#cookbook-results .recipe-description{font-weight:450}#cookbook-results .recipe-meta{font-weight:600}
:root .cookbook-full .quiet:first-child{color:#142d3d!important;background:#faf6ee!important}
:root[data-theme=dark] .bottom-nav .nav-item.active{background:#365063!important;color:#fffaf2!important}
:root[data-theme=dark] .cookbook-add .btn{background:#faf6ee;color:#142d3d;border-color:#c2b8a8}
:root[data-theme=dark] .cookbook-sort select{border-color:#c2b8a8!important}
:root[data-theme=dark] #cookbook-results .card{box-shadow:0 8px 26px #0003}

/* Lower-glare reading surfaces; explicit labels prevent mixed-theme inheritance. */
:root{--ux-bg:#d7d0c3;--bg:#d7d0c3;--ux-surface:#dfd8ca;--ux-muted:#34424b}
:root[data-theme=dark]{--ux-bg:#101d28;--bg:#101d28;--ux-muted:#e0e6e9}
:root :is(.panel,.card,dialog,.empty-results){--paper:#dfd8ca;--ux-surface:#dfd8ca;--light:#ccc2af;--ux-inset:#ccc2af;background:#dfd8ca;color:#142d3d}
:root #cookbook-refine>summary,:root .refine-group>summary{color:#142d3d!important;font-weight:700}
:root input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),:root textarea,:root select,:root select option{background:#eee8dc!important;color:#142d3d!important;border-color:#687682!important}
:root .search-clear{background:#eee8dc!important;color:#142d3d!important}
:root .cookbook-full .quiet:first-child{background:#dfd8ca!important;color:#142d3d!important}
:root[data-theme=dark] .cookbook-add .btn{background:#dfd8ca;color:#142d3d}
:root{--orange:#813c27} :root:not([data-theme=dark]) .eyebrow{color:#813c27}