:root{--surface:var(--tg-theme-bg-color,#fff);--surface-2:var(--tg-theme-section-bg-color,var(--tg-theme-secondary-bg-color,#f2f2f7));--surface-muted:var(--tg-theme-secondary-bg-color,#f2f2f7);--separator:var(--tg-theme-section-separator-color,#3c3c431f);--text:var(--tg-theme-text-color,#000);--text-secondary:var(--tg-theme-subtitle-text-color,var(--tg-theme-hint-color,#8e8e93));--text-hint:var(--tg-theme-hint-color,#8e8e93);--destructive:var(--tg-theme-destructive-text-color,#eb5545);--accent:var(--tg-theme-button-color,#3390ec);--accent-text:var(--tg-theme-accent-text-color,var(--tg-theme-link-color,#3390ec));--on-accent:var(--tg-theme-button-text-color,#fff);--section-header:var(--tg-theme-section-header-text-color,#8e8e93);--content-top:var(--tg-viewport-content-safe-area-inset-top,0px);--content-bottom:var(--tg-viewport-content-safe-area-inset-bottom,0px);--safe-bottom:var(--tg-viewport-safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--radius-s:10px;--radius-m:12px;--radius-l:16px;--transition:.16s cubic-bezier(.25, .1, .25, 1)}@media (prefers-color-scheme:dark){:root{--surface:var(--tg-theme-bg-color,#1c1c1e);--surface-2:var(--tg-theme-section-bg-color,var(--tg-theme-secondary-bg-color,#2c2c2e));--surface-muted:var(--tg-theme-secondary-bg-color,#2c2c2e);--separator:var(--tg-theme-section-separator-color,#54545899);--text:var(--tg-theme-text-color,#fff);--text-secondary:var(--tg-theme-subtitle-text-color,var(--tg-theme-hint-color,#8e8e93));--text-hint:var(--tg-theme-hint-color,#8e8e93);--destructive:var(--tg-theme-destructive-text-color,#ff6961);--accent:var(--tg-theme-button-color,#3390ec);--accent-text:var(--tg-theme-accent-text-color,var(--tg-theme-link-color,#67b7ff));--on-accent:var(--tg-theme-button-text-color,#fff);--section-header:var(--tg-theme-section-header-text-color,#8e8e93)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--surface);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button{font-family:inherit}.app{flex-direction:column;height:100%;display:flex}.app__content{flex:1;padding:16px 16px 24px;overflow-y:auto}.app__offline{border-radius:var(--radius-s);background:color-mix(in srgb, #f5a623 18%, var(--surface-2));color:var(--text);margin-bottom:12px;padding:10px 14px;font-size:13px;line-height:1.35}.app__nav{border-top:1px solid var(--separator);background:var(--surface);padding-bottom:var(--safe-bottom);display:flex}.app__nav-link{padding:9px 8px calc(9px + env(safe-area-inset-bottom,0px) * 0);color:var(--text-hint);transition:color var(--transition);flex-direction:column;flex:1;align-items:center;gap:3px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.app__nav-link:active{opacity:.7}.app__nav-link.is-active{color:var(--accent-text)}.screen{flex-direction:column;gap:16px;display:flex}.screen__title{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.screen__hint{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.45}.section{background:var(--surface-2);border-radius:var(--radius-l);overflow:hidden}.section__header{text-transform:uppercase;color:var(--section-header);letter-spacing:.04em;padding:14px 16px 6px;font-size:13px;font-weight:500}.button{appearance:none;border-radius:var(--radius-m);background:var(--accent);color:var(--on-accent);cursor:pointer;transition:transform var(--transition), opacity var(--transition);border:none;padding:15px 24px;font-size:17px;font-weight:600}.button:active{transform:scale(.97)}.button:disabled{opacity:.5;cursor:not-allowed}.button:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.onboarding{flex-direction:column;gap:16px;padding:20px 16px;display:flex}.onboarding__emoji{font-size:40px;line-height:1}.onboarding__steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.onboarding__step{align-items:flex-start;gap:14px;padding:12px 0;display:flex}.onboarding__step+.onboarding__step{border-top:1px solid var(--separator)}.onboarding__num{background:color-mix(in srgb, var(--accent) 15%, transparent);width:26px;height:26px;color:var(--accent-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.onboarding__text{padding-top:3px;font-size:15px;line-height:1.4}.privacy{border-radius:var(--radius-m);background:color-mix(in srgb, var(--accent) 8%, var(--surface-2));color:var(--text-secondary);align-items:center;gap:10px;padding:12px 14px;font-size:13px;line-height:1.4;display:flex}.privacy__icon{flex-shrink:0;font-size:16px}.session__starting{min-height:60dvh;margin-top:var(--content-top);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.session__starting-hint{color:var(--text-secondary);max-width:260px;margin:0;font-size:13px;line-height:1.4}.spinner{border:3px solid var(--separator);border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app:has(.session__live:not(.is-hidden)) .app__nav{display:none}.app:has(.session__live:not(.is-hidden)) .app__content{flex-direction:column;padding:0;display:flex}.app:has(.session__live:not(.is-hidden)) .screen.session{flex:1;gap:0}.session__live{margin-top:var(--content-top);margin-bottom:var(--content-bottom);flex-direction:column;flex:1;min-height:320px;display:flex;position:relative}.session__live.is-hidden{display:none}.session__media{background:#000;position:absolute;top:50%;left:50%;overflow:hidden}.session__video{object-fit:cover;background:#000;width:100%;height:100%;position:absolute;inset:0}.session__video.is-hidden{display:none}.session__skeleton{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.session__skeleton.is-hidden{display:none}.session__scrim{pointer-events:none;z-index:1;background:linear-gradient(#00000073 0%,#0000 22% 60%,#0000008c 100%);position:absolute;inset:0}.session__counter{border-radius:var(--radius-l);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;text-align:center;font-variant-numeric:tabular-nums;z-index:2;background:#00000080;min-width:72px;padding:8px 16px;font-size:40px;font-weight:700;line-height:1.05;position:absolute;top:64px;right:14px}.session__feedback{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;text-align:center;z-index:2;background:#0009;border-radius:14px;max-width:85%;padding:10px 16px;font-size:14px;line-height:1.35;position:absolute;bottom:118px;left:50%;transform:translate(-50%)}.session__feedback_position{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f5a623d9;bottom:170px}.session__controls{z-index:2;gap:10px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.session__finish{min-width:148px;padding:13px 22px;box-shadow:0 4px 16px #00000059}.session__toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#00000080;justify-content:center;align-items:center;padding:13px 16px;font-size:14px;display:inline-flex}.session__toggle_icon{padding:11px 13px}.result{flex-direction:column;align-items:center;gap:6px;padding:28px 16px 20px;display:flex}.result__value{color:var(--accent-text);font-variant-numeric:tabular-nums;font-size:88px;font-weight:700;line-height:1}.result__label{color:var(--text-secondary);font-size:15px}.result__status{color:var(--text-secondary);align-items:center;gap:6px;margin-top:8px;font-size:13px;display:flex}.result__status.is-error{color:var(--destructive)}.list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list__item{align-items:center;gap:12px;padding:13px 16px;display:flex}.list__item+.list__item{border-top:1px solid var(--separator)}.list__rank{width:30px;height:30px;color:var(--text-secondary);background:var(--surface-muted);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.list__rank.is-gold{background:color-mix(in srgb, #ffd60a 30%, var(--surface-muted));color:#8a6d00}.list__rank.is-silver{background:color-mix(in srgb, #c7c7cc 35%, var(--surface-muted));color:#48484a}.list__rank.is-bronze{background:color-mix(in srgb, #d0864a 30%, var(--surface-muted));color:#6e3a12}.list__name{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.list__name-text{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.list__name small{color:var(--text-secondary);font-size:12px}.list__value{font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.list__item.is-me{background:color-mix(in srgb, var(--accent) 10%, transparent)}.list__badge{background:var(--surface-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.list_achievements .list__item.is-locked .list__badge{filter:grayscale();opacity:.5}.list_achievements .list__item.is-locked{opacity:.6}.myrank{border-radius:var(--radius-l);background:color-mix(in srgb, var(--accent) 12%, var(--surface-2));justify-content:space-between;align-items:center;padding:14px 16px;font-weight:600;display:flex}.profile{align-items:center;gap:14px;padding:18px 16px;display:flex}.profile__avatar{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #9b59b6));width:56px;height:56px;color:var(--on-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.profile__name{font-size:18px;font-weight:600}.profile__username{color:var(--text-secondary);font-size:14px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.stats__item{border-radius:var(--radius-l);background:var(--surface-2);flex-direction:column;align-items:center;gap:4px;padding:16px 8px;display:flex}.stats__value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.stats__label{color:var(--text-secondary);font-size:13px}.skeleton{border-radius:var(--radius-m);background:var(--surface-2);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--text) 6%, transparent), transparent);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton_row{height:56px}.skeleton_stats{height:84px}@keyframes shimmer{to{transform:translate(100%)}}.fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:32px;display:flex}.fallback__icon{font-size:56px}.fallback__title{margin:0;font-size:22px;font-weight:700}.fallback__text{color:var(--text-secondary);max-width:300px;margin:0;font-size:15px;line-height:1.5}.fallback__link{border-radius:var(--radius-m);background:var(--accent);color:var(--on-accent);transition:transform var(--transition);margin-top:8px;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}.fallback__link:active{transform:scale(.97)}