:root{--ink: #1a1a18;--ink-soft: #2e2e2a;--ink-muted: #8a8a82;--paper: #f5f4ef;--paper-mid: #eceae2;--white: #fdfcf8;--shadow: 0 2px 12px rgba(26, 26, 24, .08);--shadow-md: 0 6px 28px rgba(26, 26, 24, .12);--radius-sm: 6px;--radius: 12px;--radius-lg: 20px;--accent: hsl(var(--mod-h, 210), 52%, 42%);--accent-mid: hsl(var(--mod-h, 210), 30%, 70%);--accent-light: hsl(var(--mod-h, 210), 52%, 92%);--accent-bg: hsl(var(--mod-h, 210), 40%, 96%);color-scheme:light}[data-theme=dark]{--ink: #ede9e0;--ink-soft: #c8c4ba;--ink-muted: #6a6660;--paper: #1c1b18;--paper-mid: #2a2924;--white: #232220;--shadow: 0 2px 12px rgba(0, 0, 0, .28);--shadow-md: 0 6px 28px rgba(0, 0, 0, .4);--accent: hsl(var(--mod-h, 210), 55%, 62%);--accent-mid: hsl(var(--mod-h, 210), 25%, 45%);--accent-light: hsl(var(--mod-h, 210), 30%, 22%);--accent-bg: hsl(var(--mod-h, 210), 20%, 14%);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--paper);color:var(--ink-soft);font-family:DM Sans,system-ui,sans-serif;font-size:16px;transition:background .35s ease,color .35s ease}button,a{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,900px);margin:0 auto;padding:24px 16px}.top-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:40px}.eyebrow,.card-label{margin:0 0 8px;color:var(--ink-muted);font-size:14px;font-weight:600;text-transform:uppercase}h1,h2{margin:0;color:var(--ink);font-family:"DM Serif Display",Georgia,serif;font-weight:400;line-height:1.04}h1{max-width:10ch;font-size:clamp(48px,16vw,88px)}h2{font-size:28px}em{font-style:italic}.icon-button{display:grid;width:48px;height:48px;min-width:48px;place-items:center;border:1px solid var(--paper-mid);border-radius:var(--radius);background:var(--white);color:var(--accent);box-shadow:var(--shadow);cursor:pointer;transition:background .35s ease,border-color .35s ease,color .35s ease}.status-card,.preview-card{background:var(--white);box-shadow:var(--shadow);transition:background .35s ease,box-shadow .35s ease}.status-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;padding:18px 16px;border-radius:var(--radius)}.status-dot{display:inline-block;width:10px;height:10px;margin-bottom:12px;border-radius:999px;background:var(--accent)}.environment-badge{flex:0 0 auto;padding:7px 10px;border-radius:var(--radius-sm);background:var(--accent-bg);color:var(--accent);font-size:14px;font-weight:600}.primary-action,.secondary-action{display:inline-flex;min-height:48px;align-items:center;justify-content:center;margin-bottom:40px;padding:0 18px;border-radius:var(--radius);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.primary-action{border:0;background:var(--accent);color:var(--white)}.secondary-action{border:1px solid var(--paper-mid);background:var(--white);color:var(--ink)}.module-grid{display:grid;gap:2px;overflow:hidden;border-radius:var(--radius);background:var(--paper-mid)}.preview-card{min-height:116px;padding:16px}.preview-card p:last-child{margin:0}.privacy-private{border-left:3px solid hsl(280,40%,60%)}.privacy-shared{border-left:3px solid hsl(160,45%,48%)}.privacy-household{border-left:3px solid hsl(38,55%,50%)}.muted-text{color:var(--ink-muted)}.error-text{color:#c63939;font-weight:600}.recipes-shell{padding-bottom:48px}.recipes-panel{display:flex;flex-direction:column;gap:16px}.recipes-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.recipes-header h2{font-size:clamp(28px,8vw,40px)}.recipes-header-actions{display:flex;flex-wrap:wrap;gap:8px;flex:0 0 auto}.recipes-add{margin:0;flex:0 0 auto}.recipe-import-text{min-height:12rem;resize:vertical}.import-mode-toggle{display:flex;gap:8px;margin-bottom:12px}.import-mode{border:1px solid var(--border);background:transparent;border-radius:999px;padding:8px 14px;cursor:pointer}.import-subsection-title{margin:0 0 8px;font-size:18px}.import-json-external{margin-bottom:20px;padding:16px;border:1px solid var(--paper-mid);border-radius:var(--radius);background:var(--accent-bg)}.import-json-external .secondary-action{margin-top:8px}.import-mode.active{background:var(--accent-soft);border-color:var(--accent)}.field{display:flex;flex-direction:column;gap:8px}.field-row{display:grid;gap:12px;grid-template-columns:1fr 1fr}.field-label{color:var(--ink-muted);font-size:14px;font-weight:600}.text-input,textarea.text-input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--paper-mid);border-radius:var(--radius);background:var(--white);color:var(--ink);font:inherit}textarea.text-input{resize:vertical}.recipe-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;border-radius:var(--radius);overflow:hidden;background:var(--paper-mid)}.recipe-list-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-height:72px;padding:16px;border:0;background:var(--white);text-align:left;cursor:pointer;transition:background .35s ease}.recipe-list-title{color:var(--ink);font-family:"DM Serif Display",Georgia,serif;font-size:22px}.recipe-list-meta{color:var(--ink-muted);font-size:14px}.recipe-list-tags,.recipe-tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.recipe-tag-filters{display:flex;flex-wrap:wrap;gap:8px}.recipe-tag-chip{align-items:center;background:var(--accent-bg);border:1px solid transparent;border-radius:999px;color:var(--accent);display:inline-flex;font-size:13px;gap:6px;padding:4px 10px}.recipe-tag-chip.active{border-color:var(--accent)}.recipe-tag-chip.readonly{pointer-events:none}.recipe-tag-remove{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1;padding:0}.recipe-tags-editor{display:flex;flex-direction:column;gap:12px}.recipe-tag-add-row{display:flex;flex-wrap:wrap;gap:12px}.bulk-import-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.bulk-import-item{border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:16px}.bulk-import-title{color:var(--ink);font-family:"DM Serif Display",Georgia,serif;font-size:20px}.form-section,.detail-section{display:flex;flex-direction:column;gap:12px}.form-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-section h3,.detail-section h3{margin:0;color:var(--ink);font-family:"DM Serif Display",Georgia,serif;font-size:22px;font-weight:400}.step-editor{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}.step-editor-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.step-kind{width:auto;min-width:96px}.step-number{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:999px;background:var(--accent-bg);color:var(--accent);font-weight:700}.ingredient-row,.equipment-row,.timer-def-row{display:flex;gap:8px;align-items:center}.icon-button-small{display:grid;width:44px;height:44px;min-width:44px;place-items:center;border:1px solid var(--paper-mid);border-radius:var(--radius-sm);background:var(--white);color:var(--ink-muted);font-size:22px;cursor:pointer}.text-button{border:0;background:transparent;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;padding:8px 0}.checkbox-row{display:flex;align-items:center;gap:10px;min-height:44px}.ingredient-checkboxes{border:0;margin:0;padding:0}.form-actions,.detail-actions{display:flex;flex-wrap:wrap;gap:12px}.form-actions .primary-action,.form-actions .secondary-action,.detail-actions .primary-action,.detail-actions .secondary-action{margin:0}.secondary-action.danger{color:#cb4d4d}.bullet-list,.step-list{margin:0;padding-left:20px}.step-list{display:flex;flex-direction:column;gap:12px;padding-left:0;list-style:none}.step-card{padding:16px;border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);transition:opacity .35s ease,background .35s ease}.step-card-done{opacity:.55}.step-list-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.step-list-header h3{margin:0}.step-list-toggle-all{padding:4px 0;font-size:14px}.step-card-main{display:flex;gap:10px;align-items:flex-start}.step-card-content{flex:1;min-width:0}.step-card-heading{display:flex;gap:8px;align-items:flex-start}.step-expand-toggle{display:grid;width:20px;height:20px;flex:0 0 20px;place-items:center;margin-top:3px;margin-left:auto;padding:0;border:0;background:transparent;cursor:pointer}.step-expand-icon{display:block;width:7px;height:7px;border-right:1.5px solid var(--ink-muted);border-bottom:1.5px solid var(--ink-muted);transform:rotate(45deg);transition:transform .15s ease}.step-expand-toggle[aria-expanded=false] .step-expand-icon{transform:rotate(-45deg);margin-top:2px}.step-summary{margin:0;flex:1;color:var(--ink);font-size:20px;font-weight:600;line-height:1.3}.step-card-expanded{margin-top:8px}.step-details{margin:0;color:var(--ink-soft);line-height:1.5}.step-ingredients-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--paper-mid)}.step-subsection-label{margin:0 0 6px;color:var(--ink-muted);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.step-ingredients{margin:0;padding-left:1.1em;color:var(--ink);line-height:1.5}.step-ingredients li+li{margin-top:4px}.step-check{display:grid;width:22px;height:22px;min-width:22px;margin-top:4px;place-items:center;border:1.5px solid var(--ink-muted);border-radius:4px;background:transparent;color:transparent;font-size:13px;font-weight:700;line-height:1;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.step-check[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--white)}.cook-mode .cook-title{font-size:clamp(32px,10vw,48px)}.cook-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cook-header .secondary-action{margin:0}.cook-timer-bar{position:sticky;top:0;z-index:2;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:10px 12px;border-radius:var(--radius);background:var(--white);border:1px solid var(--paper-mid)}.cook-timer-bar-flash,.cook-mode-alert .cook-header{animation:cook-timer-flash .8s ease-in-out 3}@keyframes cook-timer-flash{0%,to{background:transparent}50%{background:var(--accent-bg)}}.cook-timer-item{display:flex;flex-direction:column;gap:6px}.cook-timer-meta{display:flex;justify-content:space-between;font-size:14px}.cook-timer-progress{height:4px;transform-origin:left center;background:var(--accent);border-radius:2px}.cook-timer-urgent .cook-timer-progress{background:#c44}.cook-timer-actions{display:flex;gap:12px}.step-timer-defs{margin:8px 0 0;padding:0;list-style:none}.step-timer-defs li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.step-timer-active{color:var(--accent);font-weight:600}.step-timer-actions{display:flex;gap:8px}.timer-alert-settings{margin:0 0 12px}.timer-alert-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.wake-lock-note{margin:0;padding:12px 14px;border-radius:var(--radius);background:var(--accent-bg)}.ingredient-checklist{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.ingredient-check-item{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.ingredient-check-item-done{opacity:.55;text-decoration:line-through}.back-link{align-self:flex-start}@media(min-width:640px){.app-shell{padding:40px 28px}.module-grid{grid-template-columns:repeat(3,1fr)}}.home-actions{display:flex;flex-wrap:wrap;gap:12px}.shopping-shell{padding-bottom:48px}.shopping-panel{display:flex;flex-direction:column;gap:12px}.shopping-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.shopping-header h2{font-size:clamp(30px,9vw,44px)}.shopping-create,.shopping-add{display:grid;gap:8px}.shopping-create{grid-template-columns:1fr auto}.shopping-create .secondary-action,.shopping-add .primary-action,.shopping-clear,.shopping-manage-categories,.shopping-add-shortcut,.shopping-menu .secondary-action{margin:0}.shopping-header-actions{display:flex;align-items:flex-start;gap:8px}.shopping-menu{position:relative}.shopping-menu summary{display:block;list-style:none;cursor:pointer}.shopping-menu summary::-webkit-details-marker{display:none}.shopping-menu-panel{position:absolute;right:0;z-index:5;display:grid;width:min(320px,calc(100vw - 32px));gap:8px;margin-top:8px;padding:10px;border:1px solid var(--paper-mid);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}.shopping-list-cards{display:grid;gap:8px}.shopping-list-card{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:1px solid var(--paper-mid);border-radius:var(--radius);background:var(--white);color:var(--ink);cursor:pointer;font:inherit;padding:12px 14px;text-align:left}.shopping-list-card.active{border-color:var(--accent);background:var(--accent-bg)}.shopping-list-card span{font-weight:700}.shopping-list-card small{color:var(--ink-muted)}.shopping-list-tabs,.shopping-suggestions{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.shopping-list-tab,.shopping-suggestions button{border:1px solid var(--paper-mid);border-radius:999px;background:var(--white);color:var(--ink);cursor:pointer;font:inherit;padding:8px 12px;white-space:nowrap}.shopping-list-tab.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.shopping-list-tab span,.shopping-suggestions span{color:var(--ink-muted);font-size:13px}.shopping-add{position:sticky;top:0;z-index:2;grid-template-columns:minmax(0,1fr) 72px;padding:8px;border:1px solid var(--paper-mid);border-radius:var(--radius);background:color-mix(in srgb,var(--white) 94%,transparent);box-shadow:var(--shadow)}.shopping-category-select,.shopping-add-button{grid-column:span 1}.shopping-new-category-input{grid-column:1 / -1}.shopping-category-select{min-width:0}.shopping-categories{display:flex;flex-direction:column;gap:8px}.shopping-category{overflow:hidden;border:1px solid var(--paper-mid);border-radius:var(--radius);background:var(--white)}.shopping-category-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--accent-bg)}.shopping-category-header h3{margin:0;color:var(--ink);font-size:15px}.shopping-category-actions{display:flex;gap:4px}.shopping-category-actions button{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--paper-mid);border-radius:var(--radius-sm);background:var(--white);color:var(--accent);cursor:pointer}.shopping-category-actions .danger-action{color:#cb4d4d}.shopping-category-actions button:disabled{cursor:default;opacity:.35}.shopping-items{margin:0;padding:0;list-style:none}.shopping-item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;border:0;border-top:1px solid var(--paper-mid);background:var(--white);color:var(--ink);cursor:pointer;font:inherit;text-align:left}.shopping-item.completed{color:var(--ink-muted);text-decoration:line-through;opacity:.62}.shopping-item-check{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;border:1.5px solid var(--accent-mid);border-radius:6px;color:var(--accent);font-weight:700}.shopping-item-main{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.shopping-item-name,.shopping-item-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopping-item-name{font-weight:700}.shopping-item-meta{color:var(--ink-muted);font-size:13px}@media(min-width:640px){.shopping-add{grid-template-columns:minmax(0,1fr) 100px minmax(160px,.45fr) minmax(220px,.6fr) auto}.shopping-new-category-input{grid-column:span 1}}.recipe-detail-panel{gap:20px}.recipe-detail-hero{display:grid;gap:18px;overflow:hidden;padding:20px;border:1px solid color-mix(in srgb,var(--accent-mid) 48%,transparent);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-md)}.recipe-detail-hero-content{min-width:0}.recipe-detail-hero h2{max-width:13ch;font-size:clamp(36px,12vw,62px)}.recipe-detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.recipe-detail-meta span{display:inline-flex;min-height:34px;align-items:center;padding:6px 12px;border-radius:999px;background:var(--white);color:var(--ink);font-weight:700;box-shadow:var(--shadow)}.recipe-source{margin:12px 0 0;color:var(--ink-muted);overflow-wrap:anywhere}.recipe-detail-tags{margin-top:14px}.recipe-detail-layout{display:grid;gap:16px}.recipe-detail-sidebar{display:grid;gap:12px;align-content:start}.recipe-detail-card{padding:16px;border:1px solid var(--paper-mid);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow)}.detail-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.detail-section-heading span{color:var(--ink-muted);font-size:13px;font-weight:700}.recipe-detail-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.recipe-detail-list li{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--paper-mid);background:var(--white);color:var(--ink);line-height:1.35}.recipe-detail-list.compact{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.ingredient-checklist.recipe-detail-list li{padding:0}.recipe-equipment-card{background:var(--white)}.recipe-steps-section{min-width:0}@media(max-width:639px){.recipe-detail-hero{margin-inline:-4px;padding:18px 14px}.recipe-detail-hero h2{max-width:none}.recipe-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.recipe-detail-actions .primary-action,.recipe-detail-actions .secondary-action{min-height:44px;padding-inline:10px}.recipe-detail-sidebar{gap:10px}.recipe-detail-card{padding:14px}.recipe-detail-list{gap:6px}.recipe-detail-list.compact{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.recipe-detail-list li{padding:8px 10px;font-size:15px}.step-card{padding:14px 12px}.step-summary{font-size:18px}}@media(min-width:640px)and (max-width:899px){.recipe-detail-hero{grid-template-columns:minmax(0,1fr) minmax(180px,220px);align-items:start}.recipe-detail-hero .detail-actions{justify-self:end}.recipe-detail-actions{display:grid;gap:10px}.recipe-detail-actions .primary-action,.recipe-detail-actions .secondary-action{width:100%}.recipe-detail-sidebar{grid-template-columns:minmax(0,1.6fr) minmax(180px,.9fr);align-items:start}}@media(min-width:900px){.recipe-detail-hero{grid-template-columns:minmax(0,1fr) 180px;padding:28px}.recipe-detail-hero .detail-actions{align-self:start}.recipe-detail-actions{display:grid;gap:10px}.recipe-detail-actions .primary-action,.recipe-detail-actions .secondary-action{width:100%}.recipe-detail-layout{grid-template-columns:minmax(240px,.34fr) minmax(0,1fr);align-items:start;gap:20px}.recipe-detail-sidebar{position:sticky;top:18px}}