:root{--primary-bg: #1A237E;--app-container-bg: #E8EAF6;--column-bg: #FFFFFF;--primary-action: #FF4081;--primary-action-hover: #F50057;--secondary-action: #536DFE;--secondary-action-hover: #3D5AFE;--accent-color: #FFD740;--text-dark: #263238;--text-medium: #546E7A;--text-light: #ECEFF1;--border-color: #C5CAE9;--male-accent: #2979FF;--female-accent: #EC407A;--safe-bac-bg: #E8F5E9;--safe-bac-text: #2E7D32;--safe-bac-border: #A5D6A7;--caution-bac-bg: #FFFDE7;--caution-bac-text: #F9A825;--caution-bac-border: #FFF59D;--danger-bac-bg: #FFEBEE;--danger-bac-text: #C62828;--danger-bac-border: #EF9A9A}#root{display:flex;justify-content:center}html{height:100%}body{margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--primary-bg);color:var(--text-dark);display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px 0;box-sizing:border-box}.app-container{display:flex;width:95%;max-width:1280px;max-height:90vh;min-height:680px;background-color:var(--app-container-bg);border-radius:15px;box-shadow:0 12px 35px #00000040;overflow:hidden;padding:15px;gap:15px;box-sizing:border-box}.column{flex:1;background-color:var(--column-bg);padding:25px;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;overflow-y:auto;box-sizing:border-box}.column h2{text-align:center;color:var(--primary-action);margin-top:0;margin-bottom:15px;font-size:1.4em;font-weight:600;border-bottom:3px solid var(--secondary-action);padding-bottom:10px}.column h3.section-title{margin-top:18px;margin-bottom:12px;font-size:1.2em;color:var(--secondary-action);border-bottom:2px solid var(--app-container-bg);padding-bottom:6px;font-weight:500}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-medium);font-size:.95em}.input-group input[type=number],.input-group select{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:6px;font-size:1em;box-sizing:border-box;background-color:#fafafa;color:var(--text-dark)}.input-group input[type=number]:focus,.input-group select:focus{border-color:var(--secondary-action);box-shadow:0 0 0 2px #536dfe4d;outline:none}.stepper{display:flex;align-items:center}.stepper input[type=number]{text-align:center;flex-grow:1;margin:0 8px}.stepper input[type=number]::-webkit-outer-spin-button,.stepper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-button{background-color:var(--app-container-bg);border:1px solid var(--border-color);color:var(--secondary-action);font-size:1.1em;font-weight:700;cursor:pointer;border-radius:6px;width:40px;height:44px;line-height:44px;text-align:center;flex-shrink:0;transition:background-color .2s,transform .1s}.stepper-button:hover{background-color:var(--border-color)}.stepper-button:active{transform:scale(.95)}.manual-drink-inputs-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px}.manual-drink-inputs-row .input-group{flex:1;min-width:120px;margin-bottom:0}.manual-drink-inputs-row .input-group label{font-size:.9em;margin-bottom:5px}.manual-drink-inputs-row .input-group input[type=number]{font-size:.95em;padding:10px}.button{display:block;width:100%;padding:14px;color:var(--text-light);border:none;border-radius:8px;font-size:1.05em;font-weight:600;cursor:pointer;text-align:center;margin-top:12px;transition:background-color .2s ease-in-out,transform .1s;text-transform:uppercase;letter-spacing:.5px}.button:active{transform:translateY(1px)}.button.add-drink-button{background-color:var(--secondary-action)}.button.add-drink-button:hover{background-color:var(--secondary-action-hover)}.button.add-preset-button{background-color:var(--secondary-action);margin-top:12px}.button.add-preset-button:hover{background-color:var(--secondary-action-hover)}.calculate-button{background-color:var(--primary-action);margin-top:0;font-size:1.2em;padding:16px}.calculate-button:hover{background-color:var(--primary-action-hover)}#drinkListContainer{flex-grow:1;overflow-y:auto;min-height:60px;max-height:220px;border:1px solid var(--border-color);border-radius:8px;padding:12px;margin-bottom:12px;background-color:#f9f9f9}#drinkList{list-style-type:none;padding:0;margin:0}#drinkList li{background-color:var(--app-container-bg);padding:9px 14px;margin-bottom:7px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;font-size:.9em;color:var(--text-dark);border-left:4px solid var(--secondary-action)}#drinkList .remove-drink{background-color:var(--text-medium);color:var(--text-light);border:none;border-radius:4px;padding:4px 9px;font-size:.8em;cursor:pointer;margin-left:10px;transition:background-color .2s}#drinkList .remove-drink:hover{background-color:var(--text-dark)}#noDrinksText{text-align:center;color:var(--text-medium);font-style:italic;padding:10px}.result-section-content{text-align:center;margin-top:20px}.dual-result-container{display:flex;flex-direction:column;gap:10px}.dual-result{border:1px solid var(--border-color);border-radius:8px;padding:15px;background-color:var(--column-bg);box-shadow:0 2px 8px #0000000d}.dual-result h4{margin-top:0;margin-bottom:12px;font-size:1.15em;padding-left:10px;padding-bottom:5px;font-weight:600}.dual-result.male h4{color:var(--male-accent);border-left:4px solid var(--male-accent)}.dual-result.female h4{color:var(--female-accent);border-left:4px solid var(--female-accent)}.bac-value-display{font-size:1.5em;font-weight:700;margin-bottom:10px;padding:8px;border-radius:6px;display:block}.bac-safe{background-color:var(--safe-bac-bg);color:var(--safe-bac-text);border:1px solid var(--safe-bac-border)}.bac-caution{background-color:var(--caution-bac-bg);color:var(--caution-bac-text);border:1px solid var(--caution-bac-border)}.bac-danger{background-color:var(--danger-bac-bg);color:var(--danger-bac-text);border:1px solid var(--danger-bac-border)}.bac-message-text{font-size:.9em;color:var(--text-medium);margin-bottom:12px;line-height:1.5;text-align:left}.info-text{font-size:.75em;color:var(--text-medium);margin-top:8px;text-align:left;line-height:1.4}.info-text.legal-limit-info{text-align:center;margin-top:20px;color:var(--text-dark)}.results-column-footer{margin-top:auto;padding-top:20px}.footer-disclaimer{font-size:.75em;color:var(--text-medium);border-top:1px solid var(--border-color);padding-top:5px;line-height:1.4;text-align:center}@media (min-width: 1100px){.dual-result-container{flex-direction:row;align-items:stretch}.dual-result{flex:1}}@media (max-width: 900px){body{align-items:flex-start}.app-container{flex-direction:column;height:auto;max-height:none;min-height:0;width:95%;max-width:600px;margin:20px auto;overflow:visible}.column{overflow-y:visible;max-height:none}}@media (max-width: 600px){.column h2{font-size:1.3em;margin-bottom:15px;padding-bottom:10px}.column h3.section-title{font-size:1.05em;margin-top:15px;margin-bottom:10px}.input-group label{font-size:.9em}.input-group input[type=number],.input-group select{padding:10px;font-size:.95em}.stepper-button{width:36px;height:40px;line-height:40px;font-size:1em}.button{padding:12px;font-size:1em}.calculate-button{padding:14px;font-size:1.1em}.bac-value-display{font-size:1.5em;padding:10px}#drinkList li{padding:8px 12px;font-size:.85em}#drinkListContainer{max-height:150px}}