:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif}.app{max-width:640px;margin:0 auto;padding:1.5rem 1rem 3rem}header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}header h1{margin:0;font-size:1.4rem}.tabs{border-bottom:1px solid #ddd;gap:.5rem;margin-bottom:1.5rem;display:flex}.tabs button{cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.6rem .9rem;font-size:.95rem}.tabs button.active{border-bottom-color:#4f46e5;font-weight:600}.link-button{color:#4f46e5;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem}.login-form,.log-form{flex-direction:column;gap:.9rem;max-width:360px;display:flex}.login-form{margin:3rem auto}label{flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}input,select{border:1px solid #ccc;border-radius:6px;padding:.5rem;font-size:1rem}.row{gap:.9rem;display:flex}.row label{flex:1}.new-drink-fields{background:#4f46e50f;border-radius:8px;flex-direction:column;gap:.9rem;padding:.75rem;display:flex}button[type=submit]{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:.6rem;font-size:1rem}button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.units-preview{font-weight:600}.hint{color:#666;font-size:.85rem}.success-message{color:#1a7f37;margin-top:.5rem;font-size:.9rem;font-weight:600}.error{color:#c00;font-size:.9rem}.week-nav{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.week-nav .link-button:disabled{opacity:.4;cursor:not-allowed}.week-label{font-size:.9rem;font-weight:600}.week-summary{color:#555;margin-bottom:1rem;font-size:.9rem}.history-table{border-collapse:collapse;width:100%;font-size:.9rem}.history-table th,.history-table td{text-align:left;border-bottom:1px solid #eee;padding:.5rem}.period-toggle{gap:.5rem;margin-bottom:1rem;display:flex}.period-toggle button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:20px;padding:.4rem .8rem;font-size:.85rem}.period-toggle button.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.total-units{margin-bottom:.25rem;font-size:1.3rem;font-weight:700}.avg-units{color:#555;margin-bottom:1rem;font-size:.9rem}