:root{--accent: #4997d0;--accent-dark: #2e77ad;--accent-darker: #235d87;--accent-pale: #dcebf6;--accent-on: #cfe6f7;--bar-1: #c9dcea;--bar-2: #8fbcdd;--bar-3: #4997d0;--disabled: #c2d5e6;--country-bar: #7fb4dc;--page: #f7f8f8;--backdrop: #e5e9ee;--text: #1d2226;--muted: #5d6771;--faint: #98a2ac;--chip-bg: #edf1f5;--info-bg: #f1f5f9;--track: #dfe9f2;--hairline: #edf1f5;--men: #e0a63c;--coin: #f2b23c;--coin-border: #d0891f;--danger: #c25b4a;--done-bg: #e6ecf3;--done-text: #4a6a8a;--card-shadow: 0 2px 8px rgba(0, 0, 0, .06);--cta-shadow: 0 4px 14px rgba(73, 151, 208, .4)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--backdrop);font-family:Helvetica,Arial,sans-serif;color:var(--text);overscroll-behavior:none}a{color:var(--accent-dark)}a:hover{color:var(--accent-darker)}button,input{font-family:inherit}button{border:none;background:none;padding:0;color:inherit;cursor:pointer;text-align:inherit}.frame-backdrop{width:100%;height:100%;height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--backdrop)}.frame{width:100%;max-width:430px;height:100%;height:100dvh;background:var(--page);color:var(--text);display:flex;flex-direction:column;overflow:hidden;position:relative}@media(min-width:431px){.frame{max-height:932px;height:100%;border-radius:28px;box-shadow:0 20px 60px #1d222629}}.card{background:#fff;border-radius:20px;box-shadow:var(--card-shadow)}.cta{display:block;width:100%;background:var(--accent);color:#fff;text-align:center;font-weight:700;font-size:15px;padding:15px 0;border-radius:18px;box-shadow:var(--cta-shadow);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.cta:active{transform:scale(.98)}.cta.big{font-size:16px;padding:16px 0}.cta.disabled{background:var(--disabled);box-shadow:none;pointer-events:none}.cta.ghost{background:#fff;color:var(--accent-dark);box-shadow:var(--card-shadow)}.seg-btn{flex:1;text-align:center;padding:11px 0;border-radius:14px;background:var(--chip-bg);color:var(--muted);font-weight:700;font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease}.seg-btn.on{background:var(--accent);color:#fff}.pill-chip{padding:8px 14px;border-radius:999px;background:var(--chip-bg);color:var(--muted);font-weight:700;font-size:12px;cursor:pointer;transition:background .15s ease,color .15s ease}.pill-chip.on{background:var(--accent);color:#fff}.icon-btn{width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--muted);cursor:pointer;flex:none}.progress{height:8px;border-radius:999px;background:var(--track);overflow:hidden}.progress>div{height:100%;border-radius:999px;background:var(--accent);transition:width .4s ease}.avatar{border-radius:50%;background:var(--accent-pale);color:var(--accent-dark);font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}.coin-dot{border-radius:50%;background:var(--coin);border:2px solid var(--coin-border);box-sizing:border-box;display:inline-block;flex:none}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.text-input{width:100%;border:2px solid var(--chip-bg);border-radius:14px;background:#fff;padding:13px 14px;font-size:15px;font-weight:600;color:var(--text);outline:none;transition:border-color .15s ease}.text-input:focus{border-color:var(--accent)}.text-input::placeholder{color:var(--faint);font-weight:600}.stripes{background:repeating-linear-gradient(45deg,#e9edf0,#e9edf0 10px,#dde4e9 10px 20px)}@keyframes pop{0%{transform:translateY(8px) scale(.8);opacity:0}30%{transform:translateY(0) scale(1.05);opacity:1}to{transform:translateY(-4px) scale(1);opacity:1}}.anim-pop{animation:pop .5s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:fadeUp .28s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim-fade{animation:fadeIn .25s ease both}@keyframes checkPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.anim-check{animation:checkPop .45s cubic-bezier(.2,1.4,.4,1) both}.pressable{transition:transform .12s ease;cursor:pointer}.pressable:active{transform:scale(.97)}.scroll-y{overflow-y:auto;scrollbar-width:none}.scroll-y::-webkit-scrollbar{display:none}