#app{width:100%;max-width:1024px;margin:0 auto;font-weight:400}#app *{box-sizing:border-box}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:block}}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #495057;--text-muted: #6c757d;--border-color: #e9ecef;--shadow-color: rgba(0, 0, 0, .1);--card-bg: #ffffff;--nav-bg: #f8f9fa}[data-theme=dark]{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-color: #374151;--shadow-color: rgba(0, 0, 0, .3);--card-bg: #1f2937;--nav-bg: #111827}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);transition:background-color .3s ease,color .3s ease}#app{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.image-loader[data-v-1aa4105e]{position:relative;width:100%;height:100%;overflow:hidden;background:#f8f9fa;border-radius:8px}.loading-placeholder[data-v-1aa4105e]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--bg-secondary)}.loading-placeholder .loading-spinner[data-v-1aa4105e]{width:32px;height:32px;border:3px solid var(--bg-tertiary);border-top:3px solid var(--text-muted);border-radius:50%;animation:spin-1aa4105e 1s linear infinite}.error-placeholder[data-v-1aa4105e]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--bg-secondary);color:var(--text-muted)}.error-placeholder .error-icon[data-v-1aa4105e]{width:48px;height:48px;margin-bottom:8px;opacity:.5}.error-placeholder .error-text[data-v-1aa4105e]{font-size:12px;font-weight:500}.image[data-v-1aa4105e]{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}@media (max-width: 768px){.image[data-v-1aa4105e]{object-position:top}}.image.image-loaded[data-v-1aa4105e]{opacity:1}@keyframes spin-1aa4105e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cocktail-card[data-v-0289f557]{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease;width:100%;min-width:0}.cocktail-card[data-v-0289f557]:not(:last-child){margin-bottom:24px}@media (min-width: 769px){.cocktail-card[data-v-0289f557]:hover{border-color:var(--text-muted);box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-2px)}}.cocktail-card .cocktail-layout[data-v-0289f557]{display:flex;flex-direction:column;width:100%}@media (min-width: 768px){.cocktail-card .cocktail-layout[data-v-0289f557]{flex-direction:row;gap:24px}}.cocktail-card .cocktail-image[data-v-0289f557]{width:100%;padding:20px;height:200px;flex-shrink:0}@media (min-width: 768px){.cocktail-card .cocktail-image[data-v-0289f557]{width:300px;height:300px;order:2}}.cocktail-card .cocktail-content[data-v-0289f557]{padding:20px;flex:1;order:1}.cocktail-card .cocktail-content .cocktail-title[data-v-0289f557]{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--text-primary);text-align:left}.cocktail-card .cocktail-content .cocktail-info[data-v-0289f557]{margin-bottom:16px}.cocktail-card .cocktail-content .cocktail-info .info-item[data-v-0289f557]{display:flex;justify-content:space-between;margin-bottom:6px;padding:4px 0;font-size:14px}.cocktail-card .cocktail-content .cocktail-info .info-item .info-label[data-v-0289f557]{font-weight:500;color:var(--text-muted)}.cocktail-card .cocktail-content .cocktail-info .info-item .info-value[data-v-0289f557]{color:var(--text-secondary);font-weight:500}.cocktail-card .cocktail-content .cocktail-ingredients .section-title[data-v-0289f557]{margin:0 0 8px;font-size:14px;color:var(--text-primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cocktail-card .cocktail-content .cocktail-ingredients .ingredients-grid[data-v-0289f557]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.cocktail-card .cocktail-content .cocktail-ingredients .ingredients-grid .ingredient-item[data-v-0289f557]{display:flex;justify-content:space-between;padding:6px 8px;background:var(--bg-secondary);border-radius:4px;font-size:13px}.cocktail-card .cocktail-content .cocktail-ingredients .ingredients-grid .ingredient-item .ingredient-name[data-v-0289f557]{color:var(--text-secondary);font-weight:500}.cocktail-card .cocktail-content .cocktail-ingredients .ingredients-grid .ingredient-item .ingredient-measure[data-v-0289f557]{color:var(--text-muted);font-style:italic;font-size:12px}.cocktail-card .cocktail-content .cocktail-instructions[data-v-0289f557]{margin-bottom:16px}.cocktail-card .cocktail-content .cocktail-instructions .section-title[data-v-0289f557]{margin:0 0 8px;font-size:14px;color:var(--text-primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cocktail-card .cocktail-content .cocktail-instructions .instructions-text[data-v-0289f557]{margin:0;line-height:1.5;color:var(--text-secondary);font-size:14px;text-align:justify}@media (max-width: 768px){.cocktail-card .cocktail-content[data-v-0289f557]{padding:16px}.cocktail-card .cocktail-content .cocktail-title[data-v-0289f557]{font-size:16px;text-align:center}.cocktail-card .cocktail-content .ingredients-grid[data-v-0289f557]{grid-template-columns:1fr}}.loading-spinner-container[data-v-4ae04b8b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6c757d}.loading-spinner[data-v-4ae04b8b]{position:relative;width:60px;height:60px;margin-bottom:16px}.loading-spinner .spinner-ring[data-v-4ae04b8b]{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #6c757d;border-radius:50%;animation:spin-4ae04b8b 1.2s linear infinite}.loading-spinner .spinner-ring[data-v-4ae04b8b]:nth-child(1){animation-delay:0s}.loading-spinner .spinner-ring[data-v-4ae04b8b]:nth-child(2){width:80%;height:80%;top:10%;left:10%;animation-delay:-.4s}.loading-spinner .spinner-ring[data-v-4ae04b8b]:nth-child(3){width:60%;height:60%;top:20%;left:20%;animation-delay:-.8s}.loading-text[data-v-4ae04b8b]{margin:0;font-size:16px;font-weight:500;text-align:center}@keyframes spin-4ae04b8b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-toggle[data-v-fa99c5fc]{position:relative;width:48px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;border-radius:12px;transition:all .3s ease}.theme-toggle[data-v-fa99c5fc]:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.toggle-track[data-v-fa99c5fc]{position:relative;width:100%;height:100%;background:#e5e7eb;border-radius:12px;transition:all .3s ease;border:2px solid transparent}.dark .toggle-track[data-v-fa99c5fc]{background:#374151}.toggle-thumb[data-v-fa99c5fc]{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.dark .toggle-thumb[data-v-fa99c5fc]{transform:translate(24px);background:#1f2937}.sun-icon[data-v-fa99c5fc],.moon-icon[data-v-fa99c5fc]{width:12px;height:12px;stroke-width:2;transition:all .3s ease}.sun-icon[data-v-fa99c5fc]{color:#f59e0b;opacity:1}.dark .sun-icon[data-v-fa99c5fc]{opacity:0}.moon-icon[data-v-fa99c5fc]{position:absolute;color:#6366f1;opacity:0}.dark .moon-icon[data-v-fa99c5fc]{opacity:1}.theme-toggle:hover .toggle-track[data-v-fa99c5fc]{background:#d1d5db}.dark .theme-toggle:hover .toggle-track[data-v-fa99c5fc]{background:#4b5563}.cocktail-view[data-v-2b495e6a]{min-height:100vh;background:var(--bg-primary)}.layout[data-v-2b495e6a]{display:flex;min-height:100vh}@media (max-width: 768px){.layout[data-v-2b495e6a]{flex-direction:column}}.sidebar[data-v-2b495e6a]{width:200px;background:var(--nav-bg);border-right:1px solid var(--border-color);z-index:1}@media (max-width: 768px){.sidebar[data-v-2b495e6a]{position:fixed;top:0;left:0;width:100%;border-right:none;border-bottom:none;background:transparent;padding:16px}}.nav-header[data-v-2b495e6a]{padding:16px 24px;display:flex;justify-content:flex-end}@media (max-width: 768px){.nav-header[data-v-2b495e6a]{position:absolute;z-index:1;right:10px;top:2px;padding:12px 16px;border-bottom:none}}.cocktail-navigation[data-v-2b495e6a]{padding:16px 0;position:sticky;top:0}@media (max-width: 768px){.cocktail-navigation[data-v-2b495e6a]{padding:0}}.cocktail-navigation .navigation-list[data-v-2b495e6a]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:8px}@media (max-width: 768px){.cocktail-navigation .navigation-list[data-v-2b495e6a]{flex-direction:row;justify-content:space-around;gap:8px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:16px}}.cocktail-navigation .navigation-item[data-v-2b495e6a]{margin:0}.cocktail-navigation .navigation-link[data-v-2b495e6a]{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:16px;padding:16px 24px;display:block;transition:all .2s ease;border-left:3px solid transparent}.cocktail-navigation .navigation-link[data-v-2b495e6a]:hover{background:var(--bg-tertiary);color:var(--text-primary);border-left-color:var(--text-muted)}.cocktail-navigation .navigation-link.active[data-v-2b495e6a]{background:var(--card-bg);color:var(--text-primary);border-left-color:var(--text-primary);font-weight:600}.cocktail-navigation .mobile-nav[data-v-2b495e6a]{display:none}@media (max-width: 768px){.cocktail-navigation .mobile-nav[data-v-2b495e6a]{display:block;position:relative}}.cocktail-navigation .mobile-nav-toggle[data-v-2b495e6a]{width:100%;padding:16px 20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:16px;font-weight:500;color:var(--text-secondary);transition:all .2s ease;box-shadow:0 2px 4px var(--shadow-color)}.cocktail-navigation .mobile-nav-toggle[data-v-2b495e6a]:hover{background:var(--bg-secondary)}.cocktail-navigation .mobile-nav-toggle.active[data-v-2b495e6a]{border-color:var(--text-primary);background:var(--bg-secondary)}.cocktail-navigation .toggle-icon[data-v-2b495e6a]{width:20px;height:20px;display:inline-block;vertical-align:middle;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:rotate(0);will-change:transform;margin-right:8px}.cocktail-navigation .toggle-icon.open[data-v-2b495e6a]{transform:rotate(180deg)}.cocktail-navigation .toggle-text[data-v-2b495e6a]{flex:1;text-align:left;margin-left:12px}.cocktail-navigation .mobile-nav-dropdown[data-v-2b495e6a]{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 8px var(--shadow-color);max-height:0;overflow:hidden;transition:max-height .3s ease}.cocktail-navigation .mobile-nav-dropdown.open[data-v-2b495e6a]{max-height:300px}.cocktail-navigation .mobile-nav-list[data-v-2b495e6a]{list-style:none;margin:0;padding:8px 0}.cocktail-navigation .mobile-nav-item[data-v-2b495e6a]{margin:0}.cocktail-navigation .mobile-nav-link[data-v-2b495e6a]{display:block;padding:12px 20px;color:var(--text-secondary);text-decoration:none;font-size:16px;font-weight:500;transition:all .2s ease}.cocktail-navigation .mobile-nav-link[data-v-2b495e6a]:hover{background:var(--bg-secondary);color:var(--text-primary)}.cocktail-navigation .mobile-nav-link.active[data-v-2b495e6a]{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600}@media (max-width: 768px){.cocktail-navigation .desktop-nav[data-v-2b495e6a]{display:none}}.main-content[data-v-2b495e6a]{flex:1;min-height:100vh;width:100%;min-width:0}@media (max-width: 768px){.main-content[data-v-2b495e6a]{padding-top:80px}}.main-content .container[data-v-2b495e6a]{width:100%;max-width:none;margin:0;padding:0 32px;min-width:0}@media (max-width: 768px){.main-content .container[data-v-2b495e6a]{padding:0 16px}}.main-content .loading[data-v-2b495e6a]{display:flex;align-items:center;justify-content:center;min-height:400px}.main-content .error[data-v-2b495e6a]{text-align:center;color:var(--text-secondary);padding:32px}.main-content .error h2[data-v-2b495e6a]{margin:0 0 16px;font-size:24px;color:#dc3545}.main-content .error p[data-v-2b495e6a]{margin:0 0 24px;font-size:16px;color:var(--text-muted)}.main-content .error .retry-button[data-v-2b495e6a]{background:#dc3545;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease}.main-content .error .retry-button[data-v-2b495e6a]:hover{background:#c82333}.main-content .no-cocktails[data-v-2b495e6a]{text-align:center;color:var(--text-secondary);padding:32px}.main-content .no-cocktails h2[data-v-2b495e6a]{margin:0 0 16px;font-size:24px;color:var(--text-muted)}.main-content .no-cocktails p[data-v-2b495e6a]{margin:0;font-size:16px;color:var(--text-muted)}.main-content .cocktails-grid[data-v-2b495e6a]{padding:16px 0;width:100%}.main-content .cocktails-grid .cocktail-item[data-v-2b495e6a]{width:100%;min-width:0}@media (max-width: 768px){.main-content .cocktails-grid[data-v-2b495e6a]{grid-template-columns:1fr;gap:20px;padding:8px 0}}@media (max-width: 768px){.main-content .container[data-v-2b495e6a]{padding:0 8px}.main-content .cocktails-grid[data-v-2b495e6a]{grid-template-columns:1fr;gap:24px;padding:8px 0}}@media (max-width: 480px){.main-content .cocktails-grid[data-v-2b495e6a]{gap:16px}}.not-found[data-v-e5c0582b]{min-height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;padding:32px}.not-found .not-found-content[data-v-e5c0582b]{text-align:center;color:#495057;max-width:500px}.not-found .not-found-content .error-code[data-v-e5c0582b]{font-size:128px;font-weight:700;margin:0;line-height:1;color:#e9ecef}@media (max-width: 768px){.not-found .not-found-content .error-code[data-v-e5c0582b]{font-size:96px}}@media (max-width: 480px){.not-found .not-found-content .error-code[data-v-e5c0582b]{font-size:64px}}.not-found .not-found-content h1[data-v-e5c0582b]{font-size:32px;margin:0 0 16px;font-weight:600;color:#212529}@media (max-width: 768px){.not-found .not-found-content h1[data-v-e5c0582b]{font-size:28px}}@media (max-width: 480px){.not-found .not-found-content h1[data-v-e5c0582b]{font-size:24px}}.not-found .not-found-content p[data-v-e5c0582b]{font-size:19px;margin:0 0 32px;opacity:.9;line-height:1.6}@media (max-width: 768px){.not-found .not-found-content p[data-v-e5c0582b]{font-size:18px}}.not-found .not-found-content .home-link[data-v-e5c0582b]{display:inline-block;background:#212529;color:#fff;text-decoration:none;padding:12px 24px;border-radius:4px;font-weight:500;font-size:16px;transition:all .2s ease;border:1px solid #212529}.not-found .not-found-content .home-link[data-v-e5c0582b]:hover{background:#495057;border-color:#495057}@media (max-width: 768px){.not-found .not-found-content .home-link[data-v-e5c0582b]{padding:10px 20px;font-size:14px}}