:root{--color-bg-primary: #1e252c;--color-bg-secondary: #181d23;--color-bg-surface: #2a333b;--color-text-primary: #f0f4f8;--color-text-secondary: #a0a8b1;--color-border-subtle: #3e4a56;--color-accent-primary: #4caf50;--color-accent-warning: #ffc107;--color-state-error: #ef5350;--font-family-base: Inter, Roboto, Open Sans, sans-serif;--font-h1: 700 24px/32px;--font-h2: 600 20px/28px;--font-h3: 500 18px/24px;--font-body: 400 16px/24px;--font-meta: 400 14px/20px;--font-label: 400 12px/16px;--space-xs: 4px;--space-s: 8px;--space-m: 16px;--space-l: 24px;--space-xl: 32px;--radius-m: 8px;--radius-s: 4px;--shadow-card: 0 4px 8px rgba(0, 0, 0, .2)}.button-primary{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:var(--space-s) var(--space-m);border-radius:var(--radius-s);background-color:var(--color-accent-primary);color:var(--color-text-primary);border:none;cursor:pointer;font:var(--font-body) var(--font-family-base);text-decoration:none;transition:background-color .2s ease}.button-primary:hover{background-color:#5cb85c}.button-primary:active{background-color:color-mix(in srgb,#5cb85c 92%,black)}.button-primary:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.button-primary:disabled{opacity:.6;cursor:not-allowed}.button-secondary{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:var(--space-s) var(--space-m);border-radius:var(--radius-s);background-color:var(--color-border-subtle);color:var(--color-text-primary);border:none;cursor:pointer;font:var(--font-body) var(--font-family-base);text-decoration:none;transition:background-color .2s ease}.button-secondary:hover{background-color:#4a5561}.button-secondary:active{background-color:color-mix(in srgb,#4A5561 92%,black)}.button-secondary:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.button-secondary:disabled{opacity:.6;cursor:not-allowed}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font:var(--font-body) var(--font-family-base)}main{padding:var(--space-m)}@media(min-width:768px){main{padding:var(--space-l)}}@media(min-width:1024px){main{padding:var(--space-xl)}}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-nav{display:flex;gap:var(--space-m);padding:var(--space-m);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-subtle);position:fixed;bottom:0;left:0;right:0}main{padding-bottom:calc(var(--space-m) * 2 + 44px)}@media(min-width:1024px){.app-layout{flex-direction:row}.app-nav{flex-direction:column;position:relative;border-top:none;border-left:1px solid var(--color-border-subtle);bottom:auto;left:auto;right:auto;width:auto;padding:var(--space-l);gap:0;order:-1}main{flex:1;padding-bottom:var(--space-xl)}}.app-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;color:var(--color-text-secondary);text-decoration:none;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.app-nav a[aria-current=page]{color:var(--color-accent-primary);border-bottom:2px solid var(--color-accent-primary)}@media(min-width:1024px){.app-nav a{border-bottom:none;border-left:2px solid transparent}.app-nav a[aria-current=page]{border-bottom:none;border-left:2px solid var(--color-accent-primary)}}.app-nav a:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.recipe-grid{list-style:none;display:grid;grid-template-columns:1fr;gap:var(--space-m);padding:0;margin:var(--space-m) 0 0 0}@media(min-width:768px){.recipe-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.recipe-grid{grid-template-columns:repeat(3,1fr)}}.recipe-card{background-color:var(--color-bg-surface);border-radius:var(--radius-m);box-shadow:var(--shadow-card);padding:var(--space-m);display:flex;flex-direction:column}.recipe-card a{min-height:44px;font:var(--font-h3);color:var(--color-text-primary);text-decoration:none}.recipe-card__meta{font:var(--font-meta);color:var(--color-text-secondary)}.recipe-skeleton{display:grid;grid-template-columns:1fr;gap:var(--space-m);margin:var(--space-m) 0 0 0}@media(min-width:768px){.recipe-skeleton{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.recipe-skeleton{grid-template-columns:repeat(3,1fr)}}.recipe-skeleton>div{background-color:var(--color-border-subtle);border-radius:var(--radius-m);height:120px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.recipe-skeleton>div{animation:none;opacity:.5}}.recipe-detail-skeleton{margin:var(--space-m) 0 0 0}.recipe-detail-skeleton>div{background-color:var(--color-border-subtle);border-radius:var(--radius-m);height:240px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media(prefers-reduced-motion:reduce){.recipe-detail-skeleton>div{animation:none;opacity:.5}}.recipe-form{display:flex;flex-direction:column;gap:var(--space-m)}input[type=text],input[type=number],input[type=url],select,textarea{background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-s);min-height:44px;color:var(--color-text-primary);font:var(--font-body) var(--font-family-base);padding:8px 12px}input[type=text]:focus,input[type=number]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:var(--color-accent-primary);outline:none;box-shadow:0 0 0 2px var(--color-accent-primary)}input[type=text][aria-invalid=true],input[type=number][aria-invalid=true],input[type=url][aria-invalid=true]{border-color:var(--color-state-error)}textarea{min-height:100px;resize:vertical}.field-error{font:var(--font-label);color:var(--color-state-error)}.ingredient-row{display:flex;flex-wrap:wrap;gap:var(--space-m);align-items:flex-end}@media(min-width:768px){.ingredient-row{flex-wrap:nowrap}}.ingredient-row>*{flex:1;min-width:120px}.ingredient-row input[type=checkbox]{min-width:auto;width:auto;min-height:auto;height:auto;accent-color:var(--color-accent-primary)}.ingredient-row button{flex-basis:auto}.recipe-form label{display:block;font-weight:500;margin-bottom:4px}.ingredient-row label{font-weight:500;margin-bottom:0}.recipe-detail{margin:var(--space-l) 0}.recipe-meta{font:var(--font-meta);color:var(--color-text-secondary);margin:var(--space-m) 0}.link-notice{background-color:var(--color-bg-surface);border-left:4px solid var(--color-accent-warning);border-radius:var(--radius-s);padding:var(--space-s);margin:var(--space-m) 0}.link-notice a{color:var(--color-accent-primary);text-decoration:none}.link-notice a:hover{text-decoration:underline}.link-notice p{margin:var(--space-s) 0 0 0;color:var(--color-text-primary)}.family-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-m);padding:0;margin:var(--space-m) 0 0 0}.family-card{background-color:var(--color-bg-surface);border-radius:var(--radius-m);box-shadow:var(--shadow-card);padding:var(--space-m)}.family-skeleton{display:flex;flex-direction:column;gap:var(--space-m);margin:var(--space-m) 0 0 0}.family-skeleton>div{background-color:var(--color-border-subtle);border-radius:var(--radius-m);height:120px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media(prefers-reduced-motion:reduce){.family-skeleton>div{animation:none;opacity:.5}}.family-form{display:flex;flex-direction:column;gap:var(--space-m)}.family-form label{display:block;font-weight:500;margin-bottom:4px}.rating-list{list-style:none;padding:0;margin:var(--space-s) 0 0 0;display:flex;flex-direction:column;gap:var(--space-xs)}.rating-widget{display:flex;flex-direction:column;gap:var(--space-s);margin:var(--space-m) 0}.rating-widget label{display:block;margin-bottom:var(--space-xs)}.rating-stars{display:flex;gap:var(--space-xs)}.rating-star{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:transparent;border:none;border-radius:var(--radius-s);color:var(--color-accent-warning);font:var(--font-h2) var(--font-family-base);cursor:pointer}.rating-star:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.rating-star:disabled{opacity:.6;cursor:not-allowed}.list-overview{list-style:none;display:flex;flex-direction:column;gap:var(--space-m);padding:0;margin:var(--space-m) 0 0 0}.list-card{background-color:var(--color-bg-surface);border-radius:var(--radius-m);box-shadow:var(--shadow-card);padding:var(--space-m)}.list-skeleton{display:flex;flex-direction:column;gap:var(--space-m);margin:var(--space-m) 0 0 0}.list-skeleton>div{background-color:var(--color-border-subtle);border-radius:var(--radius-m);height:120px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media(prefers-reduced-motion:reduce){.list-skeleton>div{animation:none;opacity:.5}}.list-card h2 a{display:inline-block;min-height:44px;color:inherit;text-decoration:none}.list-items{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-s);margin:var(--space-m) 0 0 0}.list-item-row{background-color:var(--color-bg-surface);border-radius:var(--radius-m);padding:0 var(--space-m);min-height:44px;display:flex;align-items:center;justify-content:space-between}.list-item-row label{display:flex;align-items:center;min-height:44px;flex:1;gap:var(--space-s);cursor:pointer}.list-item-row input[type=checkbox]{width:24px;height:24px;min-width:24px;min-height:24px;accent-color:var(--color-accent-primary);cursor:pointer}.list-item-amount{margin-left:var(--space-m);color:var(--color-text-secondary)}.list-item-remove{min-height:44px;min-width:44px}.quick-add{display:flex;flex-direction:row;gap:var(--space-s);margin:var(--space-m) 0}.quick-add label{font-weight:500}.quick-add input{min-height:44px;flex:1;padding:0 var(--space-m);border:1px solid var(--color-border);border-radius:var(--radius-m);font-size:1rem;font-family:inherit}.quick-add input:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}