*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img,picture,svg,video,canvas{vertical-align:middle;background-repeat:no-repeat;background-size:cover;max-width:100%;height:auto;font-style:italic}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{transition:none;scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body,html{scroll-behavior:smooth;height:100%}body.light-mode,body{--primary-color:#f19f1e;--secondary-color:#6c757d;--background-color:#fff;--input-background-color:#fff;--slate-background-color:#f8f9fa;--danger-color:#dc3545;--warning-color:#f5d88c;--primary-color-disabled:#b3d7ff;--text-color:#333;--text-secondary-color:#555;--button-text-color:#fff;--button-border-color:var(--primary-color);--success-color:#28a745;--link-color:#f19f1e;--font-family:"Roboto", sans-serif;--box-shadow:#3c40434d 0px 1px 2px 0px, #3c404326 0px 2px 6px 2px;--border-rotate-color:#141d1f}body.dark-mode{--primary-color:#f1831e;--secondary-color:#6c757d;--background-color:#333;--input-background-color:#c7c7c7;--slate-background-color:#494949;--danger-color:#fa7374;--warning-color:#dab860;--primary-color-disabled:#b3d7ff;--text-color:#c7c7c7;--text-secondary-color:#999;--button-text-color:#fff;--button-border-color:black;--success-color:#64e681;--link-color:#f1831e;--font-family:"Roboto", sans-serif;--box-shadow:#3c40434d 0px 1px 2px 0px, #3c404326 0px 2px 6px 2px;--border-rotate-color:#141d1f}@media (prefers-color-scheme:dark){body{--primary-color:#f1831e;--secondary-color:#6c757d;--background-color:#333;--input-background-color:#c7c7c7;--slate-background-color:#494949;--danger-color:#fa7374;--warning-color:#dab860;--primary-color-disabled:#b3d7ff;--text-color:#c7c7c7;--text-secondary-color:#999;--button-text-color:#fff;--button-border-color:black;--success-color:#64e681;--link-color:#f1831e;--font-family:"Roboto", sans-serif;--box-shadow:#3c40434d 0px 1px 2px 0px, #3c404326 0px 2px 6px 2px;--border-rotate-color:#141d1f}}html,body{height:100%}body{font-family:var(--font-family);color:var(--text-color);background-color:var(--background-color)}#root{flex-direction:column;min-height:100%;display:flex}#root .App{flex:1}:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--transition-speed:.3s}header{border-bottom:1px solid var(--secondary-color);background-color:var(--slate-background-color);height:50px}h1{padding:var(--spacing-sm) var(--spacing-md)}a{color:var(--link-color);text-decoration:none}a:visited{color:var(--link-color)}input[type=file],.btn,button{border:1px solid var(--button-border-color);padding:var(--spacing-md);cursor:pointer;transition:background-color var(--transition-speed);border-radius:5px;font-weight:700}input[type=file].primary,.btn.primary,button.primary{background-color:var(--primary-color);color:var(--button-text-color)}input[type=file].primary:disabled,.btn.primary:disabled,button.primary:disabled{background-color:var(--primary-color-disabled);cursor:not-allowed}input[type=file].primary.success,.btn.primary.success,button.primary.success{gap:var(--spacing-xs);display:flex}input[type=file].primary.success:after,.btn.primary.success:after,button.primary.success:after{content:"✅";text-align:center}input[type=file].danger,.btn.danger,button.danger{background-color:var(--danger-color);color:var(--button-text-color)}input[type=file].icon,.btn.icon,button.icon{justify-content:center;align-items:center;display:flex}.page-container{padding:var(--spacing-md);height:calc(100dvh - 80px - 50px - var(--spacing-md));overflow-y:auto}p.error{color:var(--danger-color)}.rating-pill{background-color:var(--warning-color);color:var(--color-dark,#1f2937);border-radius:999px;flex:none;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.875rem;display:inline-flex}.upload-previews{margin-top:var(--spacing-md);gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.upload-previews .img-container{border:1px solid var(--button-border-color);border-radius:5px;width:150px;height:150px;position:relative;overflow:hidden}.upload-previews .img-container img{object-fit:cover;width:100%;height:100%}.upload-previews .img-container button.delete{opacity:.8;position:absolute;top:5px;right:5px}form{gap:var(--spacing-sm);margin:var(--spacing-lg) 0;flex-direction:column;display:flex}form button[type=submit]{width:100%;margin-top:var(--spacing-lg)}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group.hidden{display:none}.form-group.slate{background-color:var(--slate-background-color);padding:var(--spacing-md);box-shadow:var(--box-shadow);border-radius:5px}.form-group label{font-style:italic}.form-group label input[type=file],.form-group label textarea{width:100%}.form-group .row-items{gap:var(--spacing-sm);align-items:center;display:flex}.form-group .row-items.reverse{flex-direction:row-reverse;justify-content:flex-end}.form-group .checkbox-label{gap:var(--spacing-xs);display:flex}.form-group textarea,.form-group select,.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group input[type=time]{padding:var(--spacing-sm);background-color:var(--input-background-color);border:1px solid #ccc;border-radius:5px;width:100%;font-size:1rem}.form-group textarea:focus,.form-group select:focus,.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group input[type=date]:focus,.form-group input[type=time]:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 .2rem #007bff40}.form-group input[type=checkbox]{width:1rem;height:1rem}nav{width:100%;height:80px;padding:0 var(--spacing-md);justify-content:space-between;align-items:baseline;display:flex;position:fixed;bottom:0;box-shadow:5px 5px 15px 5px #000}nav .menu-item{color:var(--secondary-color);display:block}nav .menu-item.add-button{padding-bottom:var(--spacing-lg)}nav .menu-item.active{color:var(--primary-color)}.hero-container{text-align:center;width:100%;height:100%;position:relative;overflow:hidden}.hero-container img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-container .hero-text{color:#fff;width:80%;padding:var(--spacing-md);gap:var(--spacing-lg);background-color:#00000080;border-radius:8px;flex-direction:column;justify-content:center;display:flex;position:absolute;top:20%;left:50%;transform:translate(-50%,-20%)}.hero-container .hero-text h1{padding:0}.islands{gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.islands .btn{flex:1 1 calc(50% - var(--spacing-lg) / 2);max-width:calc(50% - var(--spacing-lg) / 2);border:1px solid var(--primary-color);color:var(--primary-color);justify-content:center;align-items:center;gap:var(--spacing-xs);background-color:#0000;display:flex}.tasting-summary-card,.wishlist-summary-card,.beverage-summary-card{gap:var(--spacing-md);border:1px solid color-mix(in srgb, var(--text-color) 20%, transparent);box-shadow:var(--box-shadow);background-color:var(--slate-background-color);padding:var(--spacing-md);border-radius:5px;flex-direction:column;display:flex}.tasting-summary-card .details,.wishlist-summary-card .details,.beverage-summary-card .details{justify-content:space-between;gap:var(--spacing-md);display:flex}.tasting-summary-card .details .description,.wishlist-summary-card .details .description,.beverage-summary-card .details .description{font-size:.9em;font-style:italic}.tasting-summary-card h3,.wishlist-summary-card h3,.beverage-summary-card h3{justify-content:space-between;align-items:baseline;display:flex}.tasting-summary-card h3 .category,.wishlist-summary-card h3 .category,.beverage-summary-card h3 .category{color:var(--text-secondary-color);flex:none;font-size:.9em}.tasting-summary-card img,.wishlist-summary-card img,.beverage-summary-card img{object-fit:cover;border-radius:5px;width:80px;height:80px}.tasting-summary-card .first-col,.wishlist-summary-card .first-col,.beverage-summary-card .first-col,.tasting-list,.wishlist-list,.beverage-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.tasting-list a,.wishlist-list a,.beverage-list a,.tasting-list a:visited,.wishlist-list a:visited,.beverage-list a:visited{color:var(--text-color)}.tasting-list a p,.wishlist-list a p,.beverage-list a p{color:var(--text-secondary-color)}.loader-container{justify-content:center;align-items:center;height:100vh;display:flex;overflow:hidden}.loader-container svg{width:50%;height:50%;animation:2s ease-in-out infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.magic-helper{height:calc(100dvh - 80px - 50px - 50px - var(--spacing-md));gap:var(--spacing-md);flex-direction:column;display:flex}.magic-helper .suggest-container{margin:var(--spacing-lg) 0;flex-flow:column wrap;gap:10px;display:flex}.magic-helper button.apply-suggestion{text-align:left;color:var(--text-color);border-color:var(--text-secondary-color);opacity:.8;background:0 0;font-weight:400}.magic-helper .initial-upload{align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0;text-align:center;color:var(--text-color);flex-direction:column;display:flex}.magic-helper .initial-upload p{color:var(--text-secondary-color);text-align:center;font-size:1.2em}.magic-helper .send-message-container{bottom:calc(90px + var(--spacing-sm));padding:0 var(--spacing-md);gap:var(--spacing-sm);align-items:center;display:flex;position:fixed;left:0;right:0}.magic-helper .send-message-container.with-messages textarea{height:40px}.magic-helper .send-message-container.with-messages button.send{padding:var(--spacing-sm)}.magic-helper .send-message-container.with-messages button.upload{padding:var(--spacing-sm);display:block}.magic-helper .send-message-container button.upload{display:none}.magic-helper .send-message-container textarea{width:100%;height:74px;padding:var(--spacing-sm);border:1px solid var(--button-border-color);resize:vertical;border-radius:5px}.magic-helper .send-message-container button.send{background-color:var(--primary-color);color:var(--button-text-color);padding:var(--spacing-md) var(--spacing-lg);border:none}.magic-helper .send-message-container button.send:disabled{background-color:var(--button-border-color);cursor:not-allowed}.magic-helper #file-upload,.magic-helper #file-upload2{display:none}.magic-helper .messages-wrapper{gap:var(--spacing-sm);flex-direction:column;display:flex}.magic-helper .messages-wrapper .message{color:var(--text-color);padding:var(--spacing-sm);background-color:var(--slate-background-color);border-radius:5px;font-size:.9em}.magic-helper .messages-wrapper .message p{white-space:pre-wrap}.magic-helper .messages-wrapper .message.sender-user{border-right:1px solid var(--success-color);align-self:flex-end;max-width:75%}.magic-helper .messages-wrapper .message.sender-assistant{border-left:1px solid var(--success-color);align-self:flex-start;max-width:75%}.magic-helper .messages-wrapper .message.type-tool{text-align:center;color:var(--secondary-color);background:0 0;border:0}.magic-helper .messages-wrapper .message.type-tool p.last{animation:2.5s ease-in-out infinite softGlow}.magic-helper .recommendations .beverage{gap:var(--spacing-md);flex-direction:column;display:flex}.magic-helper .recommendations .beverage .title{text-align:center;padding-top:var(--spacing-lg);font-weight:700}.magic-helper .recommendations .beverage .reason{color:var(--text-secondary-color)}.magic-helper .recommendations .beverage .actions{gap:var(--spacing-sm);display:flex}.magic-helper .recommendations .beverage .actions button{border:1px solid var(--primary-color);color:var(--primary-color);justify-content:center;align-items:center;gap:var(--spacing-xs);background-color:#0000;flex:1;display:flex}@keyframes softGlow{0%,to{opacity:.65}50%{opacity:1;filter:brightness(1.2)}}.delete-chat-button.confirm{background-color:var(--danger-color);color:var(--button-text-color)}.profile-index{padding:0 var(--spacing-md)}.profile-index ul{list-style:none}.profile-index ul li a{gap:var(--spacing-xs);padding:var(--spacing-md) 0;color:var(--text-color);font-size:1.5rem;display:flex}.profile-index ul li a .icon{min-width:30px}.profile-page{padding:0 var(--spacing-md)}.profile-page .header{z-index:1000;width:100%;padding-bottom:10px;font-size:2rem;position:fixed;top:0;left:0;overflow:hidden}.profile-page .header .header-wrapped{padding:0 var(--spacing-md);background-color:var(--background-color);position:relative;box-shadow:0 -5px 14px #0006}.profile-page .header .header-wrapped .title{text-align:center;padding:var(--spacing-md) 0}.profile-page .header .header-wrapped .back{position:absolute;top:0;left:0}.profile-page .header .header-wrapped .back a{width:50vw;padding:var(--spacing-md);color:var(--text-color);display:block}.profile-page h2{text-align:center}.profile-page .content{padding-top:30px}.select-quick-items .selected-icon{text-align:center;width:30px}.select-quick-items .actions{justify-content:space-between;display:flex}.select-dark-mode .content .choices,.select-language .content .choices{gap:var(--spacing-lg);flex-wrap:wrap;justify-content:space-around;display:flex}.select-dark-mode .content .choices .item,.select-language .content .choices .item{background-color:var(--slate-background-color);padding:var(--spacing-lg);cursor:pointer;border:1px solid var(--text-color);align-items:center;gap:var(--spacing-xs);border-radius:5px;flex-direction:column;display:flex}.select-dark-mode .content .choices .item.selected,.select-language .content .choices .item.selected{border-color:var(--primary-color);color:var(--primary-color)}.star-rating{align-items:center;gap:.25rem;display:flex}.star-rating .star{color:var(--color-text-secondary,#999);background:0 0;border:none;padding:.25rem}.star-rating .star.filled{color:var(--color-warning,#fbbf24)}.star-rating .star svg{display:block}.tasting-form .reuse{padding:var(--spacing-md);border:1px solid var(--text-color);border-radius:5px;flex-direction:row;justify-content:space-between;align-items:center;display:flex}.tasting-form .toggle-more{color:var(--primary-color);width:100%;padding:var(--spacing-md) 0;background:0 0;border:none;justify-content:space-between;align-items:baseline;display:flex}.tasting-form .more-groups{transition:max-height .3s;overflow:hidden}.tasting-form .more-groups.collapsed{max-height:0}.tasting-form .more-groups.expanded{max-height:400px}.tasting-form .beverage-name-container{gap:var(--spacing-sm);display:flex}.tasting-form .beverage-name-container button{padding:var(--spacing-md) var(--spacing-lg)}.tasting-form textarea{height:100px}.autosuggestions .item{border:1px solid gray;border-radius:5px;margin-top:3px;padding:.5em;display:flex}.autosuggestions .item .text{flex:1}.autosuggestions .item .photo{background-color:gray;max-width:50%}.tasting-view,.wishlist-view,.beverage-view{gap:var(--spacing-lg);flex-direction:column;display:flex}.tasting-view h1,.wishlist-view h1,.beverage-view h1{align-items:center;gap:var(--spacing-md);justify-content:space-between;padding:0;display:flex}.tasting-view .header-with-actions,.wishlist-view .header-with-actions,.beverage-view .header-with-actions{justify-content:space-between;align-items:center;display:flex}.tasting-view .details-list,.wishlist-view .details-list,.beverage-view .details-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.tasting-view .details-list p,.wishlist-view .details-list p,.beverage-view .details-list p{align-items:center;gap:var(--spacing-xs);display:flex}.tasting-view .details-list.beverage-details div,.wishlist-view .details-list.beverage-details div,.beverage-view .details-list.beverage-details div{gap:var(--spacing-xs);display:flex}.tasting-view .review,.wishlist-view .review,.beverage-view .review{margin:0}.tasting-view .uploads-container,.wishlist-view .uploads-container,.beverage-view .uploads-container{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.tasting-view .uploads-container .upload-wrapper,.wishlist-view .uploads-container .upload-wrapper,.beverage-view .uploads-container .upload-wrapper{border:1px solid var(--button-border-color);border-radius:16px;position:relative;overflow:hidden}.toaster-container{z-index:9999;gap:var(--spacing-md);flex-direction:column;max-width:400px;display:flex;position:fixed;top:20px;right:20px}.toast{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#fff;border-left:4px solid;border-radius:8px;min-width:300px;animation:.3s ease-out slideIn;display:flex;box-shadow:0 4px 12px #00000026}.toast .toast-icon{flex-shrink:0;align-items:center;display:flex}.toast .toast-message{flex:1;font-size:14px;line-height:1.4}.toast .toast-close{cursor:pointer;opacity:.6;color:inherit;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex}.toast .toast-close:hover{opacity:1}.toast.toast-success{border-left-color:var(--success-color);color:#065f46}.toast.toast-success .toast-icon{color:var(--success-color)}.toast.toast-warning{border-left-color:var(--warning-color);color:#92400e}.toast.toast-warning .toast-icon{color:var(--warning-color)}.toast.toast-error{border-left-color:var(--danger-color);color:#991b1b}.toast.toast-error .toast-icon{color:var(--danger-color)}@keyframes slideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}body.dark-mode .toast{background:#1f2937;box-shadow:0 4px 12px #0006}body.dark-mode .toast.toast-success{color:#6ee7b7}body.dark-mode .toast.toast-warning{color:#fcd34d}body.dark-mode .toast.toast-error{color:#fca5a5}@media (width<=768px){.toaster-container{max-width:none;top:10px;left:10px;right:10px}.toast{min-width:auto}}.wishlist-list{gap:var(--spacing-lg);flex-direction:column;display:flex}