*{box-sizing:border-box;margin:0;padding:0}body{background:#0D0B08;color:#F5E6C8;font-family:DM Mono,monospace;min-height:100vh;display:flex;justify-content:center}#app-root{max-width:420px;padding:28px 18px 48px;flex-direction:column;align-items:center}#app-root,.header{width:100%;display:flex}.header{justify-content:space-between;align-items:flex-end;margin-bottom:30px}.header-label{font-size:10px;letter-spacing:3px;color:#7A5830;text-transform:uppercase;margin-bottom:2px}.big-count{font-family:Bebas Neue,cursive;font-size:80px;line-height:1;letter-spacing:2px;color:#F5E6C8}.big-count.bump{animation:bump .18s ease}.sync-badge{font-size:10px;color:#7A5830;letter-spacing:1px;text-align:right;max-width:140px;line-height:1.6}.sync-badge.syncing{color:#D4900A}.sync-badge.synced{color:#4CAF50}.sync-badge.error{color:#E57373}.drink-buttons{display:flex;gap:10px;width:100%;margin-bottom:18px}.drink-btn{flex:1 1;aspect-ratio:1;background:#141008;border:1px solid #2a1e0e;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .07s ease,background .07s ease;touch-action:manipulation}.drink-btn:active{transform:scale(.91);background:#201810}.drink-btn .emoji{font-size:42px;pointer-events:none}.drink-btn .btn-label{font-size:8px;letter-spacing:2px;color:#7A5830;text-transform:uppercase;pointer-events:none;font-family:DM Mono,monospace}.controls{display:flex;gap:8px;width:100%;margin-bottom:22px}.undo-btn{padding:10px 14px;background:transparent;border:1px solid #2a1e0e;border-radius:8px;color:#7A5830;font-family:DM Mono,monospace;font-size:11px;letter-spacing:1px;cursor:pointer;transition:color .15s,border-color .15s}.undo-btn:hover{color:#C4A070;border-color:#5A3E1E}.tabs{flex:1 1;display:flex;border:1px solid #2a1e0e;border-radius:8px;overflow:hidden}.tab-btn{flex:1 1;padding:10px;background:transparent;border:none;font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#7A5830;cursor:pointer;transition:background .15s,color .15s}.tab-btn.active{background:#1E1408;color:#F5E6C8}.log{width:100%}.log-empty{text-align:center;color:#3A2818;font-size:12px;letter-spacing:1px;padding:44px 0}.log-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #1a1208;gap:14px;animation:fadeIn .2s ease}.log-emoji{font-size:22px}.log-name{flex:1 1;font-size:12px;color:#C4A070}.log-time{font-size:11px;color:#7A5830}.week{width:100%}.week-row{display:flex;align-items:center;padding:11px 0;border-bottom:1px solid #1a1208;gap:12px}.week-day{width:32px;font-size:10px;letter-spacing:1px;color:#7A5830;text-transform:uppercase;flex-shrink:0}.week-day.today{color:#D4A060}.week-emojis{flex:1 1;display:flex;flex-wrap:wrap;gap:2px;min-height:22px;align-items:center}.week-emojis .e{font-size:17px}.week-dash{font-size:11px;color:#2A1E0E}.week-num{font-family:Bebas Neue,cursive;font-size:30px;color:#2A1E0E;min-width:22px;text-align:right;flex-shrink:0}.week-num.has-drinks{color:#F5E6C8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}