:root{--md-ref-typeface-brand: system-ui, -apple-system, "Segoe UI", Roboto, "Myanmar Sangam MN", "Noto Sans Myanmar", "Padauk", "Myanmar Text", sans-serif;--md-ref-typeface-plain: system-ui, -apple-system, "Segoe UI", Roboto, "Myanmar Sangam MN", "Noto Sans Myanmar", "Padauk", "Myanmar Text", sans-serif;--ff-typeface-mono: ui-monospace, SFMono-Regular, Menlo, "Myanmar Sangam MN", "Noto Sans Myanmar", "Padauk", "Myanmar Text", monospace;--md-sys-color-primary: #386a20;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #b8f397;--md-sys-color-on-primary-container: #042100;--md-sys-color-secondary: #55624c;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #d9e7cb;--md-sys-color-on-secondary-container: #131f0d;--md-sys-color-tertiary: #19686a;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #a8eff0;--md-sys-color-on-tertiary-container: #002020;--md-sys-color-error: #ba1a1a;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffdad6;--md-sys-color-on-error-container: #410002;--md-sys-color-background: #fdfcf5;--md-sys-color-on-background: #1a1c18;--md-sys-color-surface: #fdfcf5;--md-sys-color-on-surface: #1a1c18;--md-sys-color-surface-variant: #e0e4d6;--md-sys-color-on-surface-variant: #43483e;--md-sys-color-outline: #73796d;--md-sys-color-outline-variant: #c3c8bb;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #f7f9f0;--md-sys-color-surface-container: #f2f3eb;--md-sys-color-surface-container-high: #eceee5;--md-sys-color-surface-container-highest: #e6e8e0;--md-sys-color-inverse-surface: #2f312c;--md-sys-color-inverse-on-surface: #f1f1ea;--md-sys-color-inverse-primary: #9dd67d;--ff-paid: #2e6b34;--ff-paid-container: #c8ecc8;--ff-pending: #7a5a00;--ff-pending-container: #ffe08a;color-scheme:light}@media(prefers-color-scheme:dark){:root{--md-sys-color-primary: #9dd67d;--md-sys-color-on-primary: #0c3900;--md-sys-color-primary-container: #1f5106;--md-sys-color-on-primary-container: #b8f397;--md-sys-color-secondary: #bdcbb0;--md-sys-color-on-secondary: #283420;--md-sys-color-secondary-container: #3e4a36;--md-sys-color-on-secondary-container: #d9e7cb;--md-sys-color-tertiary: #8cd3d4;--md-sys-color-on-tertiary: #003737;--md-sys-color-tertiary-container: #004f50;--md-sys-color-on-tertiary-container: #a8eff0;--md-sys-color-error: #ffb4ab;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000a;--md-sys-color-on-error-container: #ffdad6;--md-sys-color-background: #12140f;--md-sys-color-on-background: #e2e3dc;--md-sys-color-surface: #12140f;--md-sys-color-on-surface: #e2e3dc;--md-sys-color-surface-variant: #43483e;--md-sys-color-on-surface-variant: #c3c8bb;--md-sys-color-outline: #8d9387;--md-sys-color-outline-variant: #43483e;--md-sys-color-surface-container-lowest: #0c0f0a;--md-sys-color-surface-container-low: #1a1c18;--md-sys-color-surface-container: #1e201c;--md-sys-color-surface-container-high: #282b26;--md-sys-color-surface-container-highest: #333630;--md-sys-color-inverse-surface: #e2e3dc;--md-sys-color-inverse-on-surface: #2f312c;--md-sys-color-inverse-primary: #386a20;--ff-paid: #9fd89f;--ff-paid-container: #1d4620;--ff-pending: #ffd54a;--ff-pending-container: #4a3a00;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--md-sys-color-background);color:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-plain);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}:root:lang(my) body,:lang(my){line-height:1.75}:lang(my) .badge,:lang(my) .player-index,:lang(my) .muted{line-height:1.6}:lang(my) .card-sub,:lang(my) .muted,:lang(my) .empty,:lang(my) .error-banner,:lang(my) .install-hint,:lang(my) .player-name{overflow-wrap:anywhere;word-break:normal}:lang(my) .player-name.truncate{white-space:normal;overflow:visible;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:lang(my) md-filled-button,:lang(my) md-outlined-button,:lang(my) md-filled-tonal-button,:lang(my) md-text-button{--md-filled-button-label-text-line-height: 1.6rem;--md-outlined-button-label-text-line-height: 1.6rem;--md-filled-tonal-button-label-text-line-height: 1.6rem;--md-text-button-label-text-line-height: 1.6rem}:lang(my) .bottom-nav button{font-size:.72rem;line-height:1.5}.app{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--md-sys-color-background)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px;padding:max(8px,env(safe-area-inset-top)) 12px 8px;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.topbar h1{flex:1;margin:0;font-size:1.25rem;font-weight:500;letter-spacing:0}.topbar .topbar-sub{display:block;font-size:.75rem;font-weight:400;color:var(--md-sys-color-on-surface-variant)}.content{flex:1;padding:12px 12px 24px;display:flex;flex-direction:column;gap:12px}.bottom-nav{position:sticky;bottom:0;z-index:10;display:flex;justify-content:space-around;gap:4px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:var(--md-sys-color-surface-container);border-top:1px solid var(--md-sys-color-outline-variant)}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border:0;border-radius:12px;background:transparent;color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.7rem;cursor:pointer;min-height:48px}.bottom-nav button[aria-current=page]{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container)}.card{background:var(--md-sys-color-surface-container-low);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.card.flat{background:transparent;padding:0}.card-title{margin:0;font-size:1rem;font-weight:600;color:var(--md-sys-color-on-surface)}.card-sub{margin:0;font-size:.85rem;color:var(--md-sys-color-on-surface-variant)}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:8px}.muted{color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:20px;padding:20px 16px;display:flex;flex-direction:column;gap:6px}.hero .when{font-size:1.5rem;font-weight:600;line-height:1.2}.hero .where{font-size:.95rem;opacity:.85}.hero .countdown{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;opacity:.75}.player-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.player-row:last-child{border-bottom:0}.player-row.is-me{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:12px;padding-inline:10px;border-bottom-color:transparent}.player-index{width:26px;flex:none;text-align:right;font-variant-numeric:tabular-nums;color:var(--md-sys-color-on-surface-variant);font-size:.9rem}.player-name{flex:1;min-width:0;font-weight:500}@keyframes ff-flash{0%{background-color:var(--md-sys-color-tertiary-container)}to{background-color:transparent}}.flash{animation:ff-flash 1.2s ease-out;border-radius:12px}@media(prefers-reduced-motion:reduce){.flash{animation:none}}.member-row{display:flex;flex-direction:column;gap:4px;padding:10px 4px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.member-row:last-of-type{border-bottom:0}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge.paid{background:var(--ff-paid-container);color:var(--ff-paid)}.badge.pending{background:var(--ff-pending-container);color:var(--ff-pending)}.badge.unpaid{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.badge.waitlist{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant)}.amount{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.conn{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:var(--md-sys-color-on-surface-variant)}.conn .dot{width:7px;height:7px;border-radius:50%;background:var(--md-sys-color-outline)}.conn.live .dot{background:var(--ff-paid)}.conn.polling .dot{background:var(--ff-pending)}.centered{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;text-align:center;color:var(--md-sys-color-on-surface-variant)}.empty{padding:24px 8px;text-align:center;color:var(--md-sys-color-on-surface-variant);font-size:.9rem}.error-banner{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-radius:12px;padding:12px 14px;font-size:.88rem}.snackbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(76px + env(safe-area-inset-bottom));z-index:100;max-width:min(520px,calc(100vw - 24px));background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);padding:12px 16px;border-radius:8px;font-size:.88rem;box-shadow:0 4px 12px #00000040}.dialog-body{display:flex;flex-direction:column;gap:14px;min-width:min(320px,78vw)}.field-full{width:100%}.summary-preview{margin:0;padding:12px;border-radius:12px;background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);font-family:var(--ff-typeface-mono);font-size:.78rem;line-height:1.7;white-space:pre-wrap;word-break:break-word;max-height:40vh;overflow:auto}.install-hint{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border-radius:12px;padding:12px 14px;font-size:.88rem}.install-hint svg{vertical-align:-3px}.proof-image{width:100%;max-height:60vh;object-fit:contain;border-radius:12px;background:var(--md-sys-color-surface-container-highest)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;overflow:hidden;color:#fff;font-weight:600;line-height:1;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-edit{position:relative;display:inline-flex;flex:none;border:0;padding:0;background:none;cursor:pointer;border-radius:50%;overflow:hidden}.avatar-edit:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:#00000073}.avatar-edit .avatar-pencil{position:absolute;bottom:6%;left:0;right:0;display:flex;justify-content:center;color:#fff;pointer-events:none}.streak{display:flex;gap:8px}.streak-cell{flex:1;min-width:0;text-align:center;padding:10px 6px;border-radius:12px;background:var(--md-sys-color-surface-container-highest)}.streak-value{font-size:1.5rem;font-weight:700;line-height:1.2;color:var(--md-sys-color-on-surface)}.streak-cell.is-live .streak-value{color:var(--ff-paid)}.streak-label{font-size:.7rem;line-height:1.4;color:var(--md-sys-color-on-surface-variant);overflow-wrap:anywhere}.player-name.link{border:0;padding:0;background:none;font:inherit;color:var(--md-sys-color-primary);text-align:left;cursor:pointer;min-height:32px}.pending-card{border:1px solid var(--md-sys-color-primary)}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s;animation-timing-function:cubic-bezier(.2,0,0,1)}::view-transition-old(root){animation-name:ff-fade-out}::view-transition-new(root){animation-name:ff-fade-in}@keyframes ff-fade-out{to{opacity:0}}@keyframes ff-fade-in{0%{opacity:0;transform:translateY(6px)}}.topbar{view-transition-name:ff-topbar}.bottom-nav{view-transition-name:ff-bottom-nav}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),::view-transition-old(ff-topbar),::view-transition-new(ff-topbar),::view-transition-old(ff-bottom-nav),::view-transition-new(ff-bottom-nav){animation:none!important}}