@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700;800;900&display=swap";:root{--purple: #809aef;--dark: #2e2b26;--light: #f8f8f8;--amber: #f5a623;--purple-light: rgba(128,154,239,.12);--card-bg: rgba(255,255,255,.9);--card-border: rgba(46,43,38,.07);--muted: rgba(46,43,38,.45);--radius: 20px;--radius-sm: 14px;--radius-xs: 10px;--nav-dock-overlap: 52px;--nav-safe-bottom: env(safe-area-inset-bottom, 0px);--nav-browser-offset: 0px;--nav-bottom-gap: calc(var(--nav-safe-bottom) + var(--nav-browser-offset))}@media(max-width:479px){:root{--nav-browser-offset: 28px}}@media(max-width:479px)and (display-mode:standalone){:root{--nav-browser-offset: 0px}}body{font-family:Urbanist,sans-serif;background:#ececec;color:var(--dark);height:100%;overflow:hidden;overscroll-behavior:none}html{height:100%;overflow:hidden}.wrap{display:flex;flex-direction:column;gap:48px;padding:32px 16px;max-width:420px;margin:0 auto}.phone{background:var(--light);border-radius:44px;overflow:hidden;box-shadow:0 24px 60px #2e2b2624,0 2px 8px #2e2b2614;position:relative;min-height:720px}.notch{width:100px;height:28px;background:var(--dark);border-radius:0 0 18px 18px;margin:0 auto;display:block}.sbar{display:flex;justify-content:space-between;align-items:center;padding:8px 24px 4px;font-size:12px;font-weight:600;color:var(--dark)}.sc{padding:20px 22px 100px}.bnav{position:absolute;bottom:0;left:0;right:0;height:84px;background:#fffffff5;border-top:.5px solid var(--card-border);display:flex;align-items:flex-start;padding-top:12px}.ni{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--muted)}.ni.act{color:var(--purple)}.ni i{font-size:22px}.ndot{width:4px;height:4px;border-radius:50%;background:var(--purple);margin-top:2px}.bp{background:var(--purple-light);color:var(--purple)}.ba{background:#f5a62326;color:var(--amber)}.bg{background:#38be6e1f;color:#28a265}.pw{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:4px}.pb{background:#2e2b2614;border-radius:99px;height:6px;overflow:hidden;margin-bottom:10px}.pf{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--purple),#a0b4f5)}.pfa{background:linear-gradient(90deg,var(--amber),#f7c06a)}.ptitle{font-size:28px;font-weight:900;color:var(--dark);margin-bottom:4px}.psub{font-size:13px;color:var(--muted);font-weight:500;margin-bottom:20px}.inp{width:100%;background:#2e2b260d;border:1px solid rgba(46,43,38,.1);border-radius:var(--radius-xs);padding:13px 16px;font-family:Urbanist,sans-serif;font-size:15px;font-weight:600;color:var(--dark);margin-bottom:10px;outline:none}.inp:focus{border-color:var(--purple);background:#809aef0d}.btn-primary{width:100%;background:var(--purple);color:#fff;border:none;border-radius:16px;padding:15px;font-family:Urbanist,sans-serif;font-size:16px;font-weight:900;cursor:pointer;margin-top:6px}.btn-dark{width:100%;background:var(--dark);color:#fff;border:none;border-radius:16px;padding:15px;font-family:Urbanist,sans-serif;font-size:16px;font-weight:900;cursor:pointer;margin-top:6px}.btn-ghost{width:100%;background:transparent;color:var(--purple);border:1.5px solid rgba(128,154,239,.3);border-radius:16px;padding:14px;font-family:Urbanist,sans-serif;font-size:15px;font-weight:800;cursor:pointer;margin-top:8px}.seg{display:flex;background:#2e2b2612;border-radius:99px;padding:3px;gap:2px;margin-bottom:16px}.sb{flex:1;text-align:center;padding:7px 4px;border-radius:99px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer}.sb.act{background:#fff;color:var(--dark);box-shadow:0 1px 4px #0000001a}.step-dots{display:flex;gap:6px;justify-content:center;margin-bottom:24px}.sdot{width:8px;height:8px;border-radius:99px;background:#2e2b261f}.sdot.act{background:var(--purple);width:24px}.sdot.done{background:var(--purple);opacity:.4}.sport-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.sport-card{border-radius:var(--radius-sm);padding:16px 14px;border:1.5px solid var(--card-border);background:var(--card-bg);cursor:pointer;display:flex;flex-direction:column;gap:8px}.sport-card.sel{border-color:var(--purple);background:var(--purple-light)}.sport-card i{font-size:26px;color:var(--muted)}.sport-card.sel i{color:var(--purple)}.sport-card .sn{font-size:13px;font-weight:800;color:var(--dark)}.sport-card .ss{font-size:11px;font-weight:600;color:var(--muted)}.check-circle{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--card-border);margin-left:auto;display:flex;align-items:center;justify-content:center}.check-circle.sel{background:var(--purple);border-color:var(--purple)}.gender-row{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.gender-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--card-border);background:var(--card-bg);cursor:pointer}.gender-card.sel{border-color:var(--purple);background:var(--purple-light)}.gender-icon{width:38px;height:38px;border-radius:50%;background:#2e2b2612;display:flex;align-items:center;justify-content:center;font-size:18px}.notif-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:.5px solid rgba(46,43,38,.06)}.notif-row:last-child{border-bottom:none}.notif-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-row{display:flex;gap:10px;margin-bottom:12px}.metric-card{flex:1;background:#2e2b260d;border-radius:var(--radius-sm);padding:14px 12px;text-align:center}.metric-val{font-size:22px;font-weight:900;color:var(--dark)}.metric-lbl{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}*{box-sizing:border-box;margin:0;padding:0}.app-wrapper{display:flex;flex-direction:column;gap:48px;padding:32px 16px;max-width:420px;margin:0 auto}.screen-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding-left:4px}.phone{background:var(--light);border-radius:44px;box-shadow:0 24px 60px #2e2b2624,0 2px 8px #2e2b2614;position:relative}.phone-notch{width:100px;height:28px;background:var(--dark);border-radius:0 0 18px 18px;margin:0 auto;display:block}.screen-content{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(12px + env(safe-area-inset-top,0px)) 20px calc(var(--nav-dock-overlap) + var(--nav-bottom-gap) + 14px)}.screen-content.no-nav{padding-bottom:calc(20px + var(--nav-bottom-gap))}.bottom-nav-dock{flex-shrink:0;position:relative;z-index:30;display:flex;justify-content:center;padding:0 14px calc(11px + var(--nav-bottom-gap));margin-top:calc(var(--nav-dock-overlap) * -1);pointer-events:none}.bottom-nav-island{position:relative;left:auto;bottom:auto;transform:translateZ(0);z-index:30;width:100%;max-width:360px;pointer-events:none;isolation:isolate}.bottom-nav-island-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:6px 8px;border-radius:999px;background:#ffffff38;backdrop-filter:blur(40px) saturate(190%) brightness(1.08);-webkit-backdrop-filter:blur(40px) saturate(190%) brightness(1.08);border:1px solid rgba(255,255,255,.52);box-shadow:0 12px 40px #2e2b2629,0 2px 8px #2e2b2614,inset 0 1px #ffffffb8,inset 0 -1px #ffffff2e;pointer-events:auto}.bottom-nav-island-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff6b,#ffffff14 45%,#ffffff05);pointer-events:none}.nav-island-item{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:6px 8px;border-radius:999px;color:var(--muted);text-decoration:none;transition:background .25s ease,color .25s ease,flex .25s ease}.nav-island-item.active{flex:1.6;background:#809aef33;color:var(--purple);box-shadow:inset 0 0 0 1px #809aef26}.nav-island-icon-wrap{display:flex;align-items:center;justify-content:center;width:28px;height:28px}.nav-island-item i{font-size:21px;line-height:1}.nav-island-label{font-size:11px;font-weight:800;white-space:nowrap;letter-spacing:-.01em}.bottom-nav{display:none}.btn-oauth{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;border-radius:14px;border:1.5px solid var(--card-border);background:#fff;font-family:Urbanist,sans-serif;font-size:14px;font-weight:700;color:var(--dark);cursor:pointer;transition:opacity .2s}.btn-oauth:disabled{opacity:.6;cursor:not-allowed}.btn-oauth-dark{background:var(--dark);color:#fff;border-color:var(--dark)}.card{background:var(--card-bg);border:.5px solid var(--card-border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.card-sm{background:var(--card-bg);border:.5px solid var(--card-border);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:10px}.progress-wrap{background:#2e2b2614;border-radius:99px;height:7px;overflow:hidden;margin-top:6px}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--purple),#a0b4f5)}.progress-fill-amber{background:linear-gradient(90deg,var(--amber),#f7c06a)}.xp-bar-wrap{background:#809aef26;border-radius:99px;height:8px;overflow:hidden}.xp-bar-fill{height:100%;border-radius:99px;background:var(--purple);width:69%;transition:width .6s ease}.streak-dots{display:flex;gap:6px;margin-top:10px}.streak-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:#2e2b2612;color:var(--muted)}.streak-dot.done{background:var(--purple);color:#fff}.streak-dot.done i{font-size:14px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700}.badge-purple{background:var(--purple-light);color:var(--purple)}.badge-amber{background:#f5a62326;color:var(--amber)}.badge-green{background:#38be6e1f;color:#28a265}.badge-dark{background:var(--dark);color:#fff}.char-wrap{display:flex;justify-content:center;align-items:flex-end;height:200px;margin:8px 0;position:relative}.macro-row{display:flex;gap:8px;margin-top:10px}.macro-pill{flex:1;background:#2e2b260d;border-radius:var(--radius-xs);padding:8px 10px;text-align:center}.macro-pill .val{font-size:16px;font-weight:800;color:var(--dark)}.macro-pill .lbl{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.cal-ring-wrap{display:flex;align-items:center;gap:16px}.leader-top{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.leader-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);border:.5px solid var(--card-border);background:var(--card-bg)}.leader-card.rank-1{border-color:#f5a62366;background:#f5a6230f}.rank-num{font-size:22px;font-weight:900;width:28px;flex-shrink:0}.rank-1 .rank-num{color:var(--amber)}.rank-2 .rank-num{color:#8a9ab5}.rank-3 .rank-num{color:#b08060}.leader-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--purple-light);display:flex;align-items:center;justify-content:center}.leader-info{flex:1}.leader-name{font-size:13px;font-weight:700;color:var(--dark)}.leader-level{font-size:11px;font-weight:600;color:var(--purple)}.leader-list{display:flex;flex-direction:column;gap:0}.leader-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:.5px solid rgba(46,43,38,.06)}.leader-row:last-child{border-bottom:none}.sport-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:12px;font-weight:700;cursor:pointer}.sport-tag.active{background:var(--purple);color:#fff}.sport-tag.inactive{background:#2e2b2612;color:var(--muted)}.set-row{display:flex;gap:8px;margin-top:8px;align-items:center}.set-input{flex:1;background:#2e2b260d;border-radius:var(--radius-xs);padding:8px 10px;text-align:center}.set-input .val{font-size:17px;font-weight:800}.set-input .lbl{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{background:var(--card-bg);border:.5px solid var(--card-border);border-radius:var(--radius-sm);padding:14px}.stat-card .big{font-size:28px;font-weight:900;color:var(--dark)}.stat-card .unit{font-size:13px;font-weight:600;color:var(--muted)}.stat-card .label{font-size:11px;font-weight:600;color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.cosmetic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.cosmetic-item{aspect-ratio:1;border-radius:var(--radius-xs);background:#2e2b260d;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--muted);cursor:pointer;border:1.5px solid transparent;flex-direction:column;gap:4px;position:relative}.cosmetic-item.selected{border-color:var(--purple);background:var(--purple-light);color:var(--purple)}.cosmetic-item.locked{opacity:.45}.cosmetic-item i{font-size:20px}.fab{position:absolute;bottom:96px;right:20px;width:52px;height:52px;background:var(--purple);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 20px #809aef73;cursor:pointer}.fab i{font-size:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-size:15px;font-weight:800;color:var(--dark)}.section-link{font-size:12px;font-weight:700;color:var(--purple)}.page-title{font-size:26px;font-weight:900;color:var(--dark);margin-bottom:4px}.page-sub{font-size:13px;color:var(--muted);font-weight:500;margin-bottom:20px}.meal-row{display:flex;align-items:center;padding:10px 0;border-bottom:.5px solid rgba(46,43,38,.06);gap:10px}.meal-row:last-child{border-bottom:none}.meal-dot{width:8px;height:8px;border-radius:50%;background:var(--purple);flex-shrink:0}.meal-name{flex:1;font-size:13px;font-weight:600;color:var(--dark)}.meal-gram{font-size:12px;color:var(--muted);font-weight:500}.meal-kcal{font-size:13px;font-weight:800;color:var(--dark)}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.photo-card{aspect-ratio:1;border-radius:var(--radius-sm);background:#2e2b2614;overflow:hidden;position:relative;display:flex;align-items:flex-end}.photo-overlay{background:linear-gradient(to top,rgba(46,43,38,.7),transparent);padding:8px;width:100%}.photo-name{font-size:11px;font-weight:700;color:#fff}.photo-time{font-size:10px;color:#ffffffb3}.photo-badge{position:absolute;top:8px;right:8px;background:#f5a623e6;color:#fff;font-size:9px;font-weight:800;padding:2px 7px;border-radius:99px}.segment{display:flex;background:#2e2b2612;border-radius:99px;padding:3px;gap:2px;margin-bottom:16px}.seg-btn{flex:1;text-align:center;padding:7px 4px;border-radius:99px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer}.seg-btn.active{background:#fff;color:var(--dark);box-shadow:0 1px 4px #0000001a}.color-row{display:flex;gap:10px;margin-top:10px}.color-swatch{width:36px;height:36px;border-radius:50%;cursor:pointer;border:3px solid transparent}.color-swatch.selected{border-color:var(--dark)}.notif-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--amber);border-radius:50%;border:1.5px solid white}#root{height:100dvh;height:100svh;display:flex;justify-content:center;align-items:stretch;background:#f0f0f0;overflow:hidden}.app-shell{width:100%;max-width:420px;height:100%;position:relative;flex-shrink:0}.phone-full{display:flex;flex-direction:column;height:100%;max-height:100%;border-radius:0;box-shadow:none;overflow:visible;background:var(--light);position:relative}.phone-viewport{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:inherit}@media(min-width:480px){#root{align-items:center;padding:16px}.app-shell{height:min(844px,calc(100dvh - 32px));height:min(844px,calc(100svh - 32px));border-radius:44px;box-shadow:0 24px 60px #2e2b2624,0 2px 8px #2e2b2614}.phone-viewport{border-radius:44px 44px 0 0}.phone-full{border-radius:44px;box-shadow:none;overflow:visible}}button,.btn-primary,.btn-dark,.btn-ghost{font-family:Urbanist,sans-serif;cursor:pointer}a.nav-item{text-decoration:none;color:inherit}.screen-inner{width:100%}.app-toast{position:fixed;bottom:calc(var(--nav-dock-overlap) + var(--nav-bottom-gap) + 28px);left:50%;transform:translate(-50%) translateY(12px);background:var(--dark);color:#fff;padding:12px 20px;border-radius:14px;font-size:13px;font-weight:700;z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(340px,calc(100vw - 32px));text-align:center;box-shadow:0 8px 24px #2e2b2633}.app-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}input[type=range]{cursor:pointer}.color-swatch,.cosmetic-item:not(.locked),.gender-card,.sport-card,.sport-tag,.leader-card,.leader-row,.seg-btn,.metric-card{cursor:pointer}