@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-vietnamese-500-normal-DJF-uNlS.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-500-normal-BiFOxWMd.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-ext-500-normal-8xWaBKho.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-500-normal-aT87XWLU.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BZhxI-S8.woff2) format("woff2"),url(/assets/barlow-condensed-latin-500-normal-CgFv4DbK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.app{position:relative;max-width:480px;min-height:100dvh;margin:0 auto;background:var(--bg-haze),var(--bg);background-repeat:no-repeat}.app.with-nav{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px)}.screen{padding:calc(env(safe-area-inset-top) + 14px) var(--gutter) 24px;animation:enter .42s var(--ease) both}@keyframes enter{0%{opacity:0;transform:translateY(10px)}}.topbar{display:flex;align-items:center;gap:14px;min-height:52px;margin-bottom:18px}.topbar h1{flex:1;font-size:26px}.brand{display:flex;align-items:center;gap:10px;flex:1;font-family:var(--font-head);font-weight:700;font-size:22px;letter-spacing:-.02em}.icon-btn{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink);transition:transform .18s var(--ease)}.icon-btn:active{transform:scale(.94)}.page-title{font-size:34px;letter-spacing:-.03em}.lead{margin-top:8px;color:var(--ink-2);font-size:16px}.section{margin-top:28px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.section-head h2{font-size:19px}.link{color:var(--slate-500);font-weight:600;font-size:15px}.stack{display:grid;gap:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.card.pad{padding:20px}.card.soft{background:var(--surface-soft);box-shadow:none}.hero{position:relative;overflow:hidden;padding:22px;border-radius:var(--r-lg);background:var(--grad-slate);color:#fff;box-shadow:var(--shadow-btn)}.hero:after{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.14);pointer-events:none}.hero h2,.hero h3{color:#fff}.hero .muted{color:#ffffffc7}.hero-label{display:flex;align-items:center;gap:8px;color:#ffffffd1;font-size:14px}.row{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}button.row:active,a.row:active{transform:scale(.985)}.row .body{flex:1;min-width:0}.row .title{font-family:var(--font-head);font-weight:700;font-size:17px;letter-spacing:-.01em;line-height:1.25}.row .sub{margin-top:2px;color:var(--ink-3);font-size:14.5px}.row .chev{color:var(--ink-3);flex:none}.tile{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:16px;background:var(--slate-50);color:var(--slate-700)}.tile.sm{width:40px;height:40px;border-radius:13px}.tile.dark{background:#ffffff29;color:#fff}.list-in-card>*+*{border-top:1px solid var(--line)}.list-in-card .row{border:0;border-radius:0;box-shadow:none;background:transparent}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--r-pill);background:var(--slate-100);color:var(--slate-900);font-weight:700;font-size:13px;white-space:nowrap}.badge.blue{background:var(--blue);color:#fff}.badge.soft-blue{background:var(--blue-soft);color:#1d4fb0}.badge.light{background:#ffffff2e;color:#fff}.seg{display:flex;gap:4px;padding:5px;border-radius:var(--r-pill);background:var(--surface-sunk)}.seg button{flex:1;padding:11px 10px;border-radius:var(--r-pill);color:var(--ink-3);font-family:var(--font-head);font-weight:700;font-size:15px;transition:background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}.seg button[aria-pressed=true]{background:var(--surface);color:var(--slate-900);box-shadow:0 2px 8px #1428321a}.metric{font-family:var(--font-metric);font-weight:600;letter-spacing:-.01em;line-height:1}.metric.xl{font-size:64px}.metric.lg{font-size:44px}.metric.md{font-size:32px}.unit{margin-left:6px;font-family:var(--font-head);font-weight:700;font-size:17px;letter-spacing:-.01em}.stat{padding:16px 14px}.stat .label{display:flex;align-items:center;gap:6px;color:var(--ink-2);font-weight:600;font-size:14px}.stat .metric{margin-top:10px;font-size:32px}.stat .of{margin-top:4px;color:var(--ink-3);font-size:13px}.muted{color:var(--ink-3)}.small{font-size:14px}.progress{height:8px;margin-top:10px;overflow:hidden;border-radius:var(--r-pill);background:var(--slate-100)}.progress>span{display:block;height:100%;border-radius:inherit;background:var(--grad-blue);transition:width .6s var(--ease)}.hero .progress{background:#fff3}.hero .progress>span{background:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;padding:0 24px;border-radius:var(--r-lg);background:var(--grad-slate);color:#fff;font-family:var(--font-head);font-weight:700;font-size:18px;box-shadow:var(--shadow-btn);transition:transform .18s var(--ease),opacity .18s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn.blue{background:var(--blue);box-shadow:0 10px 24px #2a6de847}.btn.ghost{background:var(--surface);color:var(--slate-900);border:1px solid var(--line-strong);box-shadow:none}.btn.danger{background:var(--danger);box-shadow:none}.btn.sm{width:auto;min-height:44px;padding:0 18px;border-radius:var(--r-pill);font-size:15px}.text-btn{color:var(--slate-500);font-weight:700}.field{display:grid;gap:6px}.field>span{color:var(--ink-2);font-size:14px;font-weight:500}.input,.select{width:100%;min-height:56px;padding:0 16px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface-soft);font-size:18px;transition:border-color .2s,background .2s}.input:focus,.select:focus{outline:none;border-color:var(--slate-500);background:var(--surface)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%2314212a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.search{position:relative}.search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--ink-3)}.search .input{padding-left:50px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);border-color:var(--line)}.form-error{padding:12px 14px;border-radius:var(--r-md);background:var(--danger-soft);color:var(--danger);font-size:14px}.chips{display:flex;gap:8px;overflow-x:auto;margin:0 calc(var(--gutter) * -1);padding:2px var(--gutter) 6px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;padding:11px 18px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-weight:600;font-size:15px}.chip[aria-pressed=true]{background:var(--slate-900);border-color:var(--slate-900);color:#fff}.check{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line-strong);background:var(--surface-soft);color:#fff;transition:background .2s var(--ease),border-color .2s}.check[aria-checked=true],.check.on{background:var(--blue);border-color:var(--blue)}.week{display:flex;justify-content:space-between;margin-top:14px}.week .day{display:grid;justify-items:center;gap:8px;color:var(--ink-3);font-weight:700;font-size:13px}.week .dot{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--surface-sunk);color:#fff}.week .dot.on{background:var(--slate-700)}.week .dot.today{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--blue-bright)}.note{display:flex;gap:12px;padding:14px 16px;border-radius:var(--r-md);background:var(--slate-50);color:var(--ink-2);font-size:14.5px}.note svg{flex:none;margin-top:2px}.empty{display:grid;justify-items:center;gap:10px;padding:28px 22px;text-align:center}.empty .tile{width:56px;height:56px}.empty p{max-width:300px;color:var(--ink-3)}.skeleton{height:74px;border-radius:var(--r-lg);background:linear-gradient(90deg,var(--surface-sunk),var(--surface-soft),var(--surface-sunk));background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:20;display:flex;width:100%;max-width:480px;padding:8px 6px calc(env(safe-area-inset-bottom) + 8px);transform:translate(-50%);background:#fafcfde0;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-top:1px solid var(--line)}.bottom-nav a{position:relative;display:grid;justify-items:center;gap:4px;flex:1;padding:6px 0 10px;color:var(--ink-3);font-size:12.5px;font-weight:500}.bottom-nav a.active{color:var(--ink);font-weight:700}.bottom-nav a.active:after{content:"";position:absolute;bottom:0;width:5px;height:5px;border-radius:50%;background:var(--blue)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;background:#0e1a2161;animation:fade .2s ease both}.sheet{width:100%;max-width:480px;max-height:88dvh;overflow-y:auto;padding:10px var(--gutter) calc(env(safe-area-inset-bottom) + 22px);border-radius:28px 28px 0 0;background:var(--bg);animation:rise .34s var(--ease) both}.sheet .grab{width:44px;height:5px;margin:0 auto 16px;border-radius:var(--r-pill);background:var(--line-strong)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(40px);opacity:0}}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 18px);z-index:50;padding:12px 18px;border-radius:var(--r-pill);background:var(--slate-900);color:#fff;font-weight:600;font-size:15px;transform:translate(-50%);box-shadow:var(--shadow-lift);animation:rise .3s var(--ease) both;white-space:nowrap}.chart{width:100%;height:auto;margin-top:18px;overflow:visible}.chart-axis{display:flex;justify-content:space-between;margin-top:10px;color:var(--ink-3);font-size:13px}.sets{display:grid;gap:8px;margin-top:14px}.sets-head,.set-row{display:grid;grid-template-columns:44px 40px 1fr 1fr;align-items:center;gap:8px;text-align:center}.sets-head{color:var(--ink-3);font-size:13px;font-weight:600}.set-row{padding:6px;border-radius:var(--r-md);background:var(--surface-soft)}.set-row.done{background:var(--blue-soft)}.set-row .input{min-height:44px;padding:0 8px;text-align:center;font-weight:700;font-size:17px;background:var(--surface)}.set-row .n{font-weight:700}.timer{display:flex;align-items:center;gap:14px;padding:14px 16px}.steps{margin-top:26px}.steps-label{display:flex;justify-content:space-between;color:var(--ink-3);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.steps-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.steps-bars span{height:6px;border-radius:var(--r-pill);background:var(--surface-sunk);transition:background .3s var(--ease)}.steps-bars span.on{background:var(--slate-700)}.row.option[aria-pressed=true]{border-color:var(--slate-500);background:var(--slate-50);box-shadow:0 0 0 1px var(--slate-500),var(--shadow-card)}.icon-btn.avatar{background:linear-gradient(135deg,var(--slate-300),var(--slate-700));color:#fff;font-family:var(--font-head);font-weight:700;font-size:15px}.workout-card{display:block;width:100%;min-height:150px;padding-right:96px;text-align:left}.workout-card .eyebrow{color:#ffffffc7;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.workout-card .play{position:absolute;right:22px;top:50%;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fff;color:var(--slate-900);transform:translateY(-50%);box-shadow:0 8px 20px #0000002e}.meal-dots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.meal-dot{display:grid;justify-items:center;gap:6px;color:var(--ink-3);font-size:12.5px;font-weight:600}.meal-dot .ring{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1.5px dashed var(--line-strong);color:var(--ink-2)}.meal-dot.done{color:var(--ink)}.meal-dot.done .ring{border:0;background:var(--blue);color:#fff}.week.light .day{color:#ffffffbf}.week.light .dot{background:#ffffff29}.week.light .dot.on{background:#fff;color:var(--slate-900)}.week.light .dot.today{box-shadow:0 0 0 2px var(--slate-900),0 0 0 4px var(--blue-bright)}.quick{display:grid;justify-items:center;gap:10px;padding:18px 8px;text-align:center;color:var(--slate-900);font-family:var(--font-head);font-weight:700;font-size:14.5px;line-height:1.2}.avatar-lg,.avatar-sm{display:grid;place-items:center;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--slate-300),var(--slate-700));color:#fff;font-family:var(--font-head);font-weight:700}.avatar-lg{width:56px;height:56px;font-size:19px}.avatar-sm{width:38px;height:38px;font-size:14px}.rank{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:var(--surface-sunk);color:var(--ink-2);font-family:var(--font-metric);font-weight:600;font-size:18px}.rank.top{background:var(--blue);color:#fff}.switch{position:relative;flex:none;width:50px;height:30px;border-radius:var(--r-pill);background:var(--surface-sunk);transition:background .2s var(--ease)}.switch:after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .22s var(--ease)}.switch.on{background:var(--blue)}.switch.on:after{transform:translate(20px)}.composer{margin-top:18px}.post{padding:18px}.post-head{display:flex;align-items:center;gap:12px}.post-name{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-head);font-weight:700;font-size:16px}.verified{color:var(--blue)}.post-body{margin-top:12px;color:var(--ink);white-space:pre-line}.post-panel{margin-top:14px;padding:16px;border-radius:var(--r-md);background:var(--slate-50)}.post-panel .eyebrow{color:var(--slate-500);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.post-panel h3{margin-top:4px;font-size:20px}.post-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.post-metrics>div{display:grid;gap:2px}.post-metrics .metric{font-size:30px}.post-metrics.light .muted{color:#ffffffbf}.post-records{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.post-panel .week .dot{width:30px;height:30px}.post-foot{display:flex;gap:8px;margin-top:14px}.clap{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:var(--r-pill);background:var(--surface-soft);border:1px solid var(--line);color:var(--ink-2);font-weight:600;font-size:14px}.clap.on{background:var(--blue);border-color:var(--blue);color:#fff}.avatar-lg.light{background:#fff3}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.story-preview{width:min(62%,240px);aspect-ratio:9 / 16;margin:0 auto;overflow:hidden;border-radius:18px;box-shadow:var(--shadow-lift);background:var(--surface-sunk)}.story-preview img{display:block;width:100%;height:100%}.story-preview.checker{background:repeating-conic-gradient(#8fa3ab 0,#8fa3ab 25%,#6d828b 0,#6d828b 50%) 0 0 / 22px 22px}.stat{display:flex;flex-direction:column;align-items:stretch;text-align:left}.stat .progress{margin-top:auto;padding-top:0}.stat .of{margin-bottom:10px}.avatar{position:relative;display:grid;place-items:center;flex:none;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,var(--slate-300),var(--slate-700));color:#fff;font-family:var(--font-head);font-weight:700}.avatar.light{background:#fff3}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-btn{display:inline-flex;border-radius:50%;box-shadow:var(--shadow-card)}.avatar-edit{position:relative;flex:none;border-radius:50%}.avatar-edit-badge{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:3px solid var(--surface);background:var(--blue);color:#fff}.post-menu{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--ink-3)}.post-menu:hover{background:var(--surface-soft);color:var(--danger)}.post-images{display:grid;gap:4px;margin-top:12px;overflow:hidden;border-radius:var(--r-md)}.post-images button{display:block;padding:0;overflow:hidden;background:var(--surface-sunk)}.post-images img{display:block;width:100%;height:100%;object-fit:cover}.post-images.n1 button{aspect-ratio:4 / 5;max-height:460px}.post-images.n2{grid-template-columns:1fr 1fr}.post-images.n2 button{aspect-ratio:4 / 5}.post-images.n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1}.post-images.n3 button:first-child{grid-row:span 2}.post-images.n4{grid-template-columns:1fr 1fr}.post-images.n4 button{aspect-ratio:1}.meal-list{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none}.meal-list li{display:flex;justify-content:space-between;gap:12px;font-size:15px}.clap.active{border-color:var(--slate-500);color:var(--slate-900)}.comments{display:grid;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.comment{display:flex;align-items:flex-start;gap:10px}.comment-body{flex:1;min-width:0;padding:10px 12px;border-radius:14px;background:var(--surface-soft)}.comment-name{font-family:var(--font-head);font-weight:700;font-size:14px}.comment-body p{margin-top:2px;font-size:15px;white-space:pre-line;overflow-wrap:anywhere}.comment-form{display:flex;gap:8px}.comment-form .input{min-height:46px;font-size:16px}.icon-btn.send{width:46px;height:46px;background:var(--blue);color:#fff;box-shadow:none}.icon-btn.send:disabled{opacity:.4}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:#081014eb;animation:fade .2s ease both}.lightbox img{max-width:100%;max-height:100%;border-radius:12px}.composer-thumbs{display:flex;gap:8px;flex-wrap:wrap}.composer-thumbs .thumb{position:relative;width:74px;height:74px;overflow:hidden;border-radius:14px;background:var(--surface-sunk)}.composer-thumbs .thumb img{width:100%;height:100%;object-fit:cover}.composer-thumbs .thumb button{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#081014b3;color:#fff}.attach-row{display:flex;flex-wrap:wrap;gap:8px}.attach-row .chip{display:inline-flex;align-items:center;gap:6px}.attached{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-md);background:var(--slate-50);font-weight:600}.attached span{flex:1;min-width:0}.suggest-row{display:flex;gap:10px;margin:0 calc(var(--gutter) * -1);padding:2px var(--gutter) 6px;overflow-x:auto;scrollbar-width:none}.suggest{display:grid;flex:none;justify-items:center;gap:8px;width:128px;padding:16px 10px;text-align:center}.suggest .name{max-width:100%;overflow:hidden;font-family:var(--font-head);font-weight:700;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.legal h2{margin-top:10px;font-size:26px}.legal h3{margin-top:26px;font-size:18px}.legal p,.legal li{margin-top:10px;color:var(--ink-2);line-height:1.6}.legal ul{padding-left:20px}.legal a{color:var(--blue);font-weight:600}.mini-week{display:flex;gap:4px;margin-top:8px}.mini-week i{width:18px;height:6px;border-radius:999px;background:var(--surface-sunk)}.mini-week i.on{background:var(--blue)}.badge.warn{background:var(--danger-soft);color:var(--danger)}.badge.off{background:var(--surface-sunk);color:var(--ink-3)}.plan-option{display:grid;gap:8px;padding:12px;border-radius:var(--r-md);background:var(--surface-soft)}.plan-option-head{display:flex;align-items:center;gap:10px}.plan-option-head strong{flex:1;font-family:var(--font-head)}.plan-item{display:grid;grid-template-columns:1fr 64px 1fr 32px;gap:6px;align-items:center}.plan-item .input{min-height:42px;padding:0 10px;font-size:15px;background:var(--surface)}@media (max-width: 420px){.plan-item{grid-template-columns:1fr 58px 32px}.plan-item .input:nth-child(3){grid-column:1 / 3;grid-row:2}}