:root{--color-primary: #550816;--color-secondary: #8b1a2d;--color-accent: #c41e3a;--color-dark: #ffffff;--color-light: #0a0a0f;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a24;--bg-elevated: #22222e;--gradient-hero: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 25%, #0f172a 50%, #1e1b4b 75%, #0a0a0f 100%);--gradient-sunset: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-tropical: linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%);--gradient-warm: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-glow: radial-gradient(circle at 50% 50%, rgba(85, 8, 22, .3) 0%, transparent 50%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4);--shadow-card: 0 4px 20px rgba(0, 0, 0, .4);--shadow-hover: 0 8px 30px rgba(85, 8, 22, .3);--shadow-glow: 0 0 30px rgba(85, 8, 22, .4);--font-display: "Google Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Google Sans", -apple-system, BlinkMacSystemFont, sans-serif;--header-height: 70px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.3}img{max-width:100%;height:auto}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#334;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#445}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn .5s ease-out forwards}.slide-in{animation:slideIn .4s ease-out forwards}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}.section-title{text-align:center;margin-bottom:48px}.section-title span{display:block;font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);margin-bottom:8px}.section-title h2{font-size:2.5rem;color:var(--color-dark)}.tag{display:inline-block;padding:4px 12px;font-size:.7rem;font-weight:500;letter-spacing:.03em;border-radius:20px;background:#ffffff14;color:var(--color-text-muted);text-transform:capitalize}.tag--primary{background:#55081640;color:#ff6b7a}.glass{background:#12121acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}::selection{background:var(--color-primary);color:#fff}._header_1px3u_1{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#0a0a0fe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid rgba(255,255,255,.08)}._logo_1px3u_18{display:flex;align-items:center;gap:8px}._logoIcon_1px3u_24{width:48px;height:48px}._filterBtn_1px3u_29{display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:500;color:#fff;background:transparent;border-radius:24px;transition:all .3s ease}._filterBtn_1px3u_29:hover{background:#ff002f40}._filterBtn_1px3u_29 span{position:relative}._filterBtn_1px3u_29 span:after{content:"▾";margin-left:4px;font-size:.8em}._searchBtn_1px3u_56{padding:10px;color:var(--color-text-muted);border-radius:50%;transition:all .3s ease}._searchBtn_1px3u_56:hover{color:#ff6b7a;background:#55081640}@media(max-width:640px){._header_1px3u_1{padding:0 16px}._filterBtn_1px3u_29 span{display:none}._logoIcon_1px3u_24{width:40px;height:40px}}._card_15luv_1{display:flex;align-items:center;gap:16px;padding:12px;background:var(--bg-card);border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-card);border:1px solid rgba(255,255,255,.06)}._card_15luv_1:hover{box-shadow:var(--shadow-hover);border-color:#c41e3a66;background:var(--bg-elevated)}._imageWrapper_15luv_20{position:relative;width:100px;height:130px;flex-shrink:0;overflow:visible}._imageWrapper_15luv_20 img{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .4s ease;border:1px solid rgba(255,255,255,.1)}._card_15luv_1:hover ._imageWrapper_15luv_20 img{transform:scale(1.02)}._colorAccent_15luv_41{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:50%;height:6px;border-radius:3px;opacity:.7}._content_15luv_52{flex:1;min-width:0}._name_15luv_57{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:10px;font-family:var(--font-display)}._tags_15luv_65{display:flex;flex-wrap:wrap;gap:6px}._tag_15luv_65{display:inline-block;padding:4px 10px;font-size:.65rem;font-weight:500;letter-spacing:.02em;border-radius:12px;background:linear-gradient(135deg,#55081633,#8b1a2d33);color:var(--color-text-muted);text-transform:capitalize;border:1px solid rgba(255,255,255,.05)}@media(max-width:640px){._imageWrapper_15luv_20{width:80px;height:110px}._name_15luv_57{font-size:1rem}._tag_15luv_65{padding:3px 8px;font-size:.6rem}}._section_1foge_1{padding:80px 0;background:var(--bg-primary)}._container_1foge_6{max-width:1200px;margin:0 auto;padding:0 24px}._header_1foge_12{text-align:center;margin-bottom:50px}._subtitle_1foge_17{display:block;font-size:.8rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--color-primary);margin-bottom:10px}._title_1foge_27{font-size:2.25rem;color:#fff;margin-bottom:16px}._divider_1foge_33{width:60px;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));margin:0 auto;border-radius:2px}._grid_1foge_41{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}@media(max-width:1023px)and (min-width:768px){._grid_1foge_41{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){._section_1foge_1{padding:60px 0}._title_1foge_27{font-size:1.75rem}._grid_1foge_41{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:480px){._grid_1foge_41{grid-template-columns:1fr}}@media(min-width:1024px){._grid_1foge_41{grid-template-columns:repeat(3,1fr)}}._overlay_iyoxp_1{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:2000;overflow-y:auto}._modal_iyoxp_14{position:relative;width:100%;max-width:900px;max-height:90vh;background:var(--bg-secondary);border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #0009;border:1px solid rgba(255,255,255,.1)}._closeBtn_iyoxp_26{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:#1a1a24e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:var(--color-text);z-index:10;transition:all .3s ease;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.1)}._closeBtn_iyoxp_26:hover{background:var(--bg-elevated);color:var(--color-accent);transform:rotate(90deg);border-color:var(--color-accent)}._content_iyoxp_52{display:grid;grid-template-columns:1fr 1.2fr;min-height:500px}._imageSection_iyoxp_58{position:relative;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;padding:40px}._imageWrapper_iyoxp_67{position:relative;width:100%;max-width:280px}._imageWrapper_iyoxp_67 img{width:100%;height:auto;border-radius:16px;box-shadow:0 20px 40px #00000080;border:1px solid rgba(255,255,255,.1)}._imageGlow_iyoxp_81{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80%;height:30px;border-radius:50%;filter:blur(20px);opacity:.4}._details_iyoxp_93{padding:40px;overflow-y:auto;max-height:90vh}._header_iyoxp_99{margin-bottom:24px}._tags_iyoxp_103{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}._tag_iyoxp_103{padding:4px 12px;font-size:.7rem;font-weight:500;letter-spacing:.03em;border-radius:20px;background:#5508164d;color:#ff6b7a;text-transform:capitalize;border:1px solid rgba(196,30,58,.3)}._name_iyoxp_122{font-size:2rem;color:#fff;margin-bottom:12px}._description_iyoxp_128{font-size:.95rem;color:var(--color-text-muted);line-height:1.7}._meta_iyoxp_134{display:flex;gap:24px;padding:20px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:24px}._metaItem_iyoxp_143{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--color-text-muted);text-transform:capitalize}._metaItem_iyoxp_143 svg{color:#ff6b7a}._section_iyoxp_156{margin-bottom:24px}._section_iyoxp_156 h3{font-size:1rem;font-weight:600;color:#fff;margin-bottom:16px;font-family:var(--font-body);letter-spacing:.02em}._ingredients_iyoxp_169{list-style:none}._ingredients_iyoxp_169 li{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}._amount_iyoxp_180{min-width:80px;font-weight:600;color:#ff6b7a;font-size:.9rem}._ingredientName_iyoxp_187{color:var(--color-text)}._steps_iyoxp_191{list-style:none;counter-reset:step-counter}._steps_iyoxp_191 li{position:relative;padding:12px 0 12px 36px;color:var(--color-text);counter-increment:step-counter}._steps_iyoxp_191 li:before{content:counter(step-counter);position:absolute;left:0;top:12px;width:24px;height:24px;background:linear-gradient(135deg,#550816,#8b1a2d);color:#fff;border-radius:50%;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}._garnish_iyoxp_220{padding:16px;background:linear-gradient(135deg,#55081633,#8b1a2d33);border-radius:12px;font-size:.9rem;color:var(--color-text);border:1px solid rgba(196,30,58,.2)}._garnish_iyoxp_220 span{font-weight:600;color:#fff}@media(max-width:768px){._content_iyoxp_52{grid-template-columns:1fr}._imageSection_iyoxp_58{padding:30px;min-height:250px}._imageWrapper_iyoxp_67{max-width:200px}._details_iyoxp_93{padding:24px}._name_iyoxp_122{font-size:1.5rem}._meta_iyoxp_134{flex-wrap:wrap;gap:16px}}._overlay_17ua8_1{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1500}._sidebar_17ua8_8{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:360px;background:var(--bg-secondary);z-index:1600;display:flex;flex-direction:column;box-shadow:4px 0 30px #00000080;border-right:1px solid rgba(255,255,255,.08)}._header_17ua8_23{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}._header_17ua8_23 h2{font-size:1.25rem;color:#fff}._closeBtn_17ua8_36{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .3s ease}._closeBtn_17ua8_36:hover{background:var(--bg-elevated);color:#fff}._content_17ua8_52{flex:1;overflow-y:auto;padding:24px}._section_17ua8_58{margin-bottom:32px}._section_17ua8_58 h3{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:16px;font-family:var(--font-body)}._options_17ua8_75{display:flex;flex-wrap:wrap;gap:8px}._option_17ua8_75{padding:10px 18px;font-size:.85rem;font-weight:500;color:var(--color-text);background:var(--bg-card);border-radius:24px;transition:all .3s ease;border:1px solid rgba(255,255,255,.06)}._option_17ua8_75:hover{background:var(--bg-elevated);border-color:#ffffff1a}._option_17ua8_75._active_17ua8_97{background:linear-gradient(135deg,#550816,#8b1a2d);color:#fff;border-color:#c41e3a;font-weight:600}._spiritOptions_17ua8_104{display:flex;flex-direction:column;gap:4px}._spiritOption_17ua8_104{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:500;color:var(--color-text);background:transparent;border-radius:12px;transition:all .3s ease;text-align:left}._spiritOption_17ua8_104:hover{background:var(--bg-elevated)}._spiritOption_17ua8_104._active_17ua8_97{background:linear-gradient(135deg,#55081640,#8b1a2d40);color:#ff6b7a;border:1px solid rgba(196,30,58,.4)}._spiritIcon_17ua8_134{display:flex;align-items:center;justify-content:center;width:24px;height:24px}._footer_17ua8_142{padding:20px 24px;border-top:1px solid rgba(255,255,255,.08)}._clearBtn_17ua8_147{width:100%;padding:14px;font-size:.9rem;font-weight:500;color:var(--color-accent);background:#ff408126;border-radius:12px;transition:all .3s ease;border:1px solid rgba(255,64,129,.2)}._clearBtn_17ua8_147:hover{background:#ff408140;border-color:var(--color-accent)}._overlay_1pkj2_1{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:100px 20px 20px;z-index:2000}._modal_1pkj2_13{width:100%;max-width:600px;background:var(--bg-secondary);border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #0009;border:1px solid rgba(255,255,255,.1)}._searchBar_1pkj2_23{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}._searchIcon_1pkj2_31{color:var(--color-text-muted);flex-shrink:0}._input_1pkj2_36{flex:1;border:none;outline:none;font-size:1rem;font-family:var(--font-body);color:var(--color-text);background:transparent}._input_1pkj2_36::placeholder{color:#64748b}._closeBtn_1pkj2_50{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .3s ease}._closeBtn_1pkj2_50:hover{background:var(--bg-elevated);color:#fff}._results_1pkj2_66{max-height:400px;overflow-y:auto}._resultHeader_1pkj2_71{padding:12px 20px;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);background:var(--bg-card)}._resultList_1pkj2_81{list-style:none}._resultItem_1pkj2_85{display:flex;align-items:center;gap:16px;width:100%;padding:12px 20px;text-align:left;transition:all .2s ease}._resultItem_1pkj2_85:hover{background:var(--bg-card)}._resultItem_1pkj2_85 img{width:48px;height:48px;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}._resultInfo_1pkj2_107{display:flex;flex-direction:column;gap:4px}._resultName_1pkj2_113{font-weight:600;color:#fff}._resultMeta_1pkj2_118{font-size:.8rem;color:var(--color-text-muted);text-transform:capitalize}._noResults_1pkj2_124{padding:40px 20px;text-align:center}._noResults_1pkj2_124 p{font-weight:500;color:#fff;margin-bottom:8px}._noResults_1pkj2_124 span{font-size:.85rem;color:var(--color-text-muted)}._suggestions_1pkj2_140{padding:20px}._suggestions_1pkj2_140 p{font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:12px}._suggestionTags_1pkj2_153{display:flex;flex-wrap:wrap;gap:8px}._suggestionTag_1pkj2_153{padding:8px 16px;font-size:.85rem;font-weight:500;color:var(--color-text);background:var(--bg-card);border-radius:20px;transition:all .3s ease;border:1px solid rgba(255,255,255,.06)}._suggestionTag_1pkj2_153:hover{background:linear-gradient(135deg,#550816,#8b1a2d);color:#fff;border-color:#c41e3a}