@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,300;1,400;1,500;1,600&family=Italianno&family=Montserrat:wght@200;300;400;500;600;700&family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--primary: #d4af37;--background-dark: #020202;--white: #ffffff;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-serif: "Cormorant Garamond", serif;--font-script: "Italianno", cursive;--font-sans: "Montserrat", sans-serif;--gold: #d4af37;--gold-light: #e8c39e;--silver: #9ca3af;--midnight-blue: #0a1628;--charcoal: #1f2937}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-sans);background:var(--background-dark);color:var(--white);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{min-height:100dvh}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.app{min-height:100dvh;position:relative;overflow:hidden;background:var(--background-dark)}.home-page{position:relative;display:flex;flex-direction:column;height:100dvh;width:100%;overflow:hidden}.bg-inverse-glow{position:absolute;inset:0;background:radial-gradient(circle at center,#000,#000000f2,#d4af3726);z-index:0}.ambient-glow-outer{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,rgba(212,175,55,.08) 100%);z-index:0}.ambient-corner-tl{position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(212,175,55,.22) 0%,transparent 70%);z-index:0}.ambient-corner-br{position:absolute;inset:0;background:radial-gradient(circle at bottom right,rgba(212,175,55,.22) 0%,transparent 70%);z-index:0}.glass-icons{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:5}.glass-icon{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none;filter:drop-shadow(0 0 20px rgba(212,175,55,.4)) drop-shadow(0 0 2px rgba(255,255,255,.25))}.glass-icon .material-symbols-outlined{font-variation-settings:"wght" 100,"opsz" 48}.glass-icon.icon-1{top:-5%;left:-10%;transform:scale(2.5) rotate(15deg);opacity:.7}.glass-icon.icon-1 .material-symbols-outlined{font-size:180px;color:#d4af37e6}.glass-icon.icon-2{top:20%;right:-15%;transform:scale(2.2) rotate(-12deg);opacity:.6}.glass-icon.icon-2 .material-symbols-outlined{font-size:150px;color:#ffffffb3}.glass-icon.icon-3{bottom:10%;left:-12%;transform:scale(2.6) rotate(25deg);opacity:.7}.glass-icon.icon-3 .material-symbols-outlined{font-size:140px;color:#d4af37cc}.glass-icon.icon-4{bottom:-5%;right:-8%;transform:scale(2) rotate(-10deg);opacity:.5}.glass-icon.icon-4 .material-symbols-outlined{font-size:160px;color:#fff9}.home-header{display:flex;justify-content:space-between;align-items:flex-start;padding:4rem 2rem 2rem;width:100%;position:relative;z-index:30}.weather-badge{display:flex;align-items:center;gap:.625rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(212,175,55,.25);border-radius:9999px;padding:.5rem 1.25rem;box-shadow:0 25px 50px -12px #00000040}.weather-badge .water-icon{font-size:14px;color:var(--primary);font-weight:300}.weather-badge .weather-text{font-size:9px;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:#ffffffe6}.menu-btn{width:44px;height:44px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 25px 50px -12px #00000040;transition:all .3s ease}.menu-btn:hover{background:#ffffff1a}.menu-btn .material-symbols-outlined{font-size:20px;color:#fffc;font-weight:300}.home-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;position:relative;z-index:30}.logo-container{margin-bottom:1rem}.logo{display:flex;align-items:baseline;justify-content:center;gap:.75rem;line-height:1}.logo-text{font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:82px;color:var(--white);letter-spacing:-.01em}.logo-ampersand{font-family:var(--font-script);font-style:normal;font-weight:400;font-size:52px;color:var(--primary);opacity:.9;filter:drop-shadow(0 0 15px rgba(212,175,55,.5));transform:translateY(-4px)}.tagline-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1.5rem}.tagline-divider{width:4rem;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.6),transparent)}.tagline{font-size:9px;font-weight:300;letter-spacing:.5em;text-transform:uppercase;color:#ffffff80;max-width:280px;line-height:1.8}.home-footer{display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:2.5rem 2.5rem 4rem;position:relative;z-index:30}.features{display:flex;align-items:center;gap:2.5rem}.feature{display:flex;flex-direction:column;align-items:center;gap:.5rem}.feature-line{width:1px;height:16px;background:#fff3;transition:all .3s ease}.feature.active .feature-line{height:24px;background:var(--primary);box-shadow:0 0 8px #d4af3799}.feature span{font-size:8px;text-transform:uppercase;letter-spacing:.4em;color:#fff6;transition:all .3s ease}.feature.active span{color:var(--primary);font-weight:600}.find-drink-btn{display:flex;align-items:center;justify-content:center;gap:1.5rem;background:var(--white);color:#000;padding:1.25rem 4rem;border-radius:9999px;border:none;cursor:pointer;transition:all .5s ease;box-shadow:0 25px 50px -12px #00000040}.find-drink-btn:hover{box-shadow:0 0 40px #ffffff40}.find-drink-btn:active{transform:scale(.95)}.find-drink-btn span:first-child{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3em}.find-drink-btn .arrow-icon{font-size:18px;font-weight:300;color:var(--primary)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:.75rem;opacity:.6}.footer-text{font-size:8px;font-weight:300;letter-spacing:.25em;color:#ffffffb3}.pagination{display:flex;gap:.5rem}.dot{width:4px;height:4px;border-radius:9999px;background:#ffffff4d;transition:all .3s ease}.dot.active{background:var(--primary)}.texture-overlay{position:absolute;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;z-index:50;background-image:url(https://www.transparenttextures.com/patterns/stardust.png)}.mood-page{position:relative;display:flex;flex-direction:column;height:100dvh;width:100%;overflow:hidden}.mood-page .bg-inverse-glow,.mood-page .ambient-glow-outer{pointer-events:none}.mood-header{display:flex;justify-content:space-between;align-items:center;padding:3rem 2rem 1.5rem;position:relative;z-index:30;flex-shrink:0}.back-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#ffffff1a}.back-btn .material-symbols-outlined{font-size:20px;color:#fffc}.step-indicator{display:flex;gap:.5rem}.step-dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s ease}.step-dot.active{background:var(--primary);box-shadow:0 0 10px #d4af3780}.header-spacer{width:44px}.mood-content{flex:1;display:flex;flex-direction:column;padding:1rem 2rem;padding-bottom:0;position:relative;z-index:10;overflow-y:auto;min-height:0}.step-content{flex:1;display:flex;flex-direction:column}.step-header{text-align:center;margin-bottom:2rem}.step-number{font-family:var(--font-serif);font-size:.75rem;letter-spacing:.3em;color:var(--primary);opacity:.8}.step-title{font-family:var(--font-serif);font-size:2rem;font-weight:400;color:var(--white);margin:.5rem 0}.step-description{font-size:.875rem;color:#ffffff80}.mood-sliders{display:flex;flex-direction:column;gap:1.25rem}.mood-slider-item{background:#ffffff08;border-radius:12px;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.05)}.mood-slider-label{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.mood-slider-label .mood-emoji{font-size:1.5rem}.mood-slider-label .mood-name{flex:1;font-size:.9rem;color:var(--white)}.mood-slider-label .mood-value{font-size:.75rem;font-weight:500;color:var(--primary);min-width:40px;text-align:right;letter-spacing:.05em}.slider-track{width:100%;position:relative}.slider-range-labels{display:flex;justify-content:space-between;margin-bottom:.5rem}.range-label{font-size:.7rem;color:#fff6}.range-label.left{color:#ffffff4d}.range-label.right{color:var(--mood-color);opacity:.7}.mood-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--mood-color) 0%,var(--mood-color) var(--mood-percent),rgba(255,255,255,.1) var(--mood-percent),rgba(255,255,255,.1) 100%);outline:none;cursor:pointer;position:relative;z-index:2}.mood-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:transform .2s ease}.mood-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.mood-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}.slider-steps{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 2px;pointer-events:none;z-index:1}.step-mark{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .2s ease}.step-mark.active{background:var(--mood-color);box-shadow:0 0 6px var(--mood-color)}.mbti-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}.mbti-item{padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffffb3;font-size:.9rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .3s ease}.mbti-item:hover{background:#ffffff14;border-color:#d4af374d}.mbti-item.selected{background:#d4af3726;border-color:var(--primary);color:var(--primary);box-shadow:0 0 20px #d4af3733}.mbti-selected{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#d4af371a;border-radius:12px;color:var(--primary);font-size:.9rem}.mbti-selected svg{stroke:var(--primary)}.drink-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.drink-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;cursor:pointer;transition:all .3s ease}.drink-item:hover{background:#ffffff14;border-color:#d4af374d}.drink-item.selected{background:#d4af3726;border-color:var(--primary);box-shadow:0 0 20px #d4af3733}.drink-emoji{font-size:2rem}.drink-label{font-size:.85rem;color:#fffc}.drink-item.selected .drink-label{color:var(--primary)}.check-icon{position:absolute;top:8px;right:8px;stroke:var(--primary)}.mood-footer{padding:1.5rem 2rem 2.5rem;position:relative;z-index:100;flex-shrink:0;background:#020202f2}.next-btn,.submit-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2rem;border-radius:9999px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;z-index:10}.next-btn span,.submit-btn span{display:inline-flex;align-items:center;pointer-events:none}.next-btn svg,.submit-btn svg{pointer-events:none}.next-btn{background:var(--white);color:#000}.next-btn .btn-arrow{stroke:var(--primary)}.submit-btn{background:linear-gradient(135deg,var(--primary),#e8c39e);color:#1a1a1a;box-shadow:0 4px 20px #d4af374d}.submit-btn .btn-icon{fill:#1a1a1a}.next-btn:hover,.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.next-btn:disabled,.submit-btn:disabled,.next-btn.disabled,.submit-btn.disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none;background:#fff3;color:#ffffff80}.hint-text{text-align:center;font-size:.8rem;color:var(--primary);margin-bottom:1rem;opacity:.8}.modal-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.modal{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid rgba(212,175,55,.2);border-radius:24px;padding:3rem;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080}.modal-icon{margin-bottom:1.5rem}.modal-icon .material-symbols-outlined{font-size:64px;color:var(--primary)}.modal-title{font-family:var(--font-serif);font-size:1.75rem;color:var(--primary);margin-bottom:1rem;font-weight:400}.modal-description{color:#fff9;font-size:1rem;line-height:1.6;margin-bottom:2rem}.modal-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;text-align:left}.modal-feature{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:8px;color:var(--white);font-size:.9rem}.modal-feature .feature-icon{font-size:20px;color:var(--primary)}.modal-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.modal-btn{padding:1.25rem;border-radius:9999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.modal-btn.primary{background:linear-gradient(135deg,var(--primary),#e8c39e);color:#1a1a1a;box-shadow:0 4px 20px #d4af374d}.modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4af3766}.modal-btn.secondary{background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.2)}.modal-btn.secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.modal-privacy{font-size:.75rem;color:#ffffff4d;line-height:1.4}.loading-page{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;width:100%;overflow:hidden}.loading-content{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:10;padding:2rem}.loading-icon{margin-bottom:2rem}.loading-icon .material-symbols-outlined{font-size:80px;color:var(--primary)}.spinning{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-title{font-family:var(--font-serif);font-size:1.5rem;color:var(--white);margin-bottom:.75rem;font-weight:400}.loading-subtitle{font-size:.9rem;color:#ffffff80;margin-bottom:2rem}.loading-dots{display:flex;gap:.5rem}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:pulse 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.result-page{position:relative;display:flex;flex-direction:column;height:100dvh;width:100%;overflow:hidden}.result-header{display:flex;justify-content:space-between;align-items:center;padding:3rem 2rem 1.5rem;position:relative;z-index:30;flex-shrink:0}.result-header-title{font-family:var(--font-serif);font-size:1.25rem;color:var(--white);font-weight:400}.result-content{flex:1;display:flex;flex-direction:column;padding:1rem 1.5rem;position:relative;z-index:10;overflow-y:auto;gap:1.5rem}.result-summary{background:#d4af371a;border:1px solid rgba(212,175,55,.2);border-radius:16px;padding:1.25rem}.result-summary p{font-size:.95rem;color:#ffffffd9;line-height:1.7;text-align:center}.tap-hint{text-align:center;font-size:.75rem;color:#fff6;margin-bottom:.5rem}.recommendation-cards{display:flex;flex-direction:column;gap:1.25rem}.recommendation-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.recommendation-card.clickable{cursor:pointer;transition:all .3s ease}.recommendation-card.clickable:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.recommendation-card.clickable:active{transform:translateY(-2px)}.card-tap-indicator{position:absolute;top:1rem;right:1rem;width:28px;height:28px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center}.card-tap-indicator .material-symbols-outlined{font-size:16px;color:#ffffff80}.recommendation-card.preferred{border-color:#d4af374d;background:linear-gradient(135deg,#d4af3714,#0000)}.recommendation-card.adventure{border-color:#45a29e4d;background:linear-gradient(135deg,#45a29e14,#0000)}.card-badge{position:absolute;top:1rem;left:1rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:.35rem .75rem;border-radius:20px;background:#d4af3733;color:var(--primary)}.recommendation-card.adventure .card-badge{background:#45a29e33;color:#45a29e}.card-emoji{font-size:4rem;margin:1rem 0}.card-name{font-family:var(--font-serif);font-size:1.5rem;color:var(--white);margin-bottom:.5rem;font-weight:500}.card-category{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);margin-bottom:1rem;padding:.25rem .75rem;background:#d4af371a;border-radius:20px}.recommendation-card.adventure .card-category{color:#45a29e;background:#45a29e1a}.card-description{font-size:.9rem;color:#fff9;line-height:1.6;margin-bottom:1rem}.card-reason{display:flex;align-items:flex-start;gap:.5rem;padding:1rem;background:#ffffff08;border-radius:12px;width:100%}.reason-icon{font-size:1rem;flex-shrink:0}.card-reason p{font-size:.85rem;color:#ffffffb3;line-height:1.5;text-align:left}.result-footer{padding:1.5rem 2rem 2.5rem;position:relative;z-index:30;flex-shrink:0}.retry-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:9999px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fffc;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.retry-btn svg{stroke:var(--primary)}.error-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#c44536e6;color:var(--white);padding:1rem 1.5rem;border-radius:12px;font-size:.9rem;z-index:200;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.detail-page{position:relative;display:flex;flex-direction:column;height:100dvh;width:100%;overflow:hidden}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:3rem 2rem 1.5rem;position:relative;z-index:30;flex-shrink:0}.detail-header-title{font-family:var(--font-serif);font-size:1.25rem;color:var(--white);font-weight:400}.detail-content{flex:1;display:flex;flex-direction:column;padding:1rem 1.5rem 2rem;position:relative;z-index:10;overflow-y:auto;gap:1.5rem}.detail-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:#d4af370d;border:1px solid rgba(212,175,55,.15);border-radius:20px}.detail-emoji{font-size:5rem;margin-bottom:.75rem}.detail-name{font-family:var(--font-serif);font-size:1.75rem;color:var(--white);margin-bottom:1rem;font-weight:500}.detail-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.detail-category,.detail-origin,.detail-abv{font-size:.7rem;font-weight:500;padding:.35rem .75rem;border-radius:20px;background:#ffffff14;color:#ffffffb3}.detail-category{background:#d4af3726;color:var(--primary)}.detail-cards{display:flex;flex-direction:column;gap:1rem}.detail-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem}.detail-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.detail-card-header .material-symbols-outlined{font-size:20px;color:var(--primary)}.detail-card-header h3{font-size:.9rem;font-weight:600;color:var(--white)}.detail-card-content{font-size:.875rem;color:#ffffffb3;line-height:1.6}.detail-card-content.subtle{margin-top:.5rem;font-style:italic;color:#ffffff80}.pairing-tags,.similar-tags{display:flex;flex-wrap:wrap;gap:.5rem}.pairing-tag,.similar-tag{font-size:.8rem;padding:.4rem .75rem;border-radius:20px;background:#d4af371a;color:var(--primary);border:1px solid rgba(212,175,55,.2)}.similar-tag{background:#45a29e1a;color:#45a29e;border-color:#45a29e33}.places-section{margin-top:.5rem}.places-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--white);margin-bottom:1rem}.places-title .material-symbols-outlined{font-size:22px;color:var(--primary)}.places-list{display:flex;flex-direction:column;gap:.75rem}.place-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .3s ease}.place-card:hover{background:#ffffff0f;border-color:#d4af374d}.place-card:active{transform:scale(.98)}.place-info{flex:1}.place-name{font-size:.95rem;font-weight:600;color:var(--white);margin-bottom:.25rem}.place-type{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-right:.5rem}.place-description{font-size:.8rem;color:#ffffff80;margin-top:.25rem}.place-action{width:36px;height:36px;border-radius:50%;background:#d4af3726;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:1rem}.place-action .material-symbols-outlined{font-size:18px;color:var(--primary)}@media(min-width:768px){.logo-text{font-size:144px}.logo-ampersand{font-size:72px}}@media(max-width:480px){.home-header{padding:3rem 1.5rem 1.5rem}.logo-text{font-size:64px}.logo-ampersand{font-size:40px}.find-drink-btn{padding:1rem 3rem}.features{gap:1.5rem}.modal{padding:2rem}.modal-icon .material-symbols-outlined{font-size:48px}.modal-title{font-size:1.5rem}}