@font-face{font-family:Big Caslon;src:url(/fonts/BigCaslon.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-bg: #FAF9F7;--color-ink: #182B39;--color-deep-blue: #135178;--color-sky: #A4D6F7;--color-tan: #CDA065;--color-brown: #784E12;--color-red: #D02627;--color-green: #7A9B6E;--color-card: #FFFFFF;--color-border: #E2E6E9;--font-display: "Big Caslon", "Times New Roman", Georgia, serif;--font-body: "Segoe UI", system-ui, sans-serif;--font-mono: "Courier New", monospace;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100vh;max-width:480px;margin:0 auto}.app__main{flex:1;padding-bottom:88px}.page{padding:24px 20px 16px}.page__header{margin-bottom:20px;display:flex;align-items:center;gap:14px}.page__header img.logo{width:44px;height:44px;object-fit:contain;flex-shrink:0}.page__header-text{display:flex;flex-direction:column}.eyebrow{margin:0 0 2px;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-tan);font-weight:700}h1{margin:0;font-family:var(--font-display);font-size:30px;font-weight:400;letter-spacing:.01em;color:var(--color-ink)}.form{display:flex;flex-direction:column;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field>label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink);opacity:.7}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:12px 14px;font-size:16px;font-family:var(--font-body);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23182B39' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--color-ink)}select:focus-visible{outline:2px solid var(--color-deep-blue);outline-offset:1px}.drink-list{display:flex;flex-direction:column;gap:8px}.drink-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color .15s ease,background .15s ease}.drink-row--active{border-color:var(--color-tan);background:#fbf4e8}.drink-row__label{display:flex;align-items:center;gap:10px;min-width:0}.drink-row__icon{font-size:18px;line-height:1}.drink-row__name{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stepper{display:flex;align-items:center;gap:12px;flex-shrink:0}.stepper__btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg);font-size:18px;line-height:1;font-weight:700;color:var(--color-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation}.stepper__btn:active{background:var(--color-tan);border-color:var(--color-tan)}.stepper__btn:disabled{opacity:.35;cursor:default}.stepper__btn:focus-visible{outline:2px solid var(--color-deep-blue);outline-offset:1px}.stepper__value{min-width:20px;text-align:center;font-family:var(--font-mono);font-size:16px;font-weight:700}.total-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--color-ink);color:var(--color-bg);border-radius:var(--radius);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:13px}.total-bar__count{font-family:var(--font-mono);font-size:20px;color:var(--color-sky)}.status{margin:0;padding:12px 14px;border-radius:var(--radius);font-size:14px;font-weight:600}.status--success{background:#ebf2e7;color:var(--color-green);border:1px solid var(--color-green)}.status--error{background:#fbeaea;color:var(--color-red);border:1px solid var(--color-red)}.sticky-submit{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));padding:12px 20px;background:linear-gradient(to top,var(--color-bg) 70%,transparent);pointer-events:none}.sticky-submit .btn{pointer-events:all}.btn{border:none;border-radius:var(--radius);padding:16px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;font-family:var(--font-body)}.btn--full{width:100%}.btn--primary{background:var(--color-deep-blue);color:#fff}.btn--primary:disabled{opacity:.6;cursor:default}.btn--primary:active{background:var(--color-ink)}.btn--secondary{background:transparent;color:var(--color-ink);border:1px solid var(--color-border);margin-top:4px}.btn--secondary:active{background:var(--color-bg)}.btn--danger{background:transparent;color:var(--color-red);border:1px solid var(--color-red)}.btn--danger:active{background:#fbeaea}.btn--danger:disabled{opacity:.6;cursor:default}.muted{opacity:.6;font-size:14px}.leaderboard{display:flex;flex-direction:column;gap:10px}.board-card{display:flex;flex-direction:column;gap:0;padding:14px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color .15s ease}.board-card__summary{gap:14px}.board-card--first{border-color:var(--color-tan);background:linear-gradient(135deg,#FBF4E8 0%,var(--color-card) 100%)}.board-card__rank{font-family:var(--font-display);font-size:20px;font-weight:400;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-ink);color:var(--color-sky);flex-shrink:0}.board-card--first .board-card__rank{background:var(--color-tan);color:var(--color-ink)}.board-card__main{flex:1;min-width:0}.board-card__name{font-weight:700;font-size:16px}.board-card__meta{display:flex;gap:6px;font-size:12px;opacity:.6;margin-top:2px;flex-wrap:wrap}.board-card__total{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.board-card__count{font-family:var(--font-mono);font-size:22px;font-weight:800;color:var(--color-deep-blue)}.board-card__label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.6}.board-card__sublabel{font-size:11px;opacity:.45;margin-top:1px}.board-card--expanded{border-color:var(--color-deep-blue)}.board-card__summary{display:flex;align-items:center;gap:14px;width:100%;background:none;border:none;padding:0;cursor:pointer;text-align:left;color:inherit;font-family:inherit}.board-card__chevron{font-size:10px;opacity:.4;flex-shrink:0;margin-left:2px}.board-card__breakdown{border-top:1px solid var(--color-border);padding-top:12px;margin-top:2px}.breakdown__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.breakdown__item{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.breakdown__name{color:var(--color-ink);font-weight:600}.breakdown__stats{display:flex;align-items:center;gap:6px;color:var(--color-ink);opacity:.65;font-family:var(--font-mono);font-size:12px;white-space:nowrap}.breakdown__dot{opacity:.4}.breakdown__loading,.breakdown__empty{font-size:13px;opacity:.55;margin:0}.session-list{display:flex;flex-direction:column;gap:12px}.session-card{display:flex;flex-direction:column;gap:14px;padding:14px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius)}.session-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.session-card__date{font-weight:700;font-size:15px}.session-card__summary{font-size:13px;opacity:.6;margin-top:2px}.session-card__total{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.session-card__actions{display:flex;gap:10px}.session-card__actions .btn{flex:1;padding:12px;font-size:13px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;display:flex;background:var(--color-card);border-top:1px solid var(--color-border);padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--color-ink);opacity:.5;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 0}.bottom-nav__item--active{opacity:1;color:var(--color-deep-blue)}.bottom-nav__icon{font-size:20px}.accordion{display:flex;flex-direction:column;border:1px solid var(--color-tan);border-radius:var(--radius)}.accordion__header{display:flex;align-items:center;width:100%;padding:10px 14px;background:var(--color-card);color:var(--color-ink);border:none;border-radius:var(--radius);cursor:pointer;font-family:var(--font-body);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;gap:10px;text-align:left;min-height:52px}.accordion__header[aria-expanded=true]{border-radius:var(--radius) var(--radius) 0 0}.accordion__title{flex:1}.accordion__tally{font-family:var(--font-mono);font-size:16px;color:var(--color-tan)}.accordion__chevron{font-size:12px;transition:transform .2s ease;color:var(--color-ink);opacity:.5}.accordion__chevron--open{transform:rotate(180deg)}.accordion__body{display:flex;flex-direction:column;gap:8px;padding:8px 14px 14px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 20px;background:var(--color-bg)}.auth-card{width:100%;max-width:360px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:32px 24px 28px;text-align:center;box-shadow:0 8px 24px #182b390f}.auth-logo{width:88px;height:88px;object-fit:contain;margin:0 auto 16px;display:block}.auth-title{font-family:var(--font-display);font-size:32px;color:var(--color-ink);margin:4px 0 6px}.auth-subtitle{margin:0 0 20px;color:var(--color-ink);opacity:.7;font-size:15px}.identity{margin:0;padding:12px 14px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-ink);font-size:15px}.bottom-nav__signout{align-self:center;margin-right:12px;padding:4px 6px;background:none;border:none;cursor:pointer;color:var(--color-ink);opacity:.4;font-family:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.bottom-nav__signout:hover{opacity:.75}.claim{display:flex;flex-direction:column;gap:10px}.claim__intro{margin:0;color:var(--color-ink);font-size:15px}.logo-link{display:inline-flex;flex-shrink:0}.auth-logo-link{display:block}