*,: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:#f11e1e;--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:#f11e1e;--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:#007bff;--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;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.875rem;display:inline-flex}.form-group{margin:var(--spacing-sm) 0;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{margin:var(--spacing-xs) 0}.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);margin-top:var(--spacing-xs);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}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)}.tasting-list,.beverage-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.tasting-list a,.beverage-list a,.tasting-list a:visited,.beverage-list a:visited{color:var(--text-color)}.tasting-list a p,.beverage-list a p{color:var(--text-secondary-color)}.tasting-summary-card,.beverage-summary-card{gap:var(--spacing-sm);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.no-border,.beverage-summary-card.no-border{border:none}.tasting-summary-card .details,.beverage-summary-card .details{justify-content:space-between;gap:var(--spacing-md);display:flex}.tasting-summary-card .details .description,.beverage-summary-card .details .description{font-size:.9em;font-style:italic}.tasting-summary-card h3,.beverage-summary-card h3{justify-content:space-between;align-items:baseline;display:flex}.tasting-summary-card h3 .category,.beverage-summary-card h3 .category{color:var(--text-secondary-color);flex:none;font-size:.9em}.tasting-summary-card img,.beverage-summary-card img{object-fit:cover;border-radius:5px;width:80px;height:80px}.tasting-summary-card .first-col,.beverage-summary-card .first-col{gap:var(--spacing-sm);flex-direction:column;display:flex}.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 .upload-previews{margin-top:var(--spacing-md);gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.tasting-form .upload-previews .img-container{border:1px solid var(--button-border-color);border-radius:5px;width:150px;height:150px;position:relative;overflow:hidden}.tasting-form .upload-previews .img-container img{object-fit:cover;width:100%;height:100%}.tasting-form .upload-previews .img-container button.delete{opacity:.5;position:absolute;top:5px;right:5px}.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 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 h1{align-items:center;gap:var(--spacing-md);padding:0 0 var(--spacing-md) 0;justify-content:space-between;display:flex}.tasting-view .header-with-actions{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.tasting-view .details-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.tasting-view .details-list p{align-items:center;gap:var(--spacing-xs);display:flex}.tasting-view .review{margin:var(--spacing-lg) 0}.tasting-view .uploads-container{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.tasting-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}}