:root { color-scheme: light; --surface: #fffdf6; --soft-surface: #eeefe1; }
.preferences-row { display: flex; justify-content: flex-end; padding-block: 10px; }
.site-preferences { display: flex; gap: 9px; flex-wrap: wrap; }
.preference-button { min-height: 42px; min-width: 70px; padding: 7px 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 22px; font-size: 12px; }
.preference-button:hover { border-color: var(--orange); }
#updates-count { background: var(--orange); color: white; border-radius: 12px; padding: 0 6px; margin-inline-start: 4px; }
.updates-choice { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; padding: 15px; border: 1px solid var(--line); border-radius: 10px; }
.updates-choice input { width: 20px; height: 20px; flex-shrink: 0; accent-color: var(--green); }
.update-recipe { display: block; padding: 15px 5px; border-bottom: 1px solid var(--line); font-size: 15px; text-decoration: underline; text-underline-offset: 5px; }
.audio-reader,.contact-card { background: var(--soft-surface); border: 1px solid var(--line); border-radius: 16px; padding: 24px; margin-block: 25px; }
.audio-reader h2 { font-size: 23px; }
.audio-reader p { font-size: 13px; margin-bottom: 12px; }
.audio-controls { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; }
.audio-controls label { display: grid; gap: 4px; font-size: 12px; max-width: 100%; }
.audio-controls select { min-height: 44px; max-width: 260px; }
.audio-reader #read-status { min-height: 1.8em; margin: 14px 0 0; }
.contact-email { display: inline-block; font-family: system-ui,sans-serif; font-weight: 600; font-size: clamp(14px,2.3vw,21px); max-width: 100%; overflow-wrap: anywhere; text-decoration: underline; margin-bottom: 18px; }
.contact-card p { line-height: 2; }
html[lang='en'] body { font-family: 'Mawgoud Symbols',system-ui,-apple-system,'Segoe UI',sans-serif; line-height: 1.75; }
html[lang='en'] h1,html[lang='en'] h2,html[lang='en'] h3 { letter-spacing: -0.025em; }
html[lang='en'] .brand { font-size: 24px; }
html[lang='en'] .method ol li { padding-inline: 50px 0; }
html[lang='en'] .method li::before { right: auto; left: 0; }
html[lang='en'] .ingredients-box ul,html[lang='en'] .toc ol { padding-right: 0; padding-left: 20px; }
html[lang='en'] .finder-bottom .btn { margin-right: 0; margin-left: auto; }
html[lang='en'] .finder-bottom label { min-width: 165px; }
html[lang='en'] .card-copy h3 { line-height: 1.4; }
html[lang='en'] .hero h1 { font-size: clamp(42px,4.4vw,64px); }
html[lang='en'] .hero h1 em { display: inline-block; }
[data-theme='dark'] { color-scheme: dark; --paper: #171e1a; --ink: #f1eddf; --green: #b9d397; --muted: #bdc6b3; --orange: #edaa86; --line: #465346; --cream: #263329; --surface: #202c24; --soft-surface: #28352a; }
[data-theme='dark'] .topline { background: #283d2b; color: #f0eddf; }
[data-theme='dark'] .primary,[data-theme='dark'] .selected-chip,[data-theme='dark'] .chip[aria-pressed='true'],[data-theme='dark'] .filters button.active { background: #b9d397; color: #192419; }
[data-theme='dark'] .primary:hover { background: #cde6ad; }
[data-theme='dark'] .photo-tag,[data-theme='dark'] .heart,[data-theme='dark'] .photo-caption { background: #202c24ed; color: #f1eddf; }
[data-theme='dark'] .values,[data-theme='dark'] footer,[data-theme='dark'] #finder-form,[data-theme='dark'] .ingredients-box,[data-theme='dark'] .toc,[data-theme='dark'] .tip,[data-theme='dark'] .related-grid a,[data-theme='dark'] .sources,[data-theme='dark'] .collection-notes,[data-theme='dark'] .planner-note,[data-theme='dark'] .cooking-progress,[data-theme='dark'] .cuisine-tag { background: #28352a; color: #f1eddf; border-color: #465346; }
[data-theme='dark'] .pantry-drawer,[data-theme='dark'] .ingredient-group,[data-theme='dark'] .discovery-card,[data-theme='dark'] .collection-recipe,[data-theme='dark'] .plan-day,[data-theme='dark'] .result { background: #202c24; border-color: #465346; }
[data-theme='dark'] select,[data-theme='dark'] input,[data-theme='dark'] textarea { background: #17231b; color: #f1eddf; border-color: #586650; }
[data-theme='dark'] .article-body p,[data-theme='dark'] .hero-copy > p,[data-theme='dark'] .collection-intro,[data-theme='dark'] .discovery-card p,[data-theme='dark'] .collection-recipe p,[data-theme='dark'] .pantry-drawer summary small,[data-theme='dark'] #ingredient-count,[data-theme='dark'] .breadcrumbs,[data-theme='dark'] .step-done .cook-step > span { color: #bdc6b3; }
[data-theme='dark'] .discovery-card > span,[data-theme='dark'] .collection-recipe span,[data-theme='dark'] .coming-soon { color: #edaa86; }
[data-theme='dark'] .pantry-drawer > summary::after { color: #b9d397; }
[data-theme='dark'] .editorial-feature { background: #263b2a; }
[data-theme='dark'] .cream { color: #263b2a; }
[data-theme='dark'] .round-stamp { background: #d0bf85; color: #263b2a; }
[data-theme='dark'] #toast { color: #192419; }
@media(max-width:680px) {
  .preferences-row { justify-content: center; padding-block: 8px 0; }
  .preference-button { min-height: 44px; font-size: 12px; }
  .hero-image > img { height: 260px; }
  .audio-reader,.contact-card { padding: 18px; }
  .audio-controls { gap: 9px; }
  .audio-controls .btn { flex: 1 1 45%; min-height: 44px; }
  .audio-controls label { width: 100%; }
  .audio-controls select { max-width: 100%; width: 100%; }
  html[lang='en'] .finder-bottom label { min-width: 0; }
  html[lang='en'] .finder-bottom .btn { margin-left: 0; }
  html[lang='en'] .brand { font-size: 21px; }
}
@media print {
  .preferences-row,.audio-reader,#updates-panel { display: none !important; }
  :root,[data-theme='dark'] { --paper: white; --ink: black; --muted: #333; --line: #aaa; }
}
#share-url { width: 100%; padding: 12px; margin: 12px 0; border: 1px solid var(--line); border-radius: 10px; color: var(--ink); background: var(--paper); }
.preferences-row { flex-wrap: wrap; }
.site-preferences { flex-wrap: wrap; }
#install-panel, #share-panel { max-width: 520px; }