@font-face{font-family:Playfair Display;font-style:normal;font-weight:900;font-display:swap;src:url(/alcohol-calculator/assets/playfair-display-900-cyrillic-C8kZZFQC.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:900;font-display:swap;src:url(/alcohol-calculator/assets/playfair-display-900-latin-oSb7_CWx.woff2)format("woff2");unicode-range:U+??,U+2000-206F,U+2192,U+2212,U+2215}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/alcohol-calculator/assets/pt-sans-400-cyrillic-BgFH0IXl.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/alcohol-calculator/assets/pt-sans-400-latin-Cwy9XeGQ.woff2)format("woff2");unicode-range:U+??,U+2000-206F,U+2192,U+2212,U+2215}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/alcohol-calculator/assets/pt-sans-700-cyrillic-TNhnPAH_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/alcohol-calculator/assets/pt-sans-700-latin-DmHhLLdt.woff2)format("woff2");unicode-range:U+??,U+2000-206F,U+2192,U+2212,U+2215}:root{--black:#000;--near-black:#1a1a1a;--dark-gray:#2d2d2d;--mid-gray:#555;--gray:#888;--light-gray:#b0b0b0;--pale-gray:#d0d0d0;--off-white:#e8e8e8;--white:#fff;--primary:var(--near-black);--text-primary:var(--near-black);--text-secondary:var(--mid-gray);--bg-gray:#f0f0f0;--border-result:var(--pale-gray);--divider:var(--pale-gray);--danger-soft:#ff6b6b;--danger:#f44;--danger-strong:#ff5252;--shadow:0 8px 32px #00000040;--shadow-hover:0 12px 40px #00000059;--radius:8px;--radius-lg:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--motion-fast:.16s;--motion-base:.25s;--ease-out:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text-primary);justify-content:center;align-items:flex-start;font-family:PT Sans,Segoe UI,system-ui,-apple-system,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;display:flex;position:relative}body:before{content:"";z-index:-1;filter:grayscale()brightness(.7);background:#1a1a1a url(/alcohol-calculator/assets/jagermeister-bg-zvrIIdWK.webp) 50%/cover fixed;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.app-container{width:100%;max-width:640px;padding:40px 20px}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--pale-gray);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;overflow:hidden}.card-content{padding:var(--space-8)}@media (width<=600px){.app-container{padding:20px 12px}.card-content{padding:var(--space-5) var(--space-4)}}.header-wrapper{margin-bottom:var(--space-6);flex-direction:column;align-items:center;display:flex}.header-gif{width:120px;height:auto;margin-bottom:var(--space-3);filter:grayscale()drop-shadow(0 4px 10px #00000026)}.header-byline{color:var(--gray);margin-top:var(--space-2);letter-spacing:.5px;text-align:center;font-size:.7rem}.header-byline a{color:var(--mid-gray);transition:color var(--motion-fast) var(--ease-out);align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.icon-github{flex-shrink:0;width:14px;height:14px}.header-byline a:hover{color:var(--black);text-decoration:underline}.header{text-align:center;color:var(--black);letter-spacing:0;text-transform:uppercase;text-shadow:0 1px #fff6;justify-content:center;align-items:center;gap:10px;font-family:Playfair Display,PT Sans,serif;font-size:2.1rem;font-weight:900;display:flex}.header .icon{flex-shrink:0;width:32px;height:32px}.section{margin-bottom:var(--space-5)}.section-gray{background:var(--bg-gray);padding:var(--space-4);border-radius:var(--radius);margin-bottom:var(--space-5);border:1px solid var(--pale-gray)}.section-title{color:var(--mid-gray);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--space-3);font-size:.7rem;font-weight:700}.toggle-group{border:2px solid var(--black);border-radius:var(--radius);margin-bottom:var(--space-4);display:flex;position:relative;overflow:hidden}.toggle-indicator{height:100%;width:calc(100% / var(--toggle-options,2));background:var(--black);transition:transform var(--motion-base) var(--ease-out);z-index:0;position:absolute;top:0;left:0}.toggle-btn{z-index:1;color:var(--black);cursor:pointer;transition:color var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;flex:1;padding:10px 16px;font-size:.875rem;font-weight:600;position:relative}.toggle-btn:not(:last-child){border-right:2px solid var(--black)}.toggle-btn:hover:not(.active){background:var(--off-white)}.toggle-btn.active{color:var(--white)}.toggle-btn:active{transform:scale(.97)}.toggle-btn:focus-visible,.btn:focus-visible,.form-group input:focus-visible,.form-group select:focus-visible,.btn-delete:focus-visible{outline:2px solid var(--black);outline-offset:2px}.row{gap:var(--space-4);display:flex}.row>*{flex:1}.form-group{margin-bottom:var(--space-4)}.form-group label{color:var(--mid-gray);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600;display:block}.form-group input,.form-group select{border:2px solid var(--pale-gray);border-radius:var(--radius);font-variant-numeric:tabular-nums;width:100%;color:var(--text-primary);background:var(--white);transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);min-height:44px;padding:12px 14px;font-family:inherit;font-size:1rem}.form-group input:focus{border-color:var(--black);outline:none;box-shadow:0 0 0 3px #0000001a}.form-group input::-webkit-inner-spin-button{opacity:1}.helper-text{color:var(--gray);margin-top:var(--space-1);font-size:.8rem;font-style:italic;display:block}.field-error{color:#c62828;margin-top:var(--space-1);font-size:.8rem;font-weight:600;display:block}.select-wrapper{align-items:center;display:flex;position:relative}.select-wrapper .select-icon{pointer-events:none;z-index:1;width:18px;height:18px;color:var(--mid-gray);position:absolute;left:12px}.select-wrapper select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000000' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-left:40px}.divider{border:none;border-top:1px solid var(--pale-gray);margin:var(--space-6) 0}.drink-item{gap:var(--space-2);margin-bottom:var(--space-4);background:var(--bg-gray);border-radius:var(--radius);border:1px solid var(--pale-gray);transition:border-color var(--motion-fast) var(--ease-out);align-items:flex-start;padding:14px 40px 14px 14px;display:flex;position:relative}.drink-item:hover{border-color:var(--light-gray)}.drink-fields{flex-direction:column;flex:1;gap:10px;display:flex}.drink-row{gap:10px;display:flex}.drink-row>*{flex:1}.drink-item .form-group{margin-bottom:0}.drink-item select,.drink-item input{padding:10px 12px;font-size:.9rem}.btn-delete{width:28px;height:28px;color:var(--gray);cursor:pointer;transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:flex;position:absolute;top:8px;right:8px}.btn-delete:hover:not(:disabled){background:var(--black);color:var(--white)}.btn-delete:active:not(:disabled){transform:scale(.9)}.btn-delete:disabled{opacity:.2;cursor:not-allowed}.btn-delete svg{width:14px;height:14px}.drink-list-enter-active,.drink-list-leave-active{transition:opacity var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out)}.drink-list-enter-from{opacity:0;transform:translateY(-8px)}.drink-list-leave-to{opacity:0;transform:translate(12px)}.drink-list-leave-active{position:absolute}.btn{border-radius:var(--radius);cursor:pointer;transition:background var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);text-transform:uppercase;letter-spacing:1px;border:none;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;padding:12px 20px;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn-icon{flex-shrink:0;width:18px;height:18px}.btn-primary{background:var(--black);color:var(--white);letter-spacing:2px;padding:16px 20px;font-size:1rem;font-weight:700}.btn-primary:hover{background:var(--dark-gray);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)scale(.97)}.btn:active:not(.btn-primary){transform:scale(.97)}.btn-outlined{border:2px dashed var(--mid-gray);color:var(--mid-gray);background:0 0}.btn-outlined:hover{border-color:var(--black);color:var(--black);background:var(--off-white)}.btn-secondary{border:2px solid var(--white);color:var(--white);background:0 0}.btn-secondary:hover{background:#ffffff1f}.btn-dashed{border-style:dashed}.btn-large{margin:var(--space-6) 0}.result-box{text-align:center;padding:var(--space-8) var(--space-6);background:var(--near-black);border-radius:var(--radius);margin-top:var(--space-6);color:var(--white)}.result-box.show{animation:fadeIn var(--motion-base) var(--ease-out)}.result-label{color:var(--light-gray);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2);font-size:.75rem}.result-value{color:var(--white);letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:3.5rem;font-weight:900;line-height:1.1}.result-status{margin-top:var(--space-3);text-transform:uppercase;letter-spacing:1px;font-size:1.1rem;font-weight:600}.result-time{color:var(--light-gray);margin-top:var(--space-4);font-size:.95rem}.result-time strong{color:var(--white)}.status-success{color:var(--light-gray)}.status-warning{color:var(--pale-gray)}.status-error{color:var(--danger-soft)}.status-danger{color:var(--danger)}.status-critical{color:var(--danger-strong)}.result-meter{margin-top:var(--space-4);background:#ffffff1f;border-radius:999px;height:6px;overflow:hidden}.result-meter-fill{border-radius:inherit;background:var(--white);height:100%;transition:width var(--motion-base) var(--ease-out)}.result-actions{gap:var(--space-2);margin-top:var(--space-5);display:flex}.result-actions .btn{flex:1;width:auto;padding:10px 14px;font-size:.8rem}.share-feedback{margin-top:var(--space-2);color:var(--light-gray);min-height:1em;font-size:.75rem}.alert{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius);margin-top:var(--space-8);font-size:.8rem;line-height:1.7;display:flex}.alert-info{background:var(--off-white);border:1px solid var(--pale-gray);color:var(--mid-gray)}.alert-info strong{color:var(--black)}.alert-icon{flex-shrink:0;width:18px;height:18px;margin-top:1px}.alert-content{flex:1}.input-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px #ff444426!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes entrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.entrance{animation:entrance var(--motion-base) var(--ease-out) both;animation-delay:calc(var(--entrance-index,0) * 60ms)}