*{box-sizing:border-box}
html{font-size:18px;line-height:1.55}
body{margin:0;font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none}
a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit}
button,.button,input[type=submit]{display:inline-block;min-height:46px;padding:10px 18px;border:1px solid;border-radius:7px;text-align:center;text-decoration:none;line-height:1.4;cursor:pointer}
button:hover,.button:hover{text-decoration:none}
input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:46px;border:1px solid;border-radius:6px;padding:10px 12px}
input[type=checkbox],input[type=radio]{width:24px;height:24px;vertical-align:middle;margin:0 12px 0 0;flex-shrink:0}
input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:3px solid;outline-offset:3px}
textarea{min-height:130px;resize:vertical}
label{display:block;font-weight:bold;margin-bottom:7px}
label input,label textarea,label select{font-weight:normal}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal;line-height:1.18;margin:0 0 20px}
h1{font-size:2.6rem;letter-spacing:-1px}
h2{font-size:1.8rem}
h3{font-size:1.3rem}
p{margin:0 0 20px}
small,.muted{font-size:.86em}
img{max-width:100%}
hr{border:0;border-top:1px solid;margin:28px 0}
.topbar{position:sticky;position:-webkit-sticky;top:0;z-index:20;border-bottom:1px solid;padding:10px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{font-family:Georgia,'Times New Roman',serif;font-size:1.45rem;white-space:nowrap}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.nav a,.nav button{font-size:.85rem;padding:8px 13px;min-height:44px}
.nav form{display:inline;margin:0}
.wrap{max-width:1320px;margin:0 auto;padding:32px 28px 60px}
.hero{padding:30px 0 20px;max-width:850px}
.hero h1{margin-bottom:14px}
.eyebrow{font-size:.73rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}
.filters{border:1px solid;padding:20px;border-radius:10px;margin-bottom:30px}
.filters .row{align-items:flex-end}
.filters label{font-size:.86rem}
.filters input[type=search]{font-size:1.1rem}
.row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:16px}
.row>.field,.row>label{flex:1;min-width:150px}
.row>.field.wide{flex:2}
.field{margin-bottom:18px}
.field small{display:block;margin-top:6px}
.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0}
.grid{display:flex;flex-wrap:wrap;margin:0 -12px}
.card{display:block;width:calc(33.333% - 24px);margin:0 12px 26px;border:1px solid;border-radius:10px;overflow:hidden;box-shadow:0 3px 12px rgba(33,31,37,.035)}
.card:hover{text-decoration:none}
.card-image{display:block;width:100%;height:210px;object-fit:cover}
.card-body{padding:22px}
.card h2,.card h3{margin:0 0 16px;font-size:1.5rem}
.card .meta{font-size:.82rem}
.meta{margin:10px 0;line-height:1.8}
.meta span{display:inline-block;margin-right:14px}
.badge{display:inline-block;padding:3px 9px;border-radius:4px;font-size:.78rem;margin:3px 5px 3px 0}
.notice,.error{padding:16px 20px;margin:18px 0 24px;border:1px solid;border-left:5px solid;border-radius:5px}
.recipe-header{padding:20px 0 26px;border-bottom:1px solid;margin-bottom:30px}
.recipe-header h1{max-width:900px}
.recipe-photo{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:10px;margin:25px 0}
.description{max-width:820px;white-space:pre-line}
.cook-columns{display:flex;align-items:flex-start;gap:48px;margin-top:30px}
.ingredients{width:36%;flex-shrink:0}
.steps{flex:1;min-width:0}
.check-item{display:flex;align-items:flex-start;padding:14px 0;border-bottom:1px solid;line-height:1.7;cursor:pointer;font-weight:normal;white-space:pre-line;overflow-wrap:break-word}
.check-item input{margin-top:5px}
.check-item.checked{opacity:.68}
.check-item.checked .check-text,.check-item.checked>span{text-decoration:line-through}
.check-item.checked:after{content:' ✓';padding-left:8px;font-weight:bold}
.ingredient-group{font-size:1.1rem;margin:24px 0 5px;font-weight:bold}
.steps ol{padding-left:26px}
.steps li{padding-left:5px;margin-bottom:15px}
.cooking .recipe-photo{display:none}
.cooking .cook-columns{font-size:1.13em}
.cooking .recipe-header{padding-top:0;margin-bottom:15px}
.cooking .recipe-header h1{font-size:2rem}
.cooking .description{display:none}
.notes{margin-top:45px;border-top:1px solid;padding-top:25px}
.note{border:1px solid;border-radius:6px;padding:18px;margin:16px 0}
.note p{white-space:pre-wrap}
.note.done{opacity:.8}
.note form{margin:0}
.editor{max-width:1060px}
.editor section,.panel,.settings{border:1px solid;border-radius:8px;padding:24px;margin-bottom:24px}
.editor .row{padding:12px 0;border-bottom:1px solid;align-items:flex-start}
.editor .row input,.editor .row textarea{font-size:.9rem}
.editor .row textarea{min-height:80px}
.editor .row .actions{margin:0;gap:5px}
.editor .row .actions button{min-width:44px;padding:7px 9px}
.editor table{width:100%;border-collapse:collapse}
.editor td{padding:8px 4px;vertical-align:top}
.editor th{text-align:left;font-size:.8rem}
.editor td input,.editor td textarea{min-width:65px}
.settings{max-width:820px}
.settings .row{margin-bottom:0}
.settings p{font-size:.9rem}
.hidden{display:none!important}
.js-only{display:none}
html.js .js-only{display:inline-block}
.search-panel{border-bottom:1px solid;padding:20px 28px}
.search-panel form{max-width:900px;margin:0 auto}
.search-panel iframe{display:block;width:100%;height:360px;border:1px solid;margin-top:15px}
.pagination{display:flex;gap:12px;align-items:center;justify-content:center;margin:25px 0}
.empty{text-align:center;padding:55px 20px}
.footer{font-size:.8rem;padding:20px 0;border-top:1px solid;margin-top:40px}
.preserve{white-space:pre-wrap;overflow-wrap:break-word}
details{margin:15px 0}
summary{cursor:pointer;min-height:44px;padding:9px 0;font-weight:bold}
fieldset{border:1px solid;border-radius:6px;margin:20px 0;padding:18px}
legend{padding:0 8px}
table{max-width:100%}
.table-scroll{overflow-x:auto}
.login{max-width:470px;margin:40px auto}
.login .panel{padding:32px}
.login h1{font-size:2rem}
button[disabled]{opacity:.5;cursor:default}
@media(min-width:1350px){.card{width:calc(25% - 24px)}
.card-image{height:185px}}
@media(max-width:950px){.card{width:calc(50% - 24px)}
h1{font-size:2.2rem}
.wrap{padding:24px 20px 45px}
.cook-columns{gap:28px}
.ingredients{width:38%}
.topbar{padding:9px 16px}
.brand{font-size:1.2rem}}
@media(max-width:600px){html{font-size:17px}
.topbar{display:block;padding:8px 12px}
.brand{display:block;margin-bottom:7px}
.nav{gap:5px}
.nav a,.nav button{font-size:.78rem;padding:7px 10px;min-height:42px}
.wrap{padding:22px 15px 40px}
.hero{padding:12px 0}
.hero h1,h1{font-size:2rem}
.grid{margin:0}
.card{width:100%;margin:0 0 22px}
.card-image{height:210px}
.filters{padding:15px}
.cook-columns{display:block}
.ingredients,.steps{width:auto;margin-bottom:35px}
.row{display:block}
.row>.field,.row>label{width:100%}
.row .button,.row button{margin:5px 4px 5px 0}
.editor section,.panel,.settings{padding:17px}
.recipe-photo{max-height:260px}
.actions{gap:8px}
.actions .button,.actions button{padding:10px 12px}
.settings select{margin-bottom:14px}
.search-panel{padding:15px}
.check-item{padding:16px 0}}
@media print{html,html.theme-dark,body{background:#fff!important;color:#000!important;font-size:11pt!important}.topbar,.nav,.filters,.notes,.actions,.settings,.no-print,.search-panel,button,.button,input,select,textarea,.footer,.notice,.error{display:none!important}.wrap{max-width:none;padding:0;margin:0}.recipe-photo{max-height:180px;width:auto;float:right;margin:0 0 15px 20px}.recipe-header{padding:0;border:0;margin:0 0 15px}.recipe-header h1,.cooking .recipe-header h1{font-size:25pt}.cooking .description{display:block}.cook-columns{display:block;font-size:11pt!important}.ingredients,.steps{width:100%}.check-item{display:block;color:#000!important;opacity:1!important;border-color:#ddd;break-inside:avoid}.check-item.checked>span,.check-item.checked .check-text{text-decoration:none}.check-item.checked:after{content:''}.meta,.badge,small{color:#333!important;background:none!important}h2{font-size:18pt}h3{font-size:14pt}a{color:#000!important;text-decoration:none}.steps li{break-inside:avoid}.card{box-shadow:none}.hidden-print{display:none!important}}
html.font-18{font-size:18px}
html.font-21{font-size:21px}
html.font-24{font-size:24px}
html.font-28{font-size:28px}
.brand small{display:block;font-family:Arial,sans-serif;font-size:11px;letter-spacing:1px}
.topbar{flex-wrap:wrap}
.topbar .nav{margin-left:auto}
#quick-search{width:100%;max-height:65vh;overflow:auto;padding:15px 0}
#quick-search iframe{width:100%;height:230px;border:0;margin-top:10px}
.search-result{display:flex;align-items:center;margin:10px 0;gap:15px}
.search-result .card-image{width:75px;height:60px;flex-shrink:0}
.ingredient-row{display:flex;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid;gap:10px}
.ingredient-row label{flex:1;min-width:100px;font-size:.8rem}
.ingredient-row label:nth-child(3){flex:3;min-width:240px}
.ingredient-row .actions{width:100%;margin:0}
.step-row{padding:15px 0;border-bottom:1px solid}
.inline{display:inline-block}
.placeholder{display:flex;align-items:center;justify-content:center;font-size:3rem}
.pagination{display:flex;flex-wrap:wrap;gap:8px}
.scale-form{padding:20px;border-radius:8px}
.scale-form input{max-width:180px}
.original pre{white-space:pre-wrap;overflow-wrap:break-word;font-size:.8rem}
.footer{font-size:.8rem}
.card-body h2{overflow-wrap:break-word}
@media(max-width:600px){.topbar{position:sticky;position:-webkit-sticky;top:0}
.topbar .nav{margin:0}
.ingredient-row{display:block}
.ingredient-row label{width:100%}
.brand small{display:block;margin-left:0}}
@media print{.original,.scale-form,main>a,details,iframe,.pagination{display:none!important}}
@media(min-width:760px){.filters{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:18px}
.filters .search-label{width:100%;margin:0}
.filters>label:not(.search-label){margin:0}
.filters>label:nth-child(2){min-width:220px;flex:1}
.hero{padding:14px 0 8px}
.hero h1{font-size:2.4rem}
.hero p{margin-bottom:14px}
.filters button{margin-left:auto}
.wrap{padding-top:24px}
.recipe-header{padding-top:0}
.recipe-header h1{margin-bottom:14px}}
@media(min-width:760px) and (max-height:850px){.hero{padding-top:0}
.hero p{font-size:.85rem}
.hero h1{font-size:2.1rem}
.wrap{padding-top:20px}
.filters{margin-bottom:18px}}
#notes{scroll-margin-top:140px}
button:disabled{opacity:.6;cursor:wait}
.save-feedback{white-space:normal}
.recipe-photo+.placeholder{display:none}
.cooking .recipe-header>.placeholder{display:none}

/* Futternapf 1.0.2 – warmes Graphit/Pflaume und Koralle.
   Zentrale Rollenvariablen je Darstellung. Jede Nutzung hat davor einen
   wörtlichen Farbwert als Fallback für Browser ohne CSS-Variablen.
   Native Steuerelemente nutzen accent-color/color-scheme nur, wenn unterstützt. */
@media screen {
html {--page: #F5F1F5; --surface: #FFFFFF; --raised: #EBE3EC; --text: #322A35; --muted: #6D6070; --line: #D9CEDB; --accent: #A63F54; --on-accent: #FFFFFF; --accent-hover: #8D3044; --note-bg: #FCE5DB; --note-text: #84412F; --success-bg: #E8EFE7; --success-text: #31533C; --success-line: #729078; --error-bg: #FBE5E5; --error-text: #8E2738; --error-line: #B84958; --warn-bg: #FFF1D6; --warn-text: #755015; --warn-line: #AD7C28; --danger: #A13243; --danger-hover: #842636; --on-danger: #FFFFFF; --scheme: light;}
html {background-color:#F5F1F5;background-color:var(--page);color:#322A35;color:var(--text);color-scheme:light;color-scheme:var(--scheme);}
html body {color:#322A35;color:var(--text);}
html a {color:#A63F54;color:var(--accent);}
html a:hover {color:#8D3044;color:var(--accent-hover);}
html button, html .button, html input[type=submit] {background-color:#A63F54;background-color:var(--accent);border-color:#A63F54;border-color:var(--accent);color:#FFFFFF;color:var(--on-accent);}
html button:hover, html .button:hover, html input[type=submit]:hover {background-color:#8D3044;background-color:var(--accent-hover);border-color:#8D3044;border-color:var(--accent-hover);color:#FFFFFF;color:var(--on-accent);}
html .secondary, html button.secondary, html a.secondary {background-color:transparent;border-color:#D9CEDB;border-color:var(--line);color:#A63F54;color:var(--accent);}
html .secondary:hover, html button.secondary:hover, html a.secondary:hover {background-color:#EBE3EC;background-color:var(--raised);border-color:#A63F54;border-color:var(--accent);color:#A63F54;color:var(--accent);}
html .danger, html button.danger, html a.danger {background-color:#A13243;background-color:var(--danger);border-color:#A13243;border-color:var(--danger);color:#FFFFFF;color:var(--on-danger);}
html .danger:hover, html button.danger:hover, html a.danger:hover {background-color:#842636;background-color:var(--danger-hover);border-color:#842636;border-color:var(--danger-hover);color:#FFFFFF;color:var(--on-danger);}
html input:not([type=checkbox]):not([type=radio]), html select, html textarea {background-color:#FFFFFF;background-color:var(--surface);border-color:#D9CEDB;border-color:var(--line);color:#322A35;color:var(--text);}
html input::placeholder, html textarea::placeholder {color:#6D6070;color:var(--muted);opacity:1;}
html input::-webkit-input-placeholder, html textarea::-webkit-input-placeholder {color:#6D6070;color:var(--muted);opacity:1;}
html input:-ms-input-placeholder, html textarea:-ms-input-placeholder {color:#6D6070;color:var(--muted);opacity:1;}
html input[type=checkbox], html input[type=radio] {accent-color:#A63F54;accent-color:var(--accent);outline-color:#A63F54;outline-color:var(--accent);}
html input:focus, html select:focus, html textarea:focus, html button:focus, html a:focus, html summary:focus, html [tabindex]:focus {outline-color:#A63F54;outline-color:var(--accent);outline-width:3px;outline-style:solid;outline-offset:3px;}
html small, html .muted, html .meta, html .eyebrow, html .footer {color:#6D6070;color:var(--muted);}
html .topbar, html #quick-search {background-color:#F5F1F5;background-color:var(--page);border-color:#D9CEDB;border-color:var(--line);}
html .brand {color:#322A35;color:var(--text);}
html .brand small {color:#6D6070;color:var(--muted);}
html hr, html .recipe-header, html .check-item, html .notes, html .editor .row, html .ingredient-row, html .step-row, html fieldset, html .footer {border-color:#D9CEDB;border-color:var(--line);}
html .filters, html .search-panel, html .scale-form {background-color:#EBE3EC;background-color:var(--raised);border-color:#D9CEDB;border-color:var(--line);}
html .card, html .editor section, html .panel, html .settings, html .note, html dialog, html [role=dialog], html .search-panel iframe {background-color:#FFFFFF;background-color:var(--surface);color:#322A35;color:var(--text);border-color:#D9CEDB;border-color:var(--line);}
html .card:hover {border-color:#A63F54;border-color:var(--accent);}
html .card>a, html .card>a:hover {color:#322A35;color:var(--text);}
html .card-image, html .placeholder {background-color:#EBE3EC;background-color:var(--raised);color:#6D6070;color:var(--muted);opacity:1;}
html .badge {background-color:#EBE3EC;background-color:var(--raised);color:#322A35;color:var(--text);}
html .badge.open, html .note-hint, html .note.open {background-color:#FCE5DB;background-color:var(--note-bg);border-color:#D9CEDB;border-color:var(--line);}
html .badge.open, html .note-hint, html .note.open>summary {color:#84412F;color:var(--note-text);}
html .notice {background-color:#E8EFE7;background-color:var(--success-bg);border-color:#729078;border-color:var(--success-line);color:#31533C;color:var(--success-text);}
html .notice.note-hint {background-color:#FCE5DB;background-color:var(--note-bg);border-color:#D9CEDB;border-color:var(--line);color:#84412F;color:var(--note-text);}
html .error, html .notice.error {background-color:#FBE5E5;background-color:var(--error-bg);border-color:#B84958;border-color:var(--error-line);color:#8E2738;color:var(--error-text);}
html .warning, html .notice.warning {background-color:#FFF1D6;background-color:var(--warn-bg);border-color:#AD7C28;border-color:var(--warn-line);color:#755015;color:var(--warn-text);}
html .check-item.checked {background-color:#EBE3EC;background-color:var(--raised);color:#6D6070;color:var(--muted);opacity:1;}
html option:checked, html ::selection {background-color:#A63F54;background-color:var(--accent);color:#FFFFFF;color:var(--on-accent);}
html.theme-dark {--page: #211F25; --surface: #2D2931; --raised: #3A343F; --text: #F5F0F4; --muted: #C9BFCB; --line: #504753; --accent: #FF9F91; --on-accent: #301B25; --accent-hover: #FFB5A9; --note-bg: #443342; --note-text: #FFC49E; --success-bg: #283A30; --success-text: #D7EBDD; --success-line: #83AA8B; --error-bg: #4A282F; --error-text: #FFD4D4; --error-line: #D8838D; --warn-bg: #443820; --warn-text: #FFD899; --warn-line: #BEA366; --danger: #A43246; --danger-hover: #BE4057; --on-danger: #FFFFFF; --scheme: dark;}
html.theme-dark {background-color:#211F25;background-color:var(--page);color:#F5F0F4;color:var(--text);color-scheme:dark;color-scheme:var(--scheme);}
html.theme-dark body {color:#F5F0F4;color:var(--text);}
html.theme-dark a {color:#FF9F91;color:var(--accent);}
html.theme-dark a:hover {color:#FFB5A9;color:var(--accent-hover);}
html.theme-dark button, html.theme-dark .button, html.theme-dark input[type=submit] {background-color:#FF9F91;background-color:var(--accent);border-color:#FF9F91;border-color:var(--accent);color:#301B25;color:var(--on-accent);}
html.theme-dark button:hover, html.theme-dark .button:hover, html.theme-dark input[type=submit]:hover {background-color:#FFB5A9;background-color:var(--accent-hover);border-color:#FFB5A9;border-color:var(--accent-hover);color:#301B25;color:var(--on-accent);}
html.theme-dark .secondary, html.theme-dark button.secondary, html.theme-dark a.secondary {background-color:transparent;border-color:#504753;border-color:var(--line);color:#FF9F91;color:var(--accent);}
html.theme-dark .secondary:hover, html.theme-dark button.secondary:hover, html.theme-dark a.secondary:hover {background-color:#3A343F;background-color:var(--raised);border-color:#FF9F91;border-color:var(--accent);color:#FF9F91;color:var(--accent);}
html.theme-dark .danger, html.theme-dark button.danger, html.theme-dark a.danger {background-color:#A43246;background-color:var(--danger);border-color:#A43246;border-color:var(--danger);color:#FFFFFF;color:var(--on-danger);}
html.theme-dark .danger:hover, html.theme-dark button.danger:hover, html.theme-dark a.danger:hover {background-color:#BE4057;background-color:var(--danger-hover);border-color:#BE4057;border-color:var(--danger-hover);color:#FFFFFF;color:var(--on-danger);}
html.theme-dark input:not([type=checkbox]):not([type=radio]), html.theme-dark select, html.theme-dark textarea {background-color:#2D2931;background-color:var(--surface);border-color:#504753;border-color:var(--line);color:#F5F0F4;color:var(--text);}
html.theme-dark input::placeholder, html.theme-dark textarea::placeholder {color:#C9BFCB;color:var(--muted);opacity:1;}
html.theme-dark input::-webkit-input-placeholder, html.theme-dark textarea::-webkit-input-placeholder {color:#C9BFCB;color:var(--muted);opacity:1;}
html.theme-dark input:-ms-input-placeholder, html.theme-dark textarea:-ms-input-placeholder {color:#C9BFCB;color:var(--muted);opacity:1;}
html.theme-dark input[type=checkbox], html.theme-dark input[type=radio] {accent-color:#FF9F91;accent-color:var(--accent);outline-color:#FF9F91;outline-color:var(--accent);}
html.theme-dark input:focus, html.theme-dark select:focus, html.theme-dark textarea:focus, html.theme-dark button:focus, html.theme-dark a:focus, html.theme-dark summary:focus, html.theme-dark [tabindex]:focus {outline-color:#FF9F91;outline-color:var(--accent);outline-width:3px;outline-style:solid;outline-offset:3px;}
html.theme-dark small, html.theme-dark .muted, html.theme-dark .meta, html.theme-dark .eyebrow, html.theme-dark .footer {color:#C9BFCB;color:var(--muted);}
html.theme-dark .topbar, html.theme-dark #quick-search {background-color:#211F25;background-color:var(--page);border-color:#504753;border-color:var(--line);}
html.theme-dark .brand {color:#F5F0F4;color:var(--text);}
html.theme-dark .brand small {color:#C9BFCB;color:var(--muted);}
html.theme-dark hr, html.theme-dark .recipe-header, html.theme-dark .check-item, html.theme-dark .notes, html.theme-dark .editor .row, html.theme-dark .ingredient-row, html.theme-dark .step-row, html.theme-dark fieldset, html.theme-dark .footer {border-color:#504753;border-color:var(--line);}
html.theme-dark .filters, html.theme-dark .search-panel, html.theme-dark .scale-form {background-color:#3A343F;background-color:var(--raised);border-color:#504753;border-color:var(--line);}
html.theme-dark .card, html.theme-dark .editor section, html.theme-dark .panel, html.theme-dark .settings, html.theme-dark .note, html.theme-dark dialog, html.theme-dark [role=dialog], html.theme-dark .search-panel iframe {background-color:#2D2931;background-color:var(--surface);color:#F5F0F4;color:var(--text);border-color:#504753;border-color:var(--line);}
html.theme-dark .card:hover {border-color:#FF9F91;border-color:var(--accent);}
html.theme-dark .card>a, html.theme-dark .card>a:hover {color:#F5F0F4;color:var(--text);}
html.theme-dark .card-image, html.theme-dark .placeholder {background-color:#3A343F;background-color:var(--raised);color:#C9BFCB;color:var(--muted);opacity:1;}
html.theme-dark .badge {background-color:#3A343F;background-color:var(--raised);color:#F5F0F4;color:var(--text);}
html.theme-dark .badge.open, html.theme-dark .note-hint, html.theme-dark .note.open {background-color:#443342;background-color:var(--note-bg);border-color:#504753;border-color:var(--line);}
html.theme-dark .badge.open, html.theme-dark .note-hint, html.theme-dark .note.open>summary {color:#FFC49E;color:var(--note-text);}
html.theme-dark .notice {background-color:#283A30;background-color:var(--success-bg);border-color:#83AA8B;border-color:var(--success-line);color:#D7EBDD;color:var(--success-text);}
html.theme-dark .notice.note-hint {background-color:#443342;background-color:var(--note-bg);border-color:#504753;border-color:var(--line);color:#FFC49E;color:var(--note-text);}
html.theme-dark .error, html.theme-dark .notice.error {background-color:#4A282F;background-color:var(--error-bg);border-color:#D8838D;border-color:var(--error-line);color:#FFD4D4;color:var(--error-text);}
html.theme-dark .warning, html.theme-dark .notice.warning {background-color:#443820;background-color:var(--warn-bg);border-color:#BEA366;border-color:var(--warn-line);color:#FFD899;color:var(--warn-text);}
html.theme-dark .check-item.checked {background-color:#3A343F;background-color:var(--raised);color:#C9BFCB;color:var(--muted);opacity:1;}
html.theme-dark option:checked, html.theme-dark ::selection {background-color:#FF9F91;background-color:var(--accent);color:#301B25;color:var(--on-accent);}
}
@media screen and (prefers-color-scheme: dark) {
html:not(.theme-light):not(.theme-dark) {--page: #211F25; --surface: #2D2931; --raised: #3A343F; --text: #F5F0F4; --muted: #C9BFCB; --line: #504753; --accent: #FF9F91; --on-accent: #301B25; --accent-hover: #FFB5A9; --note-bg: #443342; --note-text: #FFC49E; --success-bg: #283A30; --success-text: #D7EBDD; --success-line: #83AA8B; --error-bg: #4A282F; --error-text: #FFD4D4; --error-line: #D8838D; --warn-bg: #443820; --warn-text: #FFD899; --warn-line: #BEA366; --danger: #A43246; --danger-hover: #BE4057; --on-danger: #FFFFFF; --scheme: dark;}
html:not(.theme-light):not(.theme-dark) {background-color:#211F25;background-color:var(--page);color:#F5F0F4;color:var(--text);color-scheme:dark;color-scheme:var(--scheme);}
html:not(.theme-light):not(.theme-dark) body {color:#F5F0F4;color:var(--text);}
html:not(.theme-light):not(.theme-dark) a {color:#FF9F91;color:var(--accent);}
html:not(.theme-light):not(.theme-dark) a:hover {color:#FFB5A9;color:var(--accent-hover);}
html:not(.theme-light):not(.theme-dark) button, html:not(.theme-light):not(.theme-dark) .button, html:not(.theme-light):not(.theme-dark) input[type=submit] {background-color:#FF9F91;background-color:var(--accent);border-color:#FF9F91;border-color:var(--accent);color:#301B25;color:var(--on-accent);}
html:not(.theme-light):not(.theme-dark) button:hover, html:not(.theme-light):not(.theme-dark) .button:hover, html:not(.theme-light):not(.theme-dark) input[type=submit]:hover {background-color:#FFB5A9;background-color:var(--accent-hover);border-color:#FFB5A9;border-color:var(--accent-hover);color:#301B25;color:var(--on-accent);}
html:not(.theme-light):not(.theme-dark) .secondary, html:not(.theme-light):not(.theme-dark) button.secondary, html:not(.theme-light):not(.theme-dark) a.secondary {background-color:transparent;border-color:#504753;border-color:var(--line);color:#FF9F91;color:var(--accent);}
html:not(.theme-light):not(.theme-dark) .secondary:hover, html:not(.theme-light):not(.theme-dark) button.secondary:hover, html:not(.theme-light):not(.theme-dark) a.secondary:hover {background-color:#3A343F;background-color:var(--raised);border-color:#FF9F91;border-color:var(--accent);color:#FF9F91;color:var(--accent);}
html:not(.theme-light):not(.theme-dark) .danger, html:not(.theme-light):not(.theme-dark) button.danger, html:not(.theme-light):not(.theme-dark) a.danger {background-color:#A43246;background-color:var(--danger);border-color:#A43246;border-color:var(--danger);color:#FFFFFF;color:var(--on-danger);}
html:not(.theme-light):not(.theme-dark) .danger:hover, html:not(.theme-light):not(.theme-dark) button.danger:hover, html:not(.theme-light):not(.theme-dark) a.danger:hover {background-color:#BE4057;background-color:var(--danger-hover);border-color:#BE4057;border-color:var(--danger-hover);color:#FFFFFF;color:var(--on-danger);}
html:not(.theme-light):not(.theme-dark) input:not([type=checkbox]):not([type=radio]), html:not(.theme-light):not(.theme-dark) select, html:not(.theme-light):not(.theme-dark) textarea {background-color:#2D2931;background-color:var(--surface);border-color:#504753;border-color:var(--line);color:#F5F0F4;color:var(--text);}
html:not(.theme-light):not(.theme-dark) input::placeholder, html:not(.theme-light):not(.theme-dark) textarea::placeholder {color:#C9BFCB;color:var(--muted);opacity:1;}
html:not(.theme-light):not(.theme-dark) input::-webkit-input-placeholder, html:not(.theme-light):not(.theme-dark) textarea::-webkit-input-placeholder {color:#C9BFCB;color:var(--muted);opacity:1;}
html:not(.theme-light):not(.theme-dark) input:-ms-input-placeholder, html:not(.theme-light):not(.theme-dark) textarea:-ms-input-placeholder {color:#C9BFCB;color:var(--muted);opacity:1;}
html:not(.theme-light):not(.theme-dark) input[type=checkbox], html:not(.theme-light):not(.theme-dark) input[type=radio] {accent-color:#FF9F91;accent-color:var(--accent);outline-color:#FF9F91;outline-color:var(--accent);}
html:not(.theme-light):not(.theme-dark) input:focus, html:not(.theme-light):not(.theme-dark) select:focus, html:not(.theme-light):not(.theme-dark) textarea:focus, html:not(.theme-light):not(.theme-dark) button:focus, html:not(.theme-light):not(.theme-dark) a:focus, html:not(.theme-light):not(.theme-dark) summary:focus, html:not(.theme-light):not(.theme-dark) [tabindex]:focus {outline-color:#FF9F91;outline-color:var(--accent);outline-width:3px;outline-style:solid;outline-offset:3px;}
html:not(.theme-light):not(.theme-dark) small, html:not(.theme-light):not(.theme-dark) .muted, html:not(.theme-light):not(.theme-dark) .meta, html:not(.theme-light):not(.theme-dark) .eyebrow, html:not(.theme-light):not(.theme-dark) .footer {color:#C9BFCB;color:var(--muted);}
html:not(.theme-light):not(.theme-dark) .topbar, html:not(.theme-light):not(.theme-dark) #quick-search {background-color:#211F25;background-color:var(--page);border-color:#504753;border-color:var(--line);}
html:not(.theme-light):not(.theme-dark) .brand {color:#F5F0F4;color:var(--text);}
html:not(.theme-light):not(.theme-dark) .brand small {color:#C9BFCB;color:var(--muted);}
html:not(.theme-light):not(.theme-dark) hr, html:not(.theme-light):not(.theme-dark) .recipe-header, html:not(.theme-light):not(.theme-dark) .check-item, html:not(.theme-light):not(.theme-dark) .notes, html:not(.theme-light):not(.theme-dark) .editor .row, html:not(.theme-light):not(.theme-dark) .ingredient-row, html:not(.theme-light):not(.theme-dark) .step-row, html:not(.theme-light):not(.theme-dark) fieldset, html:not(.theme-light):not(.theme-dark) .footer {border-color:#504753;border-color:var(--line);}
html:not(.theme-light):not(.theme-dark) .filters, html:not(.theme-light):not(.theme-dark) .search-panel, html:not(.theme-light):not(.theme-dark) .scale-form {background-color:#3A343F;background-color:var(--raised);border-color:#504753;border-color:var(--line);}
html:not(.theme-light):not(.theme-dark) .card, html:not(.theme-light):not(.theme-dark) .editor section, html:not(.theme-light):not(.theme-dark) .panel, html:not(.theme-light):not(.theme-dark) .settings, html:not(.theme-light):not(.theme-dark) .note, html:not(.theme-light):not(.theme-dark) dialog, html:not(.theme-light):not(.theme-dark) [role=dialog], html:not(.theme-light):not(.theme-dark) .search-panel iframe {background-color:#2D2931;background-color:var(--surface);color:#F5F0F4;color:var(--text);border-color:#504753;border-color:var(--line);}
html:not(.theme-light):not(.theme-dark) .card:hover {border-color:#FF9F91;border-color:var(--accent);}
html:not(.theme-light):not(.theme-dark) .card>a, html:not(.theme-light):not(.theme-dark) .card>a:hover {color:#F5F0F4;color:var(--text);}
html:not(.theme-light):not(.theme-dark) .card-image, html:not(.theme-light):not(.theme-dark) .placeholder {background-color:#3A343F;background-color:var(--raised);color:#C9BFCB;color:var(--muted);opacity:1;}
html:not(.theme-light):not(.theme-dark) .badge {background-color:#3A343F;background-color:var(--raised);color:#F5F0F4;color:var(--text);}
html:not(.theme-light):not(.theme-dark) .badge.open, html:not(.theme-light):not(.theme-dark) .note-hint, html:not(.theme-light):not(.theme-dark) .note.open {background-color:#443342;background-color:var(--note-bg);border-color:#504753;border-color:var(--line);}
html:not(.theme-light):not(.theme-dark) .badge.open, html:not(.theme-light):not(.theme-dark) .note-hint, html:not(.theme-light):not(.theme-dark) .note.open>summary {color:#FFC49E;color:var(--note-text);}
html:not(.theme-light):not(.theme-dark) .notice {background-color:#283A30;background-color:var(--success-bg);border-color:#83AA8B;border-color:var(--success-line);color:#D7EBDD;color:var(--success-text);}
html:not(.theme-light):not(.theme-dark) .notice.note-hint {background-color:#443342;background-color:var(--note-bg);border-color:#504753;border-color:var(--line);color:#FFC49E;color:var(--note-text);}
html:not(.theme-light):not(.theme-dark) .error, html:not(.theme-light):not(.theme-dark) .notice.error {background-color:#4A282F;background-color:var(--error-bg);border-color:#D8838D;border-color:var(--error-line);color:#FFD4D4;color:var(--error-text);}
html:not(.theme-light):not(.theme-dark) .warning, html:not(.theme-light):not(.theme-dark) .notice.warning {background-color:#443820;background-color:var(--warn-bg);border-color:#BEA366;border-color:var(--warn-line);color:#FFD899;color:var(--warn-text);}
html:not(.theme-light):not(.theme-dark) .check-item.checked {background-color:#3A343F;background-color:var(--raised);color:#C9BFCB;color:var(--muted);opacity:1;}
html:not(.theme-light):not(.theme-dark) option:checked, html:not(.theme-light):not(.theme-dark) ::selection {background-color:#FF9F91;background-color:var(--accent);color:#301B25;color:var(--on-accent);}
}