.toast-container[data-v-d46b6a2b]{max-width:400px;position:fixed;right:20px;top:20px;width:100%;z-index:1000}.toast-list[data-v-d46b6a2b]{display:flex;flex-direction:column;gap:8px}.toast[data-v-d46b6a2b]{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:transform .2s ease,opacity .2s ease}.toast[data-v-d46b6a2b]:hover{transform:translateY(-2px)}.toast-success[data-v-d46b6a2b]{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-text)}.toast-error[data-v-d46b6a2b]{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text)}.toast-info[data-v-d46b6a2b]{background:var(--color-primary-bg);border:1px solid var(--color-primary-border);color:var(--color-primary-text)}.toast-icon[data-v-d46b6a2b]{flex-shrink:0;font-size:18px;font-weight:700}.toast-message[data-v-d46b6a2b]{flex:1;font-weight:500;line-height:1.4}.toast-close[data-v-d46b6a2b]{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:20px;height:20px;justify-content:center;opacity:.7;padding:0;transition:opacity .2s ease;width:20px}.toast-close[data-v-d46b6a2b]:hover{opacity:1}.toast-enter-active[data-v-d46b6a2b],.toast-leave-active[data-v-d46b6a2b]{transition:all .3s ease}.toast-enter-from[data-v-d46b6a2b],.toast-leave-to[data-v-d46b6a2b]{opacity:0;transform:translate(100%)}.toast-move[data-v-d46b6a2b]{transition:transform .3s ease}@media (max-width:480px){.toast-container[data-v-d46b6a2b]{left:10px;max-width:none;right:10px;top:10px}.toast[data-v-d46b6a2b]{gap:8px;padding:10px 12px}.toast-message[data-v-d46b6a2b]{font-size:14px}}.share-modal-overlay[data-v-14fffbc5]{align-items:center;background-color:#000000b3;display:flex;justify-content:center;inset:0;padding:1rem;position:fixed;z-index:1001}.share-modal[data-v-14fffbc5]{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:400px;overflow-y:auto;width:100%}.share-modal-header[data-v-14fffbc5]{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.share-modal-header h3[data-v-14fffbc5]{color:#333;font-size:1.25rem;font-weight:600;margin:0}.close-button[data-v-14fffbc5]{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.close-button[data-v-14fffbc5]:hover{background-color:#f5f5f5;color:#333}.share-modal-content[data-v-14fffbc5]{padding:1.5rem}.qr-section[data-v-14fffbc5]{text-align:center}.qr-code-container[data-v-14fffbc5]{background-color:#f9f9f9;border-radius:8px;display:flex;justify-content:center;margin-bottom:1.5rem;padding:1rem}.qr-code[data-v-14fffbc5]{border:1px solid #e0e0e0;border-radius:4px;height:auto;max-width:100%}.share-url[data-v-14fffbc5]{margin-bottom:1.5rem}.url-label[data-v-14fffbc5]{color:#666;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.url-display[data-v-14fffbc5]{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;color:#333;font-family:monospace;font-size:.875rem;padding:.75rem;word-break:break-all}.share-actions[data-v-14fffbc5]{gap:.75rem}.action-button[data-v-14fffbc5],.share-actions[data-v-14fffbc5]{display:flex;justify-content:center}.action-button[data-v-14fffbc5]{align-items:center;background-color:#fff;border:1px solid #d0d0d0;border-radius:6px;color:#333;cursor:pointer;font-size:.875rem;font-weight:500;gap:.5rem;min-width:120px;padding:.75rem 1rem;transition:all .2s ease}.action-button[data-v-14fffbc5]:hover{background-color:#f5f5f5;border-color:#999}.copy-button.copied[data-v-14fffbc5]{background-color:#10b981;border-color:#10b981;color:#fff}.download-button[data-v-14fffbc5]:hover{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.button-icon[data-v-14fffbc5]{font-size:1rem}@media (max-width:480px){.share-modal[data-v-14fffbc5]{margin:.5rem;max-width:none}.share-actions[data-v-14fffbc5]{flex-direction:column}.action-button[data-v-14fffbc5]{min-width:auto;width:100%}}.icon[data-v-aa3efcd0]{display:inline-block;vertical-align:middle;stroke:currentColor;fill:none;flex-shrink:0}.modal-overlay[data-v-dd9dbc9d]{align-items:center;animation:modalFadeIn-dd9dbc9d .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:2rem;position:fixed;top:0;width:100%;z-index:1000}.modal-content[data-v-dd9dbc9d]{animation:modalSlideIn-dd9dbc9d .3s ease-out;background:var(--white);border:3px solid var(--text-color);border-radius:20px;font-family:Garamond,serif;max-height:90vh;max-width:700px;position:relative;width:100%}.modal-header[data-v-dd9dbc9d]{align-items:flex-start;background-color:var(--white);border-bottom:none;border-radius:20px;display:flex;gap:16px;justify-content:space-between;padding:32px;position:sticky;top:0;z-index:1}.modal-title[data-v-dd9dbc9d]{color:var(--text-color);flex:1;font-family:Futura,sans-serif;font-size:32px;font-weight:700;line-height:1.1;margin:0;min-width:0;padding-right:16px}.header-actions[data-v-dd9dbc9d]{display:flex;flex-shrink:0;gap:var(--spacing-s)}.modal-btn[data-v-dd9dbc9d]{align-items:center;background:var(--white);border:2px solid var(--text-color);border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all var(--transition-speed) ease;width:44px}.modal-btn .star-icon[data-v-dd9dbc9d]{fill:transparent;transition:fill var(--transition-speed) ease}.modal-btn.favorite-btn.is-favorite .star-icon[data-v-dd9dbc9d]{fill:currentColor}.modal-btn[data-v-dd9dbc9d]:hover{transform:scale(1.05)}.modal-btn.favorite-btn.is-favorite[data-v-dd9dbc9d],.modal-btn.favorite-btn[data-v-dd9dbc9d]:hover{background-color:var(--favorite-color);border-color:var(--favorite-color);color:var(--white)}.modal-btn.share-btn[data-v-dd9dbc9d]:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--white)}.modal-btn.close-btn[data-v-dd9dbc9d]:hover{background-color:var(--error-color);border-color:var(--error-color);color:var(--white)}.modal-btn .icon[data-v-dd9dbc9d]{height:20px;width:20px;stroke-width:2}.modal-close-top[data-v-dd9dbc9d]{position:absolute;right:0;top:-3.5rem;z-index:2}.modal-body[data-v-dd9dbc9d]{display:flex;flex-direction:column;gap:24px;padding:0 32px 32px}.description[data-v-dd9dbc9d]{margin-bottom:0}.description p[data-v-dd9dbc9d]{color:var(--text-color);font-family:Garamond,serif;font-size:18px;line-height:1.6;margin:0;opacity:.9}.ingredients-section[data-v-dd9dbc9d]{margin-bottom:0}.section-title[data-v-dd9dbc9d]{color:var(--text-color);font-family:Futura,sans-serif;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.ingredients-list[data-v-dd9dbc9d]{list-style:none;margin:0;padding:0}.ingredient-item[data-v-dd9dbc9d]{color:var(--text-color);font-family:Garamond,serif;font-size:1.125rem;line-height:1.4;margin-bottom:.5rem;padding-bottom:.5rem;padding-left:1.25rem;position:relative}.ingredient-item[data-v-dd9dbc9d]:before{color:var(--accent-color);content:"•";font-size:20px;font-weight:700;position:absolute}.ingredient-item[data-v-dd9dbc9d]:after{background-image:repeating-linear-gradient(to right,var(--text-color) 0,var(--text-color) 2px,transparent 2px,transparent 6px);bottom:2px;content:"";height:1px;left:20px;opacity:.3;position:absolute;right:0}.instructions-section[data-v-dd9dbc9d]{margin-bottom:0}.instructions-content[data-v-dd9dbc9d]{color:var(--text-color);font-family:Garamond,serif;font-size:18px;line-height:1.6;margin:0}.additional-details[data-v-dd9dbc9d]{border-top:2px solid var(--text-color);margin-top:8px;opacity:.7;padding-top:16px}.detail-item[data-v-dd9dbc9d]{color:var(--text-color);font-family:Garamond,serif;font-size:16px;line-height:1.4;margin-bottom:8px}.detail-item strong[data-v-dd9dbc9d]{font-weight:600}.badges[data-v-dd9dbc9d]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:auto;padding-top:var(--spacing-s)}.badge[data-v-dd9dbc9d]{border-radius:calc(var(--border-radius)/2);font-family:Futura,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.25px;padding:var(--spacing-xs) var(--spacing-s);text-transform:uppercase;white-space:nowrap}.difficulty-easy[data-v-dd9dbc9d],.strength-light[data-v-dd9dbc9d]{background-color:#4caf501a;color:#2e7d32}.difficulty-medium[data-v-dd9dbc9d],.strength-medium[data-v-dd9dbc9d]{background-color:#ff98001a;color:#e65100}.difficulty-hard[data-v-dd9dbc9d],.strength-strong[data-v-dd9dbc9d]{background-color:#b000201a;color:var(--error-color)}@keyframes modalFadeIn-dd9dbc9d{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn-dd9dbc9d{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.modal-overlay[data-v-dd9dbc9d]{padding:var(--spacing-s)}.modal-content[data-v-dd9dbc9d]{max-height:95vh}.modal-header[data-v-dd9dbc9d]{align-items:stretch;padding:var(--spacing-m)}.modal-title[data-v-dd9dbc9d]{font-size:1.25rem}.header-actions[data-v-dd9dbc9d]{justify-content:flex-end}.modal-body[data-v-dd9dbc9d]{padding:var(--spacing-m)}}:root{--color-bg-light:#faf3e6;--color-text-light:#2b2b2b;--color-primary-light:#007b8c;--color-accent-light:#d93f21;--color-white:#fff;--color-bg-dark:#1a1a1a;--color-text-dark:#eaeaea;--color-primary-dark:#38bdf8;--color-accent-dark:#f97316;--color-dark-white:#2a2a2a;--color-parchment-white:var(--color-bg-light);--color-faded-teal:var(--color-primary-light);--color-vermilion:var(--color-accent-light);--color-vermilion-hover:#c1381e;--color-charcoal-text:var(--color-text-light);--color-success:#10b981;--color-error:#ef4444;--color-info:#3b82f6;--color-warning:#f59e0b;--background-color:linear-gradient(135deg,var(--color-bg-light) 33.33%,var(--color-accent-light) 33.33%,var(--color-accent-light) 66.66%,var(--color-primary-light) 66.66%);--text-color:var(--color-text-light);--accent-color:var(--color-primary-light);--accent-hover:var(--color-vermilion-hover);--light-gray:var(--color-bg-light);--mid-gray:#e1e5eb;--border-color:var(--color-text-light);--hover-color:rgba(0,123,140,.1);--white:var(--color-white);--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.25rem;--space-2xl:1.5rem;--space-3xl:2rem;--space-4xl:2.5rem;--space-5xl:3rem;--container-padding:var(--space-lg);--container-padding-mobile:var(--space-lg);--card-padding:var(--space-xl);--card-padding-mobile:var(--space-lg);--header-padding:var(--space-3xl);--header-padding-mobile:var(--space-2xl);--section-spacing:var(--space-lg);--section-spacing-large:var(--space-2xl);--font-family-primary:"Futura",sans-serif;--font-family-secondary:"Garamond",serif;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-display:2rem;--font-size-h1:1.75rem;--font-size-h2:1.5rem;--font-size-h3:1.25rem;--font-size-subtitle:1.125rem;--font-size-body:1rem;--font-size-small:.875rem;--font-size-caption:.8rem;--line-height-display:2.5rem;--line-height-h1:2.25rem;--line-height-h2:2rem;--line-height-h3:1.75rem;--line-height-subtitle:1.5rem;--line-height-body:1.5rem;--line-height-small:1.25rem;--line-height-tight:1.3;--line-height-relaxed:1.6;--card-title-size:var(--font-size-h3);--card-title-weight:var(--font-weight-semibold);--card-title-line-height:var(--line-height-tight);--section-title-size:var(--font-size-small);--section-title-weight:var(--font-weight-semibold);--section-title-spacing:.5px;--ingredient-text-size:var(--font-size-small);--ingredient-text-line-height:var(--line-height-body);--instruction-text-size:var(--font-size-small);--instruction-text-line-height:var(--line-height-body);--container-max-width:1400px;--header-max-width:1200px;--modal-max-width:600px;--search-max-width:500px;--search-max-width-tablet:400px;--columns-mobile:1;--columns-tablet:2;--columns-desktop:3;--column-gap-mobile:var(--space-lg);--column-gap-tablet:var(--space-2xl);--column-gap-desktop:var(--space-3xl);--card-margin-bottom:var(--space-2xl);--card-margin-bottom-mobile:var(--space-lg);--card-image-height:200px;--card-image-height-mobile:200px;--border-radius-sm:4px;--border-radius:12px;--border-radius-lg:16px;--border-radius-full:50%;--border-radius-pill:25px;--shadow-sm:0 2px 4px rgba(0,0,0,.1);--shadow-base:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--shadow-dark:0 4px 16px rgba(0,0,0,.3);--shadow-dark-lg:0 8px 24px rgba(0,0,0,.4);--card-shadow:var(--shadow-base);--card-shadow-hover:var(--shadow-lg);--header-shadow:var(--shadow-base);--modal-shadow:var(--shadow-lg);--button-shadow:var(--shadow-sm);--transition-speed:.2s;--transition-speed-slow:.3s;--transition-speed-fast:.15s;--ease-out:ease-out;--ease-in:ease-in;--ease-in-out:ease;--ease-linear:linear;--scale-hover:1.025;--scale-button-hover:1.05;--scale-action-hover:1.1;--button-padding:.75rem 1.5rem;--button-padding-sm:.5rem 1rem;--button-padding-lg:1rem 2rem;--button-border-width:1px;--button-action-size:2rem;--button-action-size-mobile:2rem;--button-modal-size:2.5rem;--button-modal-size-mobile:2.25rem;--input-padding:.875rem 1rem;--input-border-width:2px;--input-focus-shadow:0 0 0 3px rgba(30,144,255,.1);--modal-backdrop-blur:4px;--modal-backdrop-opacity:.6;--modal-padding:2rem;--modal-padding-mobile:1.5rem;--modal-header-padding:2rem 2rem 1rem;--modal-header-padding-mobile:1.5rem 1.5rem 1rem;--modal-body-padding:1.5rem 2rem 2rem;--modal-body-padding-mobile:1.25rem 1.5rem 1.5rem;--modal-max-height:90vh;--modal-max-height-mobile:95vh;--card-collapsed-header-padding:var(--space-xl);--card-collapsed-header-padding-mobile:var(--space-lg);--card-expanded-header-padding:var(--space-xl) var(--space-xl) 0;--card-expanded-header-padding-mobile:var(--space-lg) var(--space-lg) 0;--card-content-padding:0 var(--space-xl) var(--space-xl);--card-content-padding-mobile:0 var(--space-lg) var(--space-lg);--card-content-padding-top:var(--space-md);--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-wide:1400px;--z-sticky:100;--z-modal:1000;--z-toast:10000}@media (prefers-color-scheme:dark){:root{--background-color:linear-gradient(135deg,var(--color-bg-dark) 33.33%,var(--color-accent-dark) 33.33%,var(--color-accent-dark) 66.66%,var(--color-primary-dark) 66.66%);--text-color:var(--color-text-dark);--accent-color:var(--color-primary-dark);--border-color:#444;--light-gray:var(--color-dark-white);--mid-gray:#3a3a3a;--hover-color:rgba(56,189,248,.1);--white:var(--color-dark-white);--card-shadow:var(--shadow-dark);--card-shadow-hover:var(--shadow-dark-lg);--header-shadow:var(--shadow-dark);--modal-shadow:var(--shadow-dark-lg);--color-charcoal-text:var(--color-text-dark);--color-parchment-white:var(--color-dark-white)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.text-display{font-size:2rem;font-size:var(--font-size-display);line-height:2.5rem;line-height:var(--line-height-display)}.text-display,.text-h1{font-family:Futura,sans-serif;font-family:var(--font-family-primary);font-weight:700;font-weight:var(--font-weight-bold)}.text-h1{font-size:1.75rem;font-size:var(--font-size-h1);line-height:2.25rem;line-height:var(--line-height-h1)}.text-h2{font-size:1.5rem;font-size:var(--font-size-h2);line-height:2rem;line-height:var(--line-height-h2)}.text-h2,.text-h3{font-family:Futura,sans-serif;font-family:var(--font-family-primary);font-weight:700;font-weight:var(--font-weight-bold)}.text-h3{font-size:1.25rem;font-size:var(--font-size-h3);line-height:1.75rem;line-height:var(--line-height-h3)}.text-subtitle{font-size:1.125rem;font-size:var(--font-size-subtitle);line-height:1.5rem;line-height:var(--line-height-subtitle)}.text-body,.text-subtitle{font-family:Garamond,serif;font-family:var(--font-family-secondary);font-weight:400;font-weight:var(--font-weight-normal)}.text-body{font-size:1rem;font-size:var(--font-size-body);line-height:1.5rem;line-height:var(--line-height-body)}.text-small{font-size:.875rem;font-size:var(--font-size-small)}.text-caption,.text-small{font-family:Garamond,serif;font-family:var(--font-family-secondary);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.25rem;line-height:var(--line-height-small)}.text-caption{font-size:.8rem;font-size:var(--font-size-caption)}.spacing-xs{margin:.25rem;margin:var(--space-xs)}.spacing-sm{margin:.5rem;margin:var(--space-sm)}.spacing-md{margin:.75rem;margin:var(--space-md)}.spacing-lg{margin:1rem;margin:var(--space-lg)}.spacing-xl{margin:1.25rem;margin:var(--space-xl)}.spacing-2xl{margin:1.5rem;margin:var(--space-2xl)}.spacing-3xl{margin:2rem;margin:var(--space-3xl)}.padding-xs{padding:.25rem;padding:var(--space-xs)}.padding-sm{padding:.5rem;padding:var(--space-sm)}.padding-md{padding:.75rem;padding:var(--space-md)}.padding-lg{padding:1rem;padding:var(--space-lg)}.padding-xl{padding:1.25rem;padding:var(--space-xl)}.padding-2xl{padding:1.5rem;padding:var(--space-2xl)}.padding-3xl{padding:2rem;padding:var(--space-3xl)}*,:after,:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:Futura,sans-serif;font-family:var(--font-family-primary);font-weight:700;font-weight:var(--font-weight-bold);margin:0}h1{font-size:1.75rem;font-size:var(--font-size-h1);line-height:2.25rem;line-height:var(--line-height-h1)}h2{font-size:1.5rem;font-size:var(--font-size-h2);line-height:2rem;line-height:var(--line-height-h2)}h3{font-size:1.25rem;font-size:var(--font-size-h3);line-height:1.75rem;line-height:var(--line-height-h3)}body{background:linear-gradient(135deg,#faf3e6 33.33%,#d93f21 0 66.66%,#007b8c 0);background:var(--background-color);color:#2b2b2b;color:var(--text-color);font-family:Garamond,serif;font-family:var(--font-family-secondary);margin:0;min-height:max(884px,100dvh);padding:0}.toast{animation:toastSlideIn .3s ease-out,toastSlideOut .3s ease-in 2.7s;animation:toastSlideIn var(--transition-speed-slow) var(--ease-out),toastSlideOut var(--transition-speed-slow) var(--ease-in) 2.7s;background:#2b2b2b;background:var(--color-charcoal-text);border-radius:12px;border-radius:var(--border-radius);bottom:2rem;bottom:var(--space-3xl);box-shadow:0 8px 24px #0000001f;box-shadow:var(--card-shadow-hover);color:#fff;color:var(--white);font-family:Futura,sans-serif;font-family:var(--font-family-primary);font-size:.875rem;font-size:var(--font-size-small);font-weight:500;font-weight:var(--font-weight-medium);max-width:300px;padding:1rem 1.5rem;padding:var(--space-lg) var(--space-2xl);position:fixed;right:2rem;right:var(--space-3xl);z-index:10000;z-index:var(--z-toast);word-wrap:break-word}@media (max-width:768px){.toast{bottom:1rem;bottom:var(--space-lg);left:1rem;left:var(--space-lg);max-width:none;right:1rem;right:var(--space-lg)}}ol,ul{list-style:none;margin:0;padding:0}ul li:before{color:var(--color-primary);content:"• ";display:inline-block;font-weight:700;margin-left:-1em;width:1em}[tabindex]:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}html{scroll-behavior:smooth}@media (prefers-contrast:high){:root{--color-border:#000;--color-shadow:rgba(0,0,0,.5)}.card{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.spinner{animation:none}}@media print{.btn,.modal-overlay,.search-section{display:none!important}.card{page-break-inside:avoid;-moz-column-break-inside:avoid;border:1px solid #000;box-shadow:none;break-inside:avoid}body{background:#fff;color:#000}}*,:after,:before,body,html{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}body{background:linear-gradient(135deg,#faf3e6 33.33%,#d93f21 0 66.66%,#007b8c 0);background:var(--background-color);color:#2b2b2b;color:var(--text-color);font-family:Garamond,serif;min-height:max(884px,100dvh)}h1,h2,h3,h4,h5,h6{font-family:Futura,sans-serif;font-weight:700;margin:0}h1{font-size:28pt;line-height:36pt}h2{font-size:24pt;line-height:32pt}h3{font-size:20pt;line-height:28pt}.display-heading{font-family:Futura,sans-serif;font-size:32pt;font-weight:700;line-height:40pt}.subtitle{font-size:18pt}.body-text,.subtitle{font-family:Garamond,serif;font-weight:400;line-height:24pt}.body-text{font-size:16pt}.caption{font-family:Garamond,serif;font-size:14pt;font-weight:400;line-height:20pt}:root{--bg-light:#faf3e6;--text-light:#2b2b2b;--primary-light:#007b8c;--accent-light:#d93f21;--white:#fff;--bg-dark:#1a1a1a;--text-dark:#eaeaea;--primary-dark:#38bdf8;--accent-dark:#f97316;--dark-white:#2a2a2a;--parchment-white:var(--bg-light);--faded-teal:var(--primary-light);--vermilion:var(--accent-light);--vermilion-hover:#c1381e;--charcoal-text:var(--text-light);--background-color:linear-gradient(135deg,var(--bg-light) 33.33%,var(--accent-light) 33.33%,var(--accent-light) 66.66%,var(--primary-light) 66.66%);--text-color:var(--text-light);--accent-color:var(--primary-light);--accent-hover:var(--vermilion-hover);--light-gray:var(--bg-light);--mid-gray:#e1e5eb;--border-color:var(--text-light);--hover-color:rgba(0,123,140,.1);--spacing-xs:4px;--spacing-s:8px;--spacing-m:16px;--spacing-l:24px;--spacing-xl:32px;--spacing-xxl:48px;--card-shadow:0 4px 6px rgba(0,0,0,.1);--card-shadow-hover:0 8px 24px rgba(0,0,0,.12);--success-color:#10b981;--error-color:#ef4444;--info-color:#3b82f6;--favorite-color:#ff6b35;--transition-speed:.2s;--color-success-bg:rgba(34,197,94,.1);--color-success-border:rgba(34,197,94,.3);--color-success-text:#059669;--color-error-bg:rgba(239,68,68,.1);--color-error-border:rgba(239,68,68,.3);--color-error-text:#dc2626;--color-primary-bg:rgba(0,123,140,.1);--color-primary-border:rgba(0,123,140,.3);--color-primary-text:var(--primary-light);--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--border-radius:12px;--dark-bg:var(--bg-dark);--dark-text:var(--text-dark);--dark-card-bg:#2a2a2a;--dark-border-color:#444;--dark-shadow:0 4px 16px rgba(0,0,0,.3)}.toast{animation:toastSlideIn .3s ease-out,toastSlideOut .3s ease-in 2.7s;background:#2b2b2b;background:var(--charcoal-text);border-radius:12px;border-radius:var(--border-radius);bottom:2rem;box-shadow:0 8px 24px #0000001f;box-shadow:var(--card-shadow-hover);color:#fff;font-family:Futura,sans-serif;font-size:14px;font-weight:500;max-width:300px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:10000;word-wrap:break-word}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.toast{bottom:1rem;left:1rem;max-width:none;right:1rem}}.cards-expanded .cocktail-card .card-content{display:block!important}@media (prefers-color-scheme:dark){:root{--background-color:linear-gradient(135deg,var(--bg-dark) 33.33%,var(--accent-dark) 33.33%,var(--accent-dark) 66.66%,var(--primary-dark) 66.66%);--text-color:var(--text-dark);--accent-color:var(--primary-dark);--border-color:var(--dark-border-color);--light-gray:var(--dark-card-bg);--mid-gray:#3a3a3a;--hover-color:rgba(56,189,248,.1);--white:var(--dark-white);--card-shadow:var(--dark-shadow);--card-shadow-hover:0 8px 24px rgba(0,0,0,.4);--charcoal-text:var(--text-dark);--parchment-white:var(--dark-card-bg);--color-success-bg:rgba(34,197,94,.2);--color-success-border:rgba(34,197,94,.4);--color-success-text:#10b981;--color-error-bg:rgba(239,68,68,.2);--color-error-border:rgba(239,68,68,.4);--color-error-text:#f87171;--color-primary-bg:rgba(56,189,248,.2);--color-primary-border:rgba(56,189,248,.4);--color-primary-text:var(--primary-dark)}}body.theme-light{--background-color:linear-gradient(135deg,var(--bg-light) 33.33%,var(--accent-light) 33.33%,var(--accent-light) 66.66%,var(--primary-light) 66.66%);--text-color:var(--text-light);--accent-color:var(--primary-light);--border-color:var(--text-light);--light-gray:var(--bg-light);--mid-gray:#e1e5eb;--hover-color:rgba(0,123,140,.1);--white:#fff;--card-shadow:0 4px 6px rgba(0,0,0,.1);--card-shadow-hover:0 8px 24px rgba(0,0,0,.12);--charcoal-text:var(--text-light);--parchment-white:var(--bg-light);--color-success-bg:rgba(34,197,94,.1);--color-success-border:rgba(34,197,94,.3);--color-success-text:#059669;--color-error-bg:rgba(239,68,68,.1);--color-error-border:rgba(239,68,68,.3);--color-error-text:#dc2626;--color-primary-bg:rgba(0,123,140,.1);--color-primary-border:rgba(0,123,140,.3);--color-primary-text:var(--primary-light)}body.theme-dark{--background-color:linear-gradient(135deg,var(--bg-dark) 33.33%,var(--accent-dark) 33.33%,var(--accent-dark) 66.66%,var(--primary-dark) 66.66%);--text-color:var(--text-dark);--accent-color:var(--primary-dark);--border-color:var(--dark-border-color);--light-gray:var(--dark-card-bg);--mid-gray:#3a3a3a;--hover-color:rgba(56,189,248,.1);--white:var(--dark-white);--card-shadow:var(--dark-shadow);--card-shadow-hover:0 8px 24px rgba(0,0,0,.4);--charcoal-text:var(--text-dark);--parchment-white:var(--dark-card-bg);--color-success-bg:rgba(34,197,94,.2);--color-success-border:rgba(34,197,94,.4);--color-success-text:#10b981;--color-error-bg:rgba(239,68,68,.2);--color-error-border:rgba(239,68,68,.4);--color-error-text:#f87171;--color-primary-bg:rgba(56,189,248,.2);--color-primary-border:rgba(56,189,248,.4);--color-primary-text:var(--primary-dark)}.app-container{background:var(--background-color);color:var(--text-color);min-height:100vh}.main-content{flex:1;margin-top:1rem;padding:1rem}