@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-canvas)}:root{--bg-canvas:#fff;--bg-surface:#fff;--bg-subtle:#f7f8fa;--border-default:#e5e7eb;--border-strong:#d1d5db;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-subtle:#eff6ff;--success:#16a34a;--danger:#dc2626;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px;--font:"Inter", system-ui, -apple-system, sans-serif;font-family:var(--font);color:var(--text-primary);background:var(--bg-canvas);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}[data-theme=dark]{--bg-canvas:#0b0d10;--bg-surface:#15171b;--bg-subtle:#1c1f24;--border-default:#2a2d33;--border-strong:#3a3e45;--text-primary:#f1f3f5;--text-secondary:#a8b0ba;--text-tertiary:#6a727e;--accent:#3b82f6;--accent-hover:#2563eb;--accent-subtle:#1e3a5f;--success:#22c55e;--danger:#ef4444}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{padding:var(--space-4);z-index:100;background:#00000080;justify-content:center;align-items:center;animation:.2s forwards backdrop-in;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:420px;animation:.2s forwards modal-in;box-shadow:0 8px 24px #0000001f}.modal__header{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.modal__title{letter-spacing:-.01em;color:var(--text-primary);font-size:20px;font-weight:600;line-height:1.3}.modal__close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:color .12s,background-color .12s;display:flex}.modal__close:hover{color:var(--text-primary);background-color:var(--bg-subtle)}.modal__body{padding:var(--space-5);flex-direction:column;gap:0;display:flex}.modal-field{gap:var(--space-2);flex-direction:column;display:flex}.modal-label{color:var(--text-secondary);font-size:13px;font-weight:500}.modal-text{color:var(--text-secondary);font-size:14px;line-height:1.6}.modal-text strong{color:var(--text-primary);font-weight:500}.modal-actions{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.modal-error{color:var(--danger);font-size:13px}.sign-in-page{justify-content:center;align-items:center;gap:var(--space-6);min-height:100vh;padding:var(--space-4);background:var(--bg-canvas);flex-direction:column;display:flex}.sign-in-page__header{text-align:center}.sign-in-page__header h1{letter-spacing:-.01em;color:var(--text-primary);margin-bottom:var(--space-2);font-size:32px;font-weight:600;line-height:1.3}.sign-in-page__header p{color:var(--text-secondary);font-size:16px}.app-layout{background:var(--bg-canvas);flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:50;background-color:var(--bg-canvas);border-bottom:1px solid var(--border-default);padding-top:env(safe-area-inset-top);position:sticky;top:0}.app-header__inner{height:56px;padding:0 var(--space-4);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.app-header__nav{justify-content:flex-start;align-items:center;display:flex}.app-header__home{width:40px;height:40px;color:var(--text-secondary);border-radius:var(--radius-sm);justify-content:center;align-items:center;transition:color .12s;display:flex}.app-header__home:hover,.app-header__home:active{color:var(--text-primary)}.app-header__title{letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap;font-size:18px;font-weight:600}.app-header__actions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.app-main{padding:var(--space-6) var(--space-4);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));flex:1;width:100%;max-width:680px;margin:0 auto}.theme-toggle{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .12s;display:flex}.theme-toggle:hover{color:var(--text-primary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover:not(:disabled){background-color:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}.btn--secondary:hover:not(:disabled){background-color:var(--bg-subtle);border-color:var(--border-strong)}.btn--ghost{color:var(--accent);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--accent-subtle)}.btn--danger{background:var(--danger);color:#fff;border-color:#0000}.btn--danger:hover:not(:disabled){filter:brightness(.9)}.btn--sm{height:32px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:13px}.input{height:40px;padding:0 var(--space-3);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;color:var(--text-primary);-webkit-appearance:none;font-family:inherit;font-size:16px;transition:border-color .12s,box-shadow .12s;display:block}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.input--narrow{flex:0 0 80px;width:80px}.page-status{padding:var(--space-7) 0;color:var(--text-secondary);text-align:center;font-size:14px}.page-status--error{color:var(--danger)}.loading-state{align-items:center;gap:var(--space-4);padding:var(--space-7) var(--space-4);flex-direction:column;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{border:2px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}.loading-state__message{color:var(--text-tertiary);font-size:14px}.error-state{gap:var(--space-3);padding:var(--space-5) 0;flex-direction:column;display:flex}.error-state__message{color:var(--danger);font-size:14px}.empty-state{color:var(--text-tertiary);padding:var(--space-4) 0;font-size:14px;line-height:1.5}.page-heading{letter-spacing:-.01em;color:var(--text-primary);font-size:24px;font-weight:600;line-height:1.3}.page-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.page-header__actions{gap:var(--space-2);display:flex}.install-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--accent-subtle);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:14px;display:flex}.install-banner span{color:var(--text-secondary);flex:1}.install-banner__btn{height:30px;padding:0 var(--space-3);background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .12s;display:inline-flex}.install-banner__btn:hover{background-color:var(--accent-hover)}.install-banner__dismiss{cursor:pointer;color:var(--text-tertiary);padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:color .12s;display:flex}.install-banner__dismiss:hover{color:var(--text-primary)}.group-list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.group-card{align-items:center;gap:var(--space-3);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s;display:flex}.group-card:hover{border-color:var(--border-strong)}.group-card__info{flex:1;min-width:0}.group-card__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;display:block;overflow:hidden}.group-card__meta{color:var(--text-tertiary);margin-top:2px;font-size:13px;display:block}.group-card__chevron{color:var(--text-tertiary);flex-shrink:0;transition:color .12s;display:flex}.group-card:hover .group-card__chevron{color:var(--text-secondary)}.group-detail{gap:var(--space-6);flex-direction:column;display:flex}.group-detail__name-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.group-detail__title{letter-spacing:-.01em;color:var(--text-primary);font-size:24px;font-weight:600;line-height:1.3}.group-detail__owner{color:var(--text-tertiary);margin-top:calc(var(--space-6) * -1 + var(--space-2));font-size:13px}.group-detail__footer{padding-top:var(--space-4);border-top:1px solid var(--border-default)}.join-code-block{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.join-code-block__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);white-space:nowrap;font-size:11px;font-weight:500}.join-code-block__code{letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary);flex:1;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px;font-weight:600}.join-code-block__copy{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:color .12s,background-color .12s;display:flex}.join-code-block__copy:hover{color:var(--text-primary);background-color:var(--bg-subtle)}.join-code-block__copy--copied{color:var(--accent);background-color:var(--accent-subtle)}.detail-section{gap:var(--space-3);flex-direction:column;display:flex}.detail-section__header{justify-content:space-between;align-items:center;display:flex}.detail-section__heading{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.detail-section__count{color:var(--text-tertiary);text-transform:none;letter-spacing:0;font-weight:400}.member-list{border:1px solid var(--border-default);border-radius:var(--radius-md);flex-direction:column;list-style:none;display:flex;overflow:hidden}.member-list__item{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border-default);color:var(--text-primary);font-size:14px;display:flex}.member-list__item:last-child{border-bottom:none}.owner-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-pill);padding:2px var(--space-2);font-size:11px;font-weight:500}.drink-list{border:1px solid var(--border-default);border-radius:var(--radius-md);flex-direction:column;list-style:none;display:flex;overflow:hidden}.drink-list__item{padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;font-size:14px;display:flex}.drink-list__item:last-child{border-bottom:none}.drink-list__name{color:var(--text-primary);font-weight:500}.drink-list__points{color:var(--text-secondary);font-size:13px;font-weight:400}.drink-editor{gap:var(--space-2);padding:var(--space-4);background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-md);flex-direction:column;display:flex}.drink-editor__row{gap:var(--space-2);align-items:center;display:flex}.drink-editor__actions{gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-default);display:flex}.inline-edit{align-items:center;gap:var(--space-2);flex:1;display:flex}.leaderboard{border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.leaderboard__row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border-default);transition:background-color .12s;display:flex}.leaderboard__row:last-child{border-bottom:none}.leaderboard__row--gold,.leaderboard__row--silver,.leaderboard__row--bronze{background:var(--bg-surface)}.leaderboard__rank{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:28px;font-size:0;display:flex}.leaderboard__row--gold .leaderboard__rank:before{content:"1"}.leaderboard__row--silver .leaderboard__rank:before{content:"2"}.leaderboard__row--bronze .leaderboard__rank:before{content:"3"}.leaderboard__row--gold .leaderboard__rank:before,.leaderboard__row--silver .leaderboard__rank:before,.leaderboard__row--bronze .leaderboard__rank:before{color:var(--text-tertiary);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;font-weight:500;line-height:1;display:block}.leaderboard__row--gold .leaderboard__rank:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;display:block}.leaderboard__rank--num{color:var(--text-tertiary);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;font-weight:500;line-height:1}.leaderboard__info{flex:1;min-width:0}.leaderboard__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.leaderboard__meta{color:var(--text-tertiary);margin-top:1px;font-size:12px}.leaderboard__pts{color:var(--text-primary);flex-shrink:0;font-size:14px;font-weight:600}.drink-btns{gap:var(--space-2);grid-template-columns:1fr;display:grid}@media (width>=460px){.drink-btns{grid-template-columns:1fr 1fr}}.drink-btn{min-height:56px;padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;transition:border-color .12s,background-color .12s;display:flex}.drink-btn:hover:not(:disabled){border-color:var(--border-strong);background-color:var(--bg-subtle)}.drink-btn:disabled{opacity:.5;cursor:not-allowed}.drink-btn--pending,.drink-btn--pending:hover:not(:disabled){background-color:var(--accent-subtle);border-color:var(--accent)}.drink-btn__name{color:var(--text-primary);font-size:14px;font-weight:500}.drink-btn__pts{color:var(--text-secondary);font-size:14px;font-weight:400}.drink-btn--pending .drink-btn__sub{color:var(--text-primary);order:-1;font-size:14px;font-weight:500}.drink-btn--pending .drink-btn__confirm{color:var(--accent);font-size:13px;font-weight:500}.feed{flex-direction:column;list-style:none;display:flex}.feed-item{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-default);transition:background-color .12s;display:flex}.feed-item:last-child{border-bottom:none}.feed-item:nth-child(odd){background:0 0}.feed-item--pending{opacity:.45}.feed-item__body{flex:1;min-width:0}.feed-item__text{color:var(--text-secondary);font-size:14px;line-height:1.4}.feed-item__text strong{color:var(--text-primary);font-weight:500}.feed-item__time{color:var(--text-tertiary);margin-top:2px;font-size:12px}.feed-item__delete{background:var(--bg-subtle);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .12s,color .12s;display:flex}.feed-item__delete:hover,.feed-item__delete:focus-visible{color:var(--danger);background:#dc262614;outline:none}.feed-item__delete:active{color:var(--danger);background:#dc262624}[data-theme=dark] .feed-item__delete:hover,[data-theme=dark] .feed-item__delete:focus-visible{background:#ef444426}[data-theme=dark] .feed-item__delete:active{background:#ef444438}.home-section{margin-bottom:var(--space-6)}.home-section__label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);font-size:12px;font-weight:500}.game-entry{align-items:center;gap:var(--space-3);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:var(--space-3);-webkit-tap-highlight-color:transparent;text-decoration:none;transition:border-color .12s;display:flex}.game-entry:hover{border-color:var(--border-strong)}.game-entry__info{flex:1;min-width:0}.game-entry__name{color:var(--text-primary);margin-bottom:2px;font-size:18px;font-weight:500}.game-entry__desc{color:var(--text-secondary);font-size:14px}.game-entry__chevron{color:var(--text-tertiary);flex-shrink:0;display:flex}.games-page{flex-direction:column;display:flex}.games-page__subtitle{color:var(--text-secondary);margin-top:var(--space-2);margin-bottom:var(--space-5);font-size:16px}.games-list{flex-direction:column;display:flex}.games-placeholder{padding:var(--space-5);background:var(--bg-surface);border:1px dashed var(--border-default);border-radius:var(--radius-lg);color:var(--text-tertiary);text-align:center;font-size:14px}.game-page{flex-direction:column;display:flex}.game-page__back{color:var(--accent);margin-bottom:var(--space-4);align-items:center;font-size:14px;font-weight:500;text-decoration:none;transition:color .12s;display:inline-flex}.game-page__back:hover{color:var(--accent-hover)}.game-page__title{letter-spacing:-.01em;color:var(--text-primary);margin-bottom:var(--space-2);font-size:24px;font-weight:600;line-height:1.3}.game-page__instruction{color:var(--text-secondary);font-size:14px}.prompt-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-5) 0;text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;justify-content:center;min-height:180px;display:flex}@keyframes prompt-fade-in{0%{opacity:0}to{opacity:1}}.prompt-card__text{color:var(--text-primary);font-size:22px;font-weight:600;line-height:1.3;animation:.2s forwards prompt-fade-in}.prompt-card__counter{color:var(--text-tertiary);font-size:12px}.prompt-card__exhausted{color:var(--text-tertiary);font-size:14px;line-height:1.5}.game-actions{gap:var(--space-3);flex-direction:column;display:flex}.btn--full{width:100%;height:48px;font-size:15px}