:root{font-family:var(--app-font,"Segoe UI", system-ui, sans-serif);color:var(--ink);background:var(--canvas);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--app-font:"Segoe UI", system-ui, sans-serif;--canvas:#f6f1e8;--ink:#28241f;--muted:#756d62;--paper:#fffdf8;--field:#fff;--line:#ddd4c6;--field-line:#cfc5b6;--tomato:#c64a2e;--tomato-hover:#ad3d25;--tomato-shadow:#92331f;--green:#305a49;--soft:#efe5d4;--success-soft:#e2eadf;--image-placeholder:#dce7dd;--danger:#a13728;--danger-soft:#fae3dc;--danger-ink:#752617;--star:#d18d16;--on-accent:#fff;--focus:#305a492e;--shadow:#4338281c}:root[data-theme=studio]{--canvas:#f3f5f7;--ink:#172033;--muted:#647084;--paper:#fff;--field:#fff;--line:#d7dce4;--field-line:#bdc5d1;--tomato:#2563eb;--tomato-hover:#1d4ed8;--tomato-shadow:#1e40af;--green:#172554;--soft:#e8edf5;--success-soft:#dbeafe;--image-placeholder:#dce6f4;--danger:#b42318;--danger-soft:#fee4e2;--danger-ink:#7a271a;--star:#d97706;--focus:#2563eb33;--shadow:#17203321}:root[data-theme=sage]{--canvas:#edf3ec;--ink:#29352d;--muted:#667369;--paper:#fbfdf9;--field:#fff;--line:#cfdccd;--field-line:#b9cbb7;--tomato:#b65f52;--tomato-hover:#9e4d43;--tomato-shadow:#7e3b34;--green:#45624f;--soft:#e1eadf;--success-soft:#d7e5d7;--image-placeholder:#d2e1d1;--danger:#9e463c;--danger-soft:#f5ddd8;--danger-ink:#71332c;--star:#b47b23;--focus:#45624f33;--shadow:#29352d1f}:root[data-theme=sage-night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#1f2a23;--ink:#edf3ec;--muted:#b7c6b9;--paper:#29372e;--field:#33443a;--line:#485c4e;--field-line:#607565;--tomato:#e69a8e;--tomato-hover:#d88377;--tomato-shadow:#834d46;--green:#b8d2c0;--soft:#37483d;--success-soft:#344c3d;--image-placeholder:#35483b;--danger:#f0aaa0;--danger-soft:#523733;--danger-ink:#ffd4ce;--star:#e4bd70;--on-accent:#352725;--focus:#b8d2c03b;--shadow:#00000057}:root[data-theme=peach]{--canvas:#fff1ea;--ink:#443338;--muted:#806b71;--paper:#fffaf7;--field:#fff;--line:#ead2cb;--field-line:#d8bbb4;--tomato:#c95772;--tomato-hover:#af435e;--tomato-shadow:#873247;--green:#6d4a63;--soft:#f7dfd8;--success-soft:#f1dce8;--image-placeholder:#f4d5cb;--danger:#a23f55;--danger-soft:#f8dce3;--danger-ink:#722d3d;--star:#bd7626;--focus:#6d4a6333;--shadow:#4433381f}:root[data-theme=peach-night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#33262a;--ink:#fff1ea;--muted:#d5bfc5;--paper:#443338;--field:#533f45;--line:#674e55;--field-line:#80626a;--tomato:#f08aa2;--tomato-hover:#df718c;--tomato-shadow:#8a4254;--green:#d6adc9;--soft:#563f46;--success-soft:#55404f;--image-placeholder:#594047;--danger:#ffacb7;--danger-soft:#62383f;--danger-ink:#ffd7dc;--star:#efbd72;--on-accent:#3d282e;--focus:#d6adc93d;--shadow:#0000005c}:root[data-theme=solarized]{--canvas:#fdf6e3;--ink:#586e75;--muted:#839496;--paper:#eee8d5;--field:#fffaf0;--line:#d8cfb8;--field-line:#c8bfa9;--tomato:#cb4b16;--tomato-hover:#b54112;--tomato-shadow:#85330f;--green:#268bd2;--soft:#e6dfca;--success-soft:#dce4d2;--image-placeholder:#dfdcc6;--danger:#dc322f;--danger-soft:#f4d7ce;--danger-ink:#9c2826;--star:#b58900;--focus:#268bd238;--shadow:#586e7524}:root[data-theme=catppuccin]{--canvas:#eff1f5;--ink:#4c4f69;--muted:#6c6f85;--paper:#fff;--field:#f8f9fc;--line:#ccd0da;--field-line:#b8bdca;--tomato:#ea76cb;--tomato-hover:#d85fba;--tomato-shadow:#a94491;--green:#8839ef;--soft:#e8e3f2;--success-soft:#e3e7fa;--image-placeholder:#e7dff1;--danger:#d20f39;--danger-soft:#f7dce3;--danger-ink:#9c1230;--star:#df8e1d;--on-accent:#3b3049;--focus:#8839ef33;--shadow:#4c4f6924}:root[data-theme=midnight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#111827;--ink:#f3f4f6;--muted:#aeb8c8;--paper:#1f2937;--field:#273449;--line:#3d4b60;--field-line:#53637a;--tomato:#fb923c;--tomato-hover:#f97316;--tomato-shadow:#9a3412;--green:#93c5fd;--soft:#29364a;--success-soft:#243c4c;--image-placeholder:#2b3b50;--danger:#fca5a5;--danger-soft:#4b2930;--danger-ink:#fecaca;--star:#fbbf24;--on-accent:#1f2937;--focus:#93c5fd3d;--shadow:#00000059}:root[data-theme=charcoal]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#181816;--ink:#f1efe8;--muted:#b6b2a7;--paper:#272724;--field:#31312d;--line:#46463f;--field-line:#5c5b52;--tomato:#d7a95b;--tomato-hover:#c49343;--tomato-shadow:#755425;--green:#a8c7b5;--soft:#373630;--success-soft:#304139;--image-placeholder:#353a35;--danger:#eea39b;--danger-soft:#4b302d;--danger-ink:#ffd0cb;--star:#e6ba62;--on-accent:#25231f;--focus:#a8c7b53d;--shadow:#00000061}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 90%, transparent);justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50vw - 560px);display:flex}.brand{color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:12px;display:flex}.brand-mark{background:#d80714;border-radius:11px;flex:0 0 42px;width:42px;height:42px;display:block;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.brand strong,.brand small{display:block}.brand strong{font-family:var(--app-font);font-size:20px}.brand small{color:var(--muted);margin-top:1px;font-size:11px}.header-actions{gap:9px;display:flex}main{flex:1}.page{width:min(1060px,100% - 40px);margin:0 auto;padding:52px 0 80px}footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:22px;font-size:13px}h1,h2,h3{font-family:var(--app-font);margin-top:0}h1{letter-spacing:-.035em;margin-bottom:14px;font-size:clamp(36px,6vw,64px);line-height:1}h2{font-size:27px}.hero{padding:24px 0 34px}.hero p:last-child,.lede{color:var(--muted);font-size:17px}.eyebrow{color:var(--tomato);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}.primary,.secondary{border:1px solid #0000;border-radius:9px;padding:12px 18px;font-weight:700}.primary{color:var(--on-accent);background:var(--tomato);box-shadow:0 3px 0 var(--tomato-shadow)}.primary:hover{background:var(--tomato-hover)}.secondary{color:var(--ink);background:var(--paper);border-color:var(--line)}.compact{padding:9px 14px}.text-button,.danger-link,.add-row{color:var(--green);background:0 0;border:0;padding:8px 0;font-weight:700}.danger-link{color:var(--danger);font-size:13px}.add-row{margin-top:6px}.search-field{background:var(--paper);border:1px solid var(--line);max-width:650px;box-shadow:0 5px 20px color-mix(in srgb, var(--shadow) 55%, transparent);border-radius:12px;align-items:center;gap:12px;padding:14px 18px;display:flex}.search-field input{background:0 0;border:0;outline:0;width:100%}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;margin-top:32px;display:grid}.recipe-card{isolation:isolate;text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:14px;grid-template-rows:130px minmax(0,1fr);padding:0;transition:transform .15s,box-shadow .15s;display:grid;overflow:hidden}.recipe-card:hover{box-shadow:0 9px 24px var(--shadow);transform:translateY(-2px)}.card-art{background:var(--image-placeholder);min-width:0;min-height:0;color:var(--green);font:700 55px var(--app-font);place-items:center;display:grid;overflow:hidden}.card-body{z-index:1;background:var(--paper);align-content:start;gap:7px;min-width:0;padding:18px;display:grid;position:relative}.card-body strong{font:600 21px var(--app-font);overflow-wrap:anywhere}.card-body span{color:var(--muted)}.card-body small{color:var(--tomato);font-weight:600}.empty-state{text-align:center;max-width:600px;margin:20px auto;padding:75px 20px}.empty-state p{color:var(--muted)}.empty-icon{color:var(--tomato);font-size:35px}.detail-header{z-index:1;background:#f6f1e8;justify-content:space-between;align-items:end;gap:24px;margin:32px 0 22px;display:flex;position:relative}.detail-header h1{overflow-wrap:anywhere;max-width:760px}.yield-chip{color:var(--green);background:#e2eadf;border-radius:999px;margin-bottom:36px;padding:9px 14px;display:inline-block}.recipe-columns{grid-template-columns:minmax(260px,.85fr) minmax(320px,1.3fr);gap:70px;display:grid}.content-section{margin-bottom:28px}.content-section h3{color:var(--tomato);font-size:17px}.ingredient-list,.step-list{margin:0;padding:0;list-style:none}.ingredient-list li{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;padding:12px 0;display:grid}.ingredient-list small{color:var(--muted);margin-top:3px;display:block}.amount{color:var(--green);white-space:nowrap;font-weight:700}.step-list{counter-reset:steps}.step-list li{counter-increment:steps;grid-template-columns:35px 1fr;gap:10px;margin:0 0 20px;line-height:1.55;display:grid}.step-list li:before{content:counter(steps);background:var(--tomato);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.notes{background:#efe5d4;border-radius:12px;margin-top:46px;padding:24px}.notes p{white-space:pre-wrap}.editor-page{max-width:900px}.editor-toolbar{z-index:2;background:#f6f1e8;justify-content:space-between;align-items:center;margin:-25px 0 38px;padding:12px 0;display:flex;position:sticky;top:0}.editor-toolbar span{color:var(--muted);font-size:13px}.editor-toolbar .dirty{color:var(--tomato);font-weight:700}.form-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;margin-bottom:15px;padding:22px}.basics{grid-template-columns:1fr 1fr;gap:18px;display:grid}.wide{grid-column:1/-1}label{gap:7px;font-size:13px;font-weight:700;display:grid}input,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cfc5b6;border-radius:7px;padding:10px 11px}input:focus,textarea:focus{border-color:var(--green);outline:3px solid #305a492e}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin:42px 0 14px;display:flex}.section-heading h2{margin-bottom:5px}.section-heading p{color:var(--muted);margin:0;font-size:13px}.subsection-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.subsection-title input{font:600 18px var(--app-font);max-width:320px}.ingredient-labels,.ingredient-row{grid-template-columns:90px 100px 1fr 1fr 32px;align-items:start;gap:9px;display:grid}.ingredient-labels{color:var(--muted);padding:0 3px 5px;font-size:11px}.step-row{grid-template-columns:28px 1fr 32px;align-items:start;gap:10px;margin-bottom:10px;display:grid}.step-row>span{width:27px;height:27px;color:var(--green);background:#e2eadf;border-radius:50%;place-items:center;font-weight:700;display:grid}.icon-button{color:#a13728;background:0 0;border:0;width:32px;height:38px;font-size:22px}.form-actions{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.notice{border-radius:8px;width:min(1060px,100% - 40px);margin:18px auto 0;padding:13px 16px}.editor-page>.notice{width:100%;margin:0 0 16px}.error{color:#752617;background:#fae3dc}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.site-header{height:66px;padding:0 18px}.brand small{display:none}.site-header .primary{font-size:13px}.page{width:min(100% - 28px,1060px);padding-top:35px}h1{font-size:40px}.recipe-columns{grid-template-columns:1fr;gap:30px}.detail-header{display:block}.detail-header .secondary{margin-top:10px}.basics{grid-template-columns:1fr}.wide{grid-column:auto}.section-heading{align-items:start}.ingredient-labels{display:none}.ingredient-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 32px;margin-bottom:15px;padding-bottom:15px}.ingredient-row input:nth-child(3),.ingredient-row input:nth-child(4){grid-column:1/3}.ingredient-row .icon-button{grid-area:1/3}.subsection-title{align-items:start}.editor-toolbar>span{display:none}}.ingredient-labels,.ingredient-row{grid-template-columns:90px 160px 1fr 1fr 66px 32px}.unit-editor{gap:6px;display:grid}.unit-editor select{width:100%;color:var(--ink);background:#fff;border:1px solid #cfc5b6;border-radius:7px;padding:10px 7px}.unit-editor select:focus{border-color:var(--green);outline:3px solid #305a492e}.order-controls{gap:4px;display:flex}.order-controls button{border:1px solid var(--line);width:29px;height:38px;color:var(--green);background:#fff;border-radius:6px;padding:0;font-weight:800}.order-controls button:hover:not(:disabled){border-color:var(--green);background:#e2eadf}@media (width<=700px){.ingredient-row{grid-template-columns:1fr 1fr 66px 32px}.ingredient-row .unit-editor{grid-area:1/2}.ingredient-row input:nth-child(3),.ingredient-row input:nth-child(4){grid-column:1/-1}.ingredient-row .order-controls{grid-area:1/3}.ingredient-row .icon-button{grid-area:1/4}}.backup-page header{max-width:780px;margin:32px 0}.settings-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:18px;padding:24px;display:grid}.settings-card h2{margin-bottom:7px}.settings-card p{color:var(--muted);margin:6px 0;line-height:1.5}.data-count strong{color:var(--green);font-size:20px}.settings-message,.import-preview{grid-column:1/-1}.settings-message{background:#e2eadf;border-radius:7px;padding:11px 13px;color:var(--green)!important}.file-picker{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;padding:12px 18px;display:inline-flex}.file-picker input{opacity:0;width:1px;height:1px;position:absolute}.import-preview{border-top:1px solid var(--line);padding-top:20px}.import-preview h3{font-family:var(--app-font)}.import-preview dl{gap:34px;display:flex}.import-preview dl div{gap:3px;display:grid}.import-preview dt{color:var(--muted);font-size:12px}.import-preview dd{margin:0;font-weight:700}.confirm-replace{flex-direction:row;align-items:start;gap:9px;margin:18px 0;font-weight:500;display:flex}.confirm-replace input{flex:none;width:18px;height:18px}.inline-notice{width:100%;color:var(--green);background:#e2eadf;margin:0 0 18px}.transfer-help{background:#efe5d4;border-radius:13px;max-width:820px;margin-top:34px;padding:24px}.transfer-help li,.transfer-help p{margin-bottom:8px;line-height:1.55}.pwa-status{width:min(1060px,100% - 40px);color:var(--green);background:#e2eadf;border-radius:8px;align-items:center;gap:12px;margin:14px auto 0;padding:10px 14px;font-size:13px;display:flex}.pwa-status button{background:var(--green);color:#fff;border:0;border-radius:6px;padding:6px 9px;font-weight:700}@media (width<=700px){.site-header{gap:8px}.header-actions{gap:5px}.header-actions button{padding:8px 9px}.settings-card{grid-template-columns:1fr}.settings-message,.import-preview{grid-column:1}.settings-card>button,.file-picker{width:100%}.import-preview dl{flex-direction:column;gap:12px}.pwa-status{flex-direction:column;align-items:flex-start}}.card-art img{object-fit:cover;width:100%;min-width:0;height:100%;min-height:0;display:block}.photo-editor{gap:14px;display:grid}.photo-picker{border:1px solid var(--line);width:fit-content;color:var(--green);cursor:pointer;background:#fff;border-radius:8px;padding:10px 14px;display:inline-flex}.photo-picker input{opacity:0;width:1px;height:1px;position:absolute}.photo-empty{color:var(--muted);margin:0}.photo-error{color:#a13728;margin:0}.photo-edit-grid,.photo-gallery{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.photo-edit-card{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.photo-edit-card img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.photo-card-actions{flex-wrap:wrap;gap:6px;padding:9px;display:flex}.photo-card-actions button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 8px;font-size:12px}.photo-card-actions .cover-selected{color:var(--green);background:#e2eadf}.photo-card-actions .photo-remove{color:#a13728}.photo-gallery{z-index:0;clear:both;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:4px 0 42px;position:relative}.photo-gallery img{aspect-ratio:4/3;object-fit:cover;border-radius:12px;width:100%;display:block}.photo-gallery .cover-photo{grid-column:span 2}@media (width<=700px){.photo-gallery .cover-photo{grid-column:span 1}}.font-page header{max-width:800px;margin:32px 0}.font-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}.font-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:22px;line-height:1.5}.font-card h2{margin:20px 0 10px;font-family:inherit;font-size:29px;font-weight:700;line-height:1.12}.font-card p{margin:8px 0}.font-card-label{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:10px;font-family:system-ui,sans-serif;font-size:12px;display:flex}.font-card-label span,.font-ingredients,.font-device-note{color:var(--muted)}.font-ingredients{font-size:14px}.font-guidance{background:#efe5d4;border-radius:13px;max-width:820px;margin-top:28px;padding:24px;line-height:1.55}.font-guidance a{color:var(--green);font-weight:700}.font-card button{margin-top:14px;font-family:system-ui,sans-serif}.selected-font{border-color:var(--green);box-shadow:0 0 0 2px #305a4924}.font-selected-button{color:var(--green);background:#e2eadf;border:0;border-radius:8px;padding:11px 15px;font-weight:700}.metadata-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:15px;display:grid}.metadata-grid select,.tag-filter select{width:100%;color:var(--ink);background:#fff;border:1px solid #cfc5b6;border-radius:7px;padding:10px 11px}.metadata-grid small{color:var(--muted);font-weight:400}.favorite-field{flex-direction:row;align-self:end;align-items:center;min-height:40px;display:flex}.favorite-field input{width:18px;height:18px}.cookbook-controls{align-items:stretch;gap:12px;max-width:820px;display:flex}.cookbook-controls .search-field{flex:1}.tag-filter{min-width:160px}.favorite-star{color:#d18d16;margin-right:7px}.card-tags,.recipe-meta{flex-wrap:wrap;gap:6px;display:flex}.card-tags em,.recipe-meta span{color:var(--green);background:#efe5d4;border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:600}.recipe-meta{margin:-6px 0 22px}.recipe-meta span{padding:6px 10px;font-size:13px}.source-block{border-top:1px solid var(--line);margin-top:36px;padding-top:24px}.source-block p{white-space:pre-wrap}.source-block a{color:var(--green);font-weight:700}@media (width<=700px){.metadata-grid{grid-template-columns:1fr}.metadata-grid .wide{grid-column:auto}.cookbook-controls{flex-direction:column}}.editor-page input,.editor-page textarea,.editor-page select,.editor-page .subsection-title input{font-weight:400}.editor-page .recipe-title-input{font-weight:700}.recipe-columns{grid-template-columns:minmax(0,1fr);gap:42px}.detail-page .recipe-columns>section,.detail-page .content-section,.detail-page .ingredient-list{width:100%;max-width:none}.detail-page .ingredient-list li{grid-template-columns:minmax(140px,24%) minmax(0,1fr);align-items:start;padding:9px 4px;line-height:1.35}.detail-page .ingredient-list small{margin-top:3px;line-height:1.3}.detail-page .ingredient-list{width:min(100%,820px);max-width:820px}.detail-page .ingredient-list li{grid-template-columns:minmax(150px,210px) minmax(280px,1fr)}@media (width<=700px){.detail-page .ingredient-list{width:100%}.detail-page .ingredient-list li{grid-template-columns:145px minmax(0,1fr)}}body,.app-shell{background:var(--canvas)}button,input,textarea,select{color:var(--ink)}.detail-header,.editor-toolbar{background:var(--canvas)}.yield-chip,.step-row>span,.order-controls button:hover:not(:disabled),.settings-message,.inline-notice,.pwa-status,.photo-card-actions .cover-selected,.font-selected-button{background:var(--success-soft)}.notes,.transfer-help,.font-guidance,.card-tags em,.recipe-meta span{background:var(--soft)}input,textarea,.unit-editor select,.metadata-grid select,.tag-filter select,.order-controls button,.file-picker,.photo-picker,.photo-edit-card,.photo-card-actions button{background:var(--field);border-color:var(--field-line)}input:focus,textarea:focus,.unit-editor select:focus{outline-color:var(--focus)}.danger-link,.icon-button,.photo-error,.photo-card-actions .photo-remove{color:var(--danger)}.error{background:var(--danger-soft);color:var(--danger-ink)}.favorite-star{color:var(--star)}.step-list li:before,.pwa-status button{color:var(--on-accent)}.selected-font{box-shadow:0 0 0 2px var(--focus)}.settings-group{margin-bottom:42px}.settings-group-heading{max-width:760px;margin:0 0 18px}.settings-group-heading h2{margin-bottom:6px}.settings-group-heading p:not(.eyebrow){color:var(--muted);margin:0}.data-heading{margin-top:44px}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:18px;display:grid}.theme-option{text-align:left;min-width:0;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:11px;gap:5px;padding:14px;display:grid}.theme-option:hover{border-color:var(--green)}.theme-option.selected-theme{border-color:var(--green);box-shadow:0 0 0 2px var(--focus)}.theme-option small{color:var(--muted)}.theme-swatches{border:1px solid var(--line);border-radius:7px;grid-template-columns:repeat(4,1fr);height:34px;margin-bottom:6px;display:grid;overflow:hidden}.theme-swatches span{min-width:0}.theme-state{color:var(--green);margin-top:4px;font-size:12px;font-weight:700}.font-setting{margin-top:0}.language-setting select{min-width:190px;color:var(--ink);background:var(--field);border:1px solid var(--field-line);cursor:pointer;border-radius:9px;padding:11px 42px 11px 13px;font-size:16px}.language-setting select:focus{outline:3px solid var(--focus);border-color:var(--green)}.search-field{gap:14px;height:52px;padding-top:0;padding-bottom:0}.search-field>span[aria-hidden=true]{color:var(--green);flex:none;font-size:27px;font-weight:700;line-height:1;transform:translateY(-1px)}.search-field input{min-width:0;font-size:16px;line-height:1.35}.search-field input::placeholder{color:var(--muted);opacity:.9;font-size:16px}.tag-filter{min-width:175px;height:52px;display:block;position:relative}.tag-filter select{appearance:none;border:1px solid var(--line);background:var(--paper);width:100%;height:52px;box-shadow:0 5px 20px color-mix(in srgb, var(--shadow) 55%, transparent);cursor:pointer;border-radius:12px;padding:0 44px 0 16px;font-size:15px;font-weight:650;display:block}.tag-filter:after{content:"";border-right:2px solid var(--green);border-bottom:2px solid var(--green);pointer-events:none;width:9px;height:9px;position:absolute;top:50%;right:18px;transform:translateY(-70%)rotate(45deg)}.tag-filter:focus-within select{outline:3px solid var(--focus);border-color:var(--green)}@media (prefers-reduced-motion:no-preference){body,.app-shell,.site-header,.recipe-card,.card-body,.form-card,.settings-card,.cooking-panel{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}}.cooking-panel{background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 24px color-mix(in srgb, var(--shadow) 45%, transparent);border-radius:14px;margin:0 0 44px;overflow:hidden}.cooking-panel-active{background:color-mix(in srgb, var(--success-soft) 72%, var(--paper));border-color:color-mix(in srgb, var(--green) 38%, var(--line));box-shadow:0 8px 24px color-mix(in srgb, var(--green) 14%, transparent), inset 4px 0 0 var(--green)}.kitchen-tools-summary{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:58px;padding:9px 14px 9px 20px;display:grid}.kitchen-tools-summary h2{white-space:nowrap;margin:0;font-size:20px}.kitchen-tools-state{min-width:0;color:var(--green);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.kitchen-tools-state span{white-space:nowrap}.kitchen-tools-toggle{min-height:40px;color:var(--green);background:0 0;border:0;border-radius:999px;align-items:center;gap:9px;padding:4px 5px 4px 11px;font-weight:800;display:inline-flex}.kitchen-tools-toggle:hover{background:color-mix(in srgb, var(--success-soft) 72%, transparent)}.toggle-chevron{background:var(--success-soft);width:32px;height:32px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--green) 16%, transparent);border-radius:50%;flex:0 0 32px;transition:transform .2s,background-color .2s;display:block;position:relative}.toggle-chevron:before{content:"";border-right:2px solid var(--green);border-bottom:2px solid var(--green);width:8px;height:8px;position:absolute;top:10px;left:11px;transform:rotate(45deg)}.toggle-chevron-expanded{transform:rotate(180deg)}.cooking-panel-body{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);display:grid}.cooking-mode-control,.timer-control{padding:24px}.cooking-mode-control{border-right:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:12px 20px;display:grid}.cooking-mode-control h2,.timer-control h2{margin:0 0 7px;font-size:23px}.cooking-mode-control .eyebrow{margin:0 0 7px}.cooking-mode-control>div>p:last-child,.cooking-hint{color:var(--muted);margin:0;line-height:1.45}.cooking-mode-control>button{white-space:nowrap;align-self:center}.cooking-status,.cooking-hint{grid-column:1/-1;font-size:13px}.cooking-status{color:var(--green);margin:0;font-weight:700}.cooking-warning{color:var(--danger)}.timer-control{gap:14px;display:grid}.timer-display{color:var(--green);font:700 clamp(32px, 5vw, 46px)/1 var(--app-font);font-variant-numeric:tabular-nums;letter-spacing:.04em;display:block}.timer-display-wrap{align-items:center;gap:12px;min-height:48px;display:flex}.timer-hourglass{filter:drop-shadow(0 2px 2px #53426d2e);place-items:center;width:32px;height:32px;animation:1.5s ease-in-out infinite timer-hourglass-turn;display:inline-grid}.timer-hourglass svg{width:100%;height:100%;display:block;overflow:visible}.hourglass-glass{fill:#e8f6f1;stroke:#8f7bbb;stroke-width:1.5px;stroke-linejoin:round}.hourglass-frame{fill:none;stroke:#7964aa;stroke-width:3px;stroke-linecap:round}.hourglass-sand-top,.hourglass-sand-bottom{fill:#f3bd62;stroke:#d99a3e;stroke-width:.6px;stroke-linejoin:round}.hourglass-sand-stream{fill:none;stroke:#d99a3e;stroke-width:1.5px;stroke-linecap:round}.hourglass-highlight{fill:#fff;opacity:.9}.timer-finished{color:var(--tomato)}.timer-inputs{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.timer-inputs label{color:var(--muted);font-size:11px}.timer-stepper{grid-template-columns:42px minmax(0,1fr) 42px;min-width:0;display:grid}.timer-stepper input{text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;border-radius:0;min-width:0;padding:9px 4px;font-size:17px;font-weight:700}.timer-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}.timer-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.timer-stepper button{background:var(--field);min-height:43px;color:var(--green);border:1px solid var(--field-line);padding:0;font-size:21px;font-weight:800}.timer-stepper button:first-child{border-right:0;border-radius:8px 0 0 8px}.timer-stepper button:last-child{border-left:0;border-radius:0 8px 8px 0}.timer-stepper button:hover:not(:disabled){background:var(--success-soft)}.timer-presets{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.timer-presets button{min-height:42px;color:var(--green);background:var(--success-soft);border:1px solid color-mix(in srgb, var(--green) 22%, var(--line));border-radius:9px;padding:8px;font-weight:800}.timer-presets button:hover{border-color:var(--green)}.timer-presets-subtract button{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 25%, var(--line))}.timer-presets-subtract button:hover{border-color:var(--danger)}.timer-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.timer-test{margin-left:auto;padding:8px}.timer-complete{background:var(--success-soft);color:var(--green);border-radius:8px;margin:0;padding:10px 12px;font-weight:800}@keyframes timer-hourglass-turn{0%,35%{transform:rotate(0)}65%,to{transform:rotate(180deg)}}@media (prefers-reduced-motion:reduce){.timer-hourglass{animation:none}}@media (width<=760px){.cooking-panel-body{grid-template-columns:1fr}.cooking-mode-control{border-right:0;border-bottom:1px solid var(--line)}}@media (width<=470px){.kitchen-tools-summary{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding-left:14px}.kitchen-tools-summary h2{font-size:17px}.kitchen-tools-state{gap:7px;font-size:12px}.kitchen-tools-state span:first-child{font-size:0}.kitchen-tools-state span:first-child:after{content:"●";font-size:12px}.kitchen-tools-toggle{padding:4px;font-size:0}.cooking-mode-control{grid-template-columns:1fr}.cooking-mode-control>button{width:100%}.cooking-status,.cooking-hint{grid-column:1}.timer-test{margin-left:0}}
