:root{--bg:var(--tg-theme-bg-color,#fff);--bg-secondary:var(--tg-theme-secondary-bg-color,#f4f4f5);--text:var(--tg-theme-text-color,#17181a);--text-muted:var(--tg-theme-hint-color,#7c7f85);--accent:var(--tg-theme-button-color,#2d7ff9);--accent-text:var(--tg-theme-button-text-color,#fff);--link:var(--tg-theme-link-color,#2d7ff9);--danger:#d0453b;--success:#1f9254;--radius:16px;--radius-sm:12px;--radius-pill:999px;--surface:color-mix(in srgb, var(--bg-secondary) 88%, var(--bg));--hairline:color-mix(in srgb, var(--text-muted) 16%, transparent);--shadow-card:0 1px 1px #00000008, 0 10px 24px -14px #00000038;--gap:12px;--touch:44px;--dur-fast:.14s;--dur-base:.22s;--dur-slow:.32s;--dur-celebrate:.9s;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--press:.97;--stagger:45ms;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms;--dur-celebrate:1ms;--press:1;--stagger:0s}}html[data-perf=low]{--dur-fast:80ms;--dur-base:.12s;--dur-slow:.12s;--dur-celebrate:.3s;--stagger:0s}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);letter-spacing:-.003em;overscroll-behavior-y:contain;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}#root{min-height:100dvh;min-height:var(--tg-viewport-stable-height,100dvh);flex-direction:column;display:flex}.app{width:100%;max-width:520px;padding:calc(var(--tg-safe-area-inset-top,env(safe-area-inset-top,0px)) + var(--tg-content-safe-area-inset-top,0px) + 16px) 16px calc(var(--tg-safe-area-inset-bottom,env(safe-area-inset-bottom,0px)) + var(--tg-content-safe-area-inset-bottom,0px) + 88px);flex:1;margin:0 auto}.h1{letter-spacing:-.022em;text-wrap:balance;margin:0 0 6px;font-size:26px;font-weight:700;line-height:1.2}.h2{letter-spacing:-.012em;text-wrap:balance;margin:0 0 8px;font-size:18px;font-weight:650;line-height:1.3}.label{letter-spacing:.09em;text-transform:uppercase;color:color-mix(in srgb, var(--text-muted) 70%, var(--text));margin:0 0 6px;font-size:11px;font-weight:700}.muted{color:var(--text-muted);font-size:14px}.en{color:var(--link);font-weight:600}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);margin-bottom:var(--gap);animation:rise var(--dur-base) var(--ease-out) both;box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff0f;padding:16px}.card--hero{background:radial-gradient(120% 100% at 100% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 60%), var(--surface)}.app>.stack>section.card:nth-of-type(2){animation-delay:calc(var(--stagger) * 1)}.app>.stack>section.card:nth-of-type(3){animation-delay:calc(var(--stagger) * 2)}.app>.stack>section.card:nth-of-type(4){animation-delay:calc(var(--stagger) * 3)}.app>.stack>section.card:nth-of-type(5){animation-delay:calc(var(--stagger) * 4)}.app>.stack>section.card:nth-of-type(n+6){animation-delay:calc(var(--stagger) * 5)}.row{align-items:center;gap:10px;display:flex}.row--between{justify-content:space-between;gap:14px}.ring{flex:none;width:84px;height:84px;position:relative}.ring__svg{width:100%;height:100%;transform:rotate(-90deg)}.ring__track{fill:none;stroke:color-mix(in srgb, var(--text-muted) 22%, transparent);stroke-width:8px}.ring__value{fill:none;stroke:var(--accent);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset var(--dur-slow) var(--ease-out)}.ring__text{letter-spacing:-.02em;justify-content:center;align-items:center;font-size:19px;font-weight:700;display:flex;position:absolute;inset:0}.segmented{background:color-mix(in srgb, var(--text-muted) 14%, transparent);border-radius:var(--radius-pill);gap:4px;padding:4px;display:flex}.segmented>button{appearance:none;border-radius:var(--radius-pill);min-height:38px;font:inherit;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;border:none;flex:1;padding:0 10px;font-size:15px;font-weight:600}.segmented>button[aria-pressed=true]{background:var(--bg);color:var(--text);box-shadow:0 1px 2px #0000001a,0 4px 10px -6px #0000004d}.segmented>button:active{transform:scale(var(--press))}.stack{gap:var(--gap);flex-direction:column;display:flex}.button{appearance:none;border-radius:var(--radius-sm);letter-spacing:-.01em;background:var(--accent);color:var(--accent-text);font:inherit;min-height:var(--touch);cursor:pointer;overflow-wrap:anywhere;width:100%;transition:transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-base) var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;padding:12px 16px;font-weight:600}.button:not(.button--quiet){box-shadow:0 8px 18px -8px color-mix(in srgb, var(--accent) 70%, transparent), inset 0 1px 0 #fff3;background-image:linear-gradient(#ffffff24,#fff0)}button.button:active:not(:disabled){transform:scale(var(--press))}button.button:active:not(:disabled):not(.button--quiet){box-shadow:0 2px 6px color-mix(in srgb, var(--accent) 22%, transparent)}.button:disabled{opacity:.55;cursor:default}.button--quiet{background:color-mix(in srgb, var(--text-muted) 8%, transparent);color:var(--text);border:1px solid color-mix(in srgb, var(--text-muted) 32%, transparent)}.button--inline{border-radius:var(--radius-pill);width:auto;min-height:38px;padding:8px 16px;font-size:15px}.chips{flex-wrap:wrap;gap:8px;display:flex}.bar{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text-muted) 22%, transparent);height:8px;overflow:hidden}.bar__fill{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 75%, #fff), var(--accent));border-radius:var(--radius-pill);transform-origin:0;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out)}.tabs{background:color-mix(in srgb, var(--bg) 92%, var(--text));border-top:1px solid var(--hairline);padding-bottom:var(--tg-safe-area-inset-bottom,env(safe-area-inset-bottom,0px));z-index:10;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs__item{appearance:none;color:var(--text-muted);font:inherit;letter-spacing:.01em;min-height:var(--touch);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 2px 8px;font-size:10px;display:flex;position:relative}.tabs__item[aria-current=page]{color:var(--accent);font-weight:700}.tabs__icon{z-index:1;transition:transform var(--dur-base) var(--ease-out);font-size:20px;line-height:1;position:relative}.tabs__item:before{content:"";border-radius:var(--radius-pill);background:var(--accent);opacity:0;width:44px;height:28px;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);margin-left:-22px;position:absolute;top:6px;left:50%;transform:scale(.8)}.tabs__item[aria-current=page]:before{opacity:.16;transform:none}.tabs__item[aria-current=page] .tabs__icon{transform:translateY(-1px)scale(1.12)}.tabs__item:active .tabs__icon{transform:scale(var(--press))}.notice{border-radius:var(--radius-sm);margin-bottom:var(--gap);background:color-mix(in srgb, var(--danger) 12%, transparent);border-left:3px solid var(--danger);color:var(--text);animation:rise var(--dur-base) var(--ease-out) both, nudge var(--dur-base) var(--ease-in-out) var(--dur-fast) both;padding:12px 14px;font-size:15px}.notice--ok{background:color-mix(in srgb, var(--success) 14%, transparent);border-left-color:var(--success);animation:pop var(--dur-base) var(--ease-out) both}.skeleton{background:color-mix(in srgb, var(--text-muted) 18%, transparent);border-radius:10px;height:14px;margin-bottom:10px}.skeleton--title{width:46%;height:20px;margin-bottom:14px}.skeleton--short{width:72%}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skeleton--block{border-radius:var(--radius-sm);height:44px;margin-top:16px;margin-bottom:0}@media (prefers-reduced-motion:no-preference){.skeleton{animation:1.4s ease-in-out infinite pulse}}html[data-perf=low] .skeleton{animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.celebrate{transform-origin:0;animation:celebrate var(--dur-celebrate) var(--ease-out) both;display:inline-block}@keyframes celebrate{0%{opacity:0;transform:scale(.9)}45%{transform:scale(1.06)}to{opacity:1;transform:none}}@keyframes nudge{0%,to{translate:0}30%{translate:-3px}65%{translate:2px}}.tabs{view-transition-name:tabs}::view-transition-old(root){animation:fade-out var(--dur-fast) var(--ease-out) both}::view-transition-new(root){animation:rise var(--dur-base) var(--ease-out) both}@keyframes fade-out{to{opacity:0}}
