:root{--bg: #090a0f;--raise: #13151e;--line: #2a2e3a;--text: #f4f6f8;--muted: #a7aebd;--faint: #6b7180;--lime: #cfff3d;--ink: #090a0f;--cyan: #00deff;--blue: #145cff;--magenta: #ff38d6;--radius: 8px;--radius-sm: 4px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--safe-top: calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px));--safe-bottom: max(var(--tg-safe-area-inset-bottom, 0px), env(safe-area-inset-bottom, 0px));--gutter: clamp(16px, 4vw, 32px);--gutter-l: max(var(--gutter), env(safe-area-inset-left, 0px));--gutter-r: max(var(--gutter), env(safe-area-inset-right, 0px));--rail: clamp(208px, 17vw, 248px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--lime);outline-offset:2px}ul,ol{list-style:none;margin:0;padding:0}h1,p{margin:0}.app{position:relative;height:100%;display:flex;flex-direction:column}.header{flex:none;display:flex;align-items:center;justify-content:space-between;padding-top:calc(10px + var(--safe-top));padding-bottom:10px;padding-left:var(--gutter-l);padding-right:var(--gutter-r);border-bottom:1px solid var(--line)}.logo{display:block;height:20px;width:auto}main{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;container:main / inline-size}.screen{display:flex;flex-direction:column;gap:28px;width:100%;max-width:1180px;margin-inline:auto;padding-top:clamp(16px,3vh,40px);padding-bottom:28px;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}.screen-head{display:flex;flex-direction:column;gap:6px}h1{font-size:clamp(28px,22px + 1.4vw,40px);font-weight:800;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:13px}.num{font-variant-numeric:tabular-nums}.lime{color:var(--lime)}.avatar{flex:none;display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;color:var(--text);font-weight:600}.avatar img{width:100%;height:100%;object-fit:cover}.profile{display:flex;align-items:center;gap:14px}.profile-meta{flex:1;min-width:0}.profile-name{font-size:18px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip{flex:none;padding:5px 10px;border:1px solid rgba(207,255,61,.4);border-radius:999px;color:var(--lime);font-size:12px;font-weight:600}.balance{display:flex;flex-direction:column;gap:20px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(110% 90% at 100% 0%,rgba(20,92,255,.24),transparent 60%),radial-gradient(70% 70% at 90% 10%,rgba(255,56,214,.08),transparent 60%),var(--raise);container-type:inline-size}.balance-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.balance-figure{display:flex;flex-direction:column;gap:6px;min-width:0}.balance-num{font-size:44px;font-size:clamp(36px,14cqi,64px);font-weight:800;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:nowrap}.balance-num i{font-style:normal;color:var(--lime)}.mascot{flex:none;width:124px;width:clamp(96px,36cqi,184px);height:auto;aspect-ratio:1;margin:-14px -12px -14px 0;filter:drop-shadow(0 8px 24px rgba(20,92,255,.45));animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-4px) rotate(-1.5deg)}}.level{display:flex;flex-direction:column;gap:8px}.level-head{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:600}.bar{height:6px;border-radius:3px;background:#ffffff12;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--lime));box-shadow:0 0 12px #cfff3d80;transition:width .6s cubic-bezier(.2,.8,.2,1)}.bar-thin{height:4px;margin-top:8px}.block{display:flex;flex-direction:column;gap:14px}.block-head{display:flex;justify-content:space-between;align-items:baseline}.streak{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,1.4vw,8px)}.streak li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0 9px;border:1px solid var(--line);border-radius:var(--radius)}.streak-day{font-size:10px;color:var(--faint);white-space:nowrap}.streak-reward{display:grid;place-items:center;height:16px;font-size:clamp(12px,3.4vw,14px);font-weight:700;letter-spacing:-.02em}.streak li[data-state=done]{border-color:#cfff3d40;background:#cfff3d12;color:var(--lime)}.streak li[data-state=today]{border-color:var(--lime);box-shadow:0 0 16px #cfff3d40}.streak li[data-state=today] .streak-day{color:var(--lime)}.streak li[data-state=next] .streak-reward{color:var(--muted)}.link{font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.btn{display:flex;align-items:center;justify-content:space-between;gap:12px;height:52px;padding:0 20px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;text-decoration:none;transition:transform .12s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--lime);color:var(--ink);box-shadow:0 0 24px #cfff3d2e}.btn-primary:disabled{justify-content:center;border:1px solid var(--line);background:var(--raise);color:var(--muted);box-shadow:none;cursor:default;transform:none}.btn-sm{flex:none;height:34px;padding:0 14px;border:1px solid var(--lime);border-radius:var(--radius-sm);color:var(--lime);font-size:13px;font-weight:600}.btn-sm-fill{background:var(--lime);color:var(--ink)}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-sm);color:var(--lime)}.icon-btn:active{background:#cfff3d1a}.pill{flex:none;display:inline-flex;align-items:center;gap:6px;height:34px;font-size:13px;color:var(--muted)}.pill-done{color:var(--lime)}.spinner{width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--raise)}.seg button{height:36px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--muted)}.seg button[aria-pressed=true]{background:var(--lime);color:var(--ink)}.seg-sm button{height:28px;padding:0 10px;font-size:12px;letter-spacing:.06em}.rows{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.row-main{flex:1;min-width:0}.row-title{font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{margin-top:2px;font-size:13px;color:var(--muted)}.row-end{display:flex;flex-direction:column;align-items:flex-end}.reward{color:var(--lime);font-weight:700;font-variant-numeric:tabular-nums}.task .row-title{white-space:normal}.task-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:var(--radius);background:var(--raise)}.task[data-done] .task-icon{border-color:#cfff3d40;color:var(--lime)}.task[data-done] .row-title{color:var(--muted)}.task[data-locked]{opacity:.55}.rule{align-items:flex-start}.rule svg{flex:none;margin-top:1px;color:var(--lime)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));container-type:inline-size;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats>*{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:16px 0 16px 14px;text-align:left}.stats>:first-child{padding-left:0}.stats>*+*{border-left:1px solid var(--line)}.stat-num{font-size:clamp(22px,16px + 1.2vw,32px);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}@container (max-width: 400px){.stats>*{padding-left:12px}.stats .eyebrow{font-size:10px;letter-spacing:.05em}}.invite{display:flex;flex-direction:column;gap:10px}.invite-field{display:flex;align-items:center;gap:6px;height:52px;padding:0 6px 0 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--raise)}.invite-field input{flex:1;min-width:0;border:0;outline:none;background:none;font-family:var(--mono);font-size:13px;text-overflow:ellipsis}.screen-board{gap:22px}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px}.podium li{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.podium-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.podium-pts{margin-top:-4px;font-size:13px;color:var(--muted)}.podium-step{display:grid;justify-items:center;align-content:start;width:100%;padding-top:10px;border-top:2px solid;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(var(--raise),transparent);font-size:22px;font-weight:800}.podium [data-place="1"] .podium-step{height:84px}.podium [data-place="2"] .podium-step{height:62px}.podium [data-place="3"] .podium-step{height:46px}.rank{flex:none;width:28px;font-size:14px;color:var(--muted)}.me-row{position:sticky;bottom:0;margin-bottom:-28px;margin-left:calc(-1 * var(--gutter-l));margin-right:calc(-1 * var(--gutter-r));padding-left:var(--gutter-l);padding-right:var(--gutter-r);border-top:1px solid rgba(207,255,61,.35);border-bottom:0;background:var(--raise)}.tabbar{flex:none;display:grid;grid-template-columns:repeat(4,minmax(0,140px));justify-content:center;padding-bottom:var(--safe-bottom);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);border-top:1px solid var(--line);background:var(--bg)}.tabbar button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 8px;font-size:11px;font-weight:500;color:var(--faint)}.tabbar button[aria-current=page]{color:var(--lime)}.tabbar button[aria-current=page] svg{filter:drop-shadow(0 0 6px rgba(207,255,61,.6))}.toast{position:absolute;left:50%;bottom:calc(76px + var(--safe-bottom));z-index:5;padding:10px 18px;border-radius:999px;background:var(--lime);color:var(--ink);font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 8px 30px #cfff3d59;transform:translate(-50%);animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.preview{display:none}@container main (min-width: 600px){.screen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px clamp(20px,3.5cqi,48px)}.screen-friends .screen-head,.screen-board .screen-head{grid-area:head}.screen-home{grid-template-areas:"profile profile" "balance balance" "daily daily" "stats stats" "tasks top";align-items:stretch}.screen-home .profile{grid-area:profile}.screen-home .balance{grid-area:balance}.screen-home .daily{grid-area:daily}.screen-home .stats{grid-area:stats}.preview-tasks{grid-area:tasks}.preview-top{grid-area:top}.daily,.preview{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--raise)}.daily .streak{flex:1}.daily .streak li{justify-content:center}.preview .row:last-child{border-bottom:0;padding-bottom:0}.screen-tasks{grid-template-columns:minmax(0,1fr)}.screen-tasks .rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));column-gap:clamp(24px,4cqi,56px)}.screen-friends,.screen-board{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto auto auto auto 1fr}.screen-friends{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-friends{grid-template-areas:"head head" "invite list" "stats list" "how list" ". list"}.screen-friends .invite{grid-area:invite}.screen-friends .stats{grid-area:stats}.screen-friends .how{grid-area:how}.screen-friends .friend-list{grid-area:list}.screen-board{grid-template-areas:"head head" "seg list" "podium list" "me list" ". list";row-gap:22px}.screen-board>.seg{grid-area:seg}.screen-board .podium{grid-area:podium}.screen-board .board{grid-area:list}.screen-board .me-row{grid-area:me;position:static;margin:0;padding:14px 16px;border:1px solid rgba(207,255,61,.35);border-radius:var(--radius)}}@container main (min-width: 900px){.screen-home{grid-template-areas:"profile profile" "balance daily" "stats stats" "tasks top"}}@media (min-width: 900px),(min-width: 600px) and (max-height: 520px){:root{--gutter: clamp(24px, 3vw, 48px)}.app{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);max-width:1680px;margin-inline:auto}.header{grid-area:1 / 1;flex-direction:column;align-items:stretch;gap:20px;padding:calc(24px + var(--safe-top)) 16px 12px max(16px,env(safe-area-inset-left,0px));border-bottom:0;border-right:1px solid var(--line)}.logo{height:22px;margin-left:4px;align-self:flex-start}.tabbar{grid-area:2 / 1;display:flex;flex-direction:column;justify-content:flex-start;gap:2px;padding:8px 16px max(16px,var(--safe-bottom)) max(16px,env(safe-area-inset-left,0px));border-top:0;border-right:1px solid var(--line)}.tabbar button{flex-direction:row;gap:12px;padding:10px 12px;border-radius:var(--radius);font-size:15px;color:var(--muted)}.tabbar button:hover{background:var(--raise);color:var(--text)}.tabbar button[aria-current=page]{background:#cfff3d14;color:var(--lime)}main{grid-area:1 / 2 / 3 / 3}.toast{left:calc(var(--rail) + (100% - var(--rail)) / 2);bottom:max(24px,var(--safe-bottom))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}