@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--g1:#c9d7e5;--g2:#dde6ee;--g3:#eef2f6;--ink:#17222e;--muted:#4b5b6b;--accent:#33475c;--on-accent:#f4f7fa;--glass:#fff9;--edge:#fffc;--cell:#fff;--raise:#dfe7ee;--line:#8fa1b3;--dark:#17222e;--on-dark:#f4f7fa;--lime:#d7f25a;--done:#e6f5b8;--done-edge:#cfe88a;--done-ink:#2f4a0c;--red:#9c2c1f;--red-ink:#7d2418;--red-soft:#f8e2dc;--red-edge:#efc4bb;--lift:0 14px 28px -14px #17222e80;--ui:"Hanken Grotesk Variable", system-ui, sans-serif;--out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--g1:#1f2d3b;--g2:#151f29;--g3:#0e151c;--ink:#e9eff4;--muted:#a9b8c6;--accent:#9fb6cc;--on-accent:#10181f;--glass:#ffffff12;--edge:#ffffff1f;--cell:#223040;--raise:#2a3948;--line:#50647a;--dark:#e9eff4;--on-dark:#10181f;--done:#2a3a14;--done-edge:#40561f;--done-ink:#d7f25a;--red:#ff9c8c;--red-ink:#ffb3a6;--red-soft:#44201b;--red-edge:#6a2e26;--lift:0 14px 28px -14px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--g3)}body{min-height:100dvh;color:var(--ink);font:16px/1.4 var(--ui);-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}body:before{content:"";z-index:-1;background:linear-gradient(180deg, var(--g1) 0%, var(--g2) 36%, var(--g3) 100%);position:fixed;inset:0}::selection{background:var(--lime);color:#17222e}input,select,textarea,button{font:inherit;color:inherit;caret-color:var(--accent)}button{cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}a{color:var(--ink);text-underline-offset:3px}h1,h2{text-wrap:balance}h1{letter-spacing:-.02em;font-size:34px;font-weight:300;line-height:1.1}h1 b,.hero h2 b{font-weight:600}h2{letter-spacing:-.01em;margin:30px 2px 10px;font-size:21px;font-weight:500}.card h2{margin:0 0 8px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:14px}.stack{gap:12px;display:grid}svg.i{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.wrap{max-width:560px;padding:0 max(16px, env(safe-area-inset-right)) 180px max(16px, env(safe-area-inset-left));margin:0 auto}.top{padding:calc(env(safe-area-inset-top) + 22px) 0 16px;align-items:center;gap:12px;display:flex}.top>div{flex:1;min-width:0}.top h1{overflow-wrap:anywhere;margin:0}.wrap>.field,.wrap>form.card{margin-bottom:16px}.top p{color:var(--muted);margin:0;font-size:15px}.round{border:1px solid var(--edge);background:var(--glass);-webkit-backdrop-filter:blur(14px);width:48px;height:48px;transition:transform .2s var(--out);border-radius:50%;flex:none;place-items:center;display:grid}.round:active,.btn:active,.start:active{transform:scale(.96)}.round.dark{background:var(--dark);color:var(--on-dark);border-color:#0000}.round:disabled{opacity:.4;cursor:not-allowed}.pair{border:1px solid var(--edge);background:var(--glass);-webkit-backdrop-filter:blur(14px);border-radius:999px;gap:4px;padding:4px;display:flex}.top>.pair{flex:none}.pair .round{-webkit-backdrop-filter:none;border:0;width:46px;height:46px}.pair .round:not(.dark){background:0 0}.btn{background:var(--accent);min-height:52px;color:var(--on-accent);transition:transform .2s var(--out);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:var(--glass);border:1px solid var(--edge);color:var(--ink)}.btn.danger{color:var(--red)}.btn.block{width:100%;min-height:58px;font-size:17px;display:flex}.link{min-width:44px;min-height:44px;color:var(--ink);text-underline-offset:3px;padding:8px 4px;font-weight:500;text-decoration:underline}.chip{background:var(--glass);border-radius:999px;min-width:52px;min-height:44px;font-weight:600}.tag{background:var(--raise);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}.tag.done{background:var(--done);color:var(--done-ink)}.tag.best{background:var(--lime);color:#17222e;padding:4px 10px}.note-in{margin-top:20px}.list+.addset{margin-top:10px}.copy{margin-top:12px}.btn:disabled{opacity:.5}.card{background:var(--glass);border:1px solid var(--edge);-webkit-backdrop-filter:blur(14px);border-radius:22px;padding:16px}.error{color:var(--red-ink);background:var(--red-soft);border:1px solid var(--red-edge);border-radius:16px;margin:0;padding:10px 14px}.ok{color:var(--done-ink);background:var(--done);border:1px solid var(--done-edge);border-radius:16px;margin:0;padding:10px 14px}.hint{color:var(--muted);margin:4px 0 0;font-size:14px}.field{gap:6px;font-size:15px;font-weight:500;display:grid}.field input,.field select,.field textarea,.linkbox input{background:var(--cell);border:1px solid var(--line);border-radius:16px;width:100%;min-height:52px;padding:10px 14px;font-size:17px;font-weight:400}.field input[type=search]{border-color:var(--edge);border-radius:999px;padding-inline:20px}input[type=search]::-webkit-search-cancel-button{filter:grayscale()brightness(.25)}.field textarea{resize:vertical;min-height:96px}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.check{align-items:center;gap:12px;min-height:48px;font-weight:500;display:flex}.check input{width:24px;height:24px;accent-color:var(--accent)}fieldset{border:0;margin:0}fieldset.card{border:1px solid var(--edge)}legend{float:left;width:100%;margin-bottom:6px;padding:0;font-size:18px;font-weight:500}legend+*{clear:both}select{appearance:auto}.auth{padding-top:calc(env(safe-area-inset-top) + 40px)}.brand{align-items:center;gap:12px;margin-bottom:18px;display:flex}.brand h1{margin:0;font-weight:600}.logo{flex:none;width:52px;height:52px}.logo-bg{fill:var(--accent)}.logo-mark{stroke:var(--on-accent);stroke-width:4.5px;stroke-linecap:round;fill:none}.logo-dot{fill:var(--lime)}.lead{font-size:19px}.install{margin:8px 0 20px}.install ol{margin:8px 0 0;padding-left:22px}.install li{margin:6px 0}.hero{color:#f4f7fa;background:#4a6079 50%/cover;border-radius:30px;height:318px;position:relative;overflow:hidden;box-shadow:0 18px 30px -18px #17222e8c}.hero:before{content:"";background:linear-gradient(#17222e00 30%,#17222ebd 100%);position:absolute;inset:0}.hero>*{position:relative}.hero.short{height:178px}.hero.short:before{background:linear-gradient(#17222e1a 0%,#17222ec2 100%)}.hero-chips{gap:8px;display:flex;position:absolute;top:16px;left:16px;right:16px}.gchip{-webkit-backdrop-filter:blur(12px);color:#f4f7fa;background:#17222e80;border:1px solid #ffffff4d;border-radius:999px;padding:7px 13px;font-size:14px;font-weight:500}a.gchip,button.gchip{align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;font-size:15px;text-decoration:none;display:flex;position:absolute;top:14px;right:14px}a.gchip svg,button.gchip svg{fill:currentColor;stroke:none;width:18px;height:18px}.hero-t{position:absolute;bottom:84px;left:20px;right:20px}.hero.short .hero-t{bottom:16px}.hero-t p{color:#f4f7fae0;margin:0 0 4px;font-size:15px}.hero h2{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:32px;font-weight:300;line-height:1.1}.hero-b{align-items:center;gap:10px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.hero-b .gchip{font-variant-numeric:tabular-nums;white-space:nowrap;place-items:center;height:58px;padding:0 18px;font-size:15px;display:grid}.start{color:#17222e;text-align:left;min-width:0;height:58px;transition:transform .2s var(--out);background:#f4f7fa;border-radius:999px;flex:1;align-items:center;gap:14px;padding:0 22px 0 6px;font-size:17px;font-weight:600;display:flex}.start>span{color:#f4f7fa;width:46px;height:46px;transition:transform .35s var(--out);background:#33475c;border-radius:50%;flex:none;place-items:center;display:grid}.start:active>span{transform:translate(4px)}.start.next{box-shadow:var(--lift);justify-content:space-between;padding:0 6px 0 24px}.start.next b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.sync{min-height:0;margin:0;font-weight:600}.sync:not(:empty){padding:10px 0 0}.from-coach{margin:0 0 16px}.from-coach p{margin:6px 0 0}.empty{text-align:center;padding:48px 0}.empty .big{letter-spacing:-.01em;text-wrap:balance;margin:0 0 6px;font-size:26px;font-weight:500}.thumb{background:var(--accent) center / cover;width:58px;height:58px;color:var(--on-accent);font-variant-numeric:tabular-nums;border-radius:16px;flex:none;place-items:center;font-size:19px;font-weight:600;display:grid}.finish{margin-top:24px}.logging>:not(.nextbar){animation:rise .35s var(--out) backwards}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.logtop{padding:calc(env(safe-area-inset-top) + 22px) 0 16px;align-items:center;gap:12px;display:flex}.logtop>div{flex:1;min-width:0}.logtop p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;overflow:hidden}.meter{background:var(--glass);border-radius:999px;height:6px;margin-top:6px;overflow:hidden}.meter i{background:var(--accent);height:100%;transition:width .5s var(--out);border-radius:999px;display:block}table.sets{border-collapse:separate;border-spacing:0 8px;font-variant-numeric:tabular-nums;table-layout:fixed;width:100%;margin-top:8px}.sets th{color:var(--muted);text-align:center;padding:0 4px;font-size:13px;font-weight:500}.sets th:first-child{width:56px}.sets th:last-child{width:64px}.sets td{text-align:center;background:var(--glass);border-block:1px solid var(--edge);padding:8px 4px}.sets td:first-child{border-left:1px solid var(--edge);border-radius:22px 0 0 22px;padding-left:8px}.sets td:last-child{border-right:1px solid var(--edge);border-radius:0 22px 22px 0;padding-right:8px}.sets tr.done td{background:var(--done);border-color:var(--done-edge)}.setno{background:var(--cell);border-radius:50%;place-items:center;width:40px;height:40px;font-weight:600;display:grid}tr.done .setno{background:var(--lime);color:#17222e}.prev{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.num{background:var(--cell);text-align:center;font-variant-numeric:tabular-nums;border:0;border-radius:14px;width:100%;height:48px;font-size:19px;font-weight:600}tr.done .num{background:color-mix(in srgb, var(--cell) 55%, transparent)}.chk{background:var(--raise);width:48px;height:48px;color:var(--muted);transition:background .2s, transform .2s var(--out);border-radius:50%;place-items:center;display:inline-grid}.chk:active{transform:scale(.9)}.chk svg{stroke-width:2.4px}tr.done .chk{background:var(--done-ink);color:var(--done)}.sets.log th:first-child{width:44%}.sets.log th:last-child{width:auto}.sets.log td:first-child{text-align:left;padding-left:16px}.addset{border:1.5px dashed var(--line);border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:0 16px;font-weight:600;display:flex}.note{margin-top:16px;padding:12px 16px}.note p{margin:0}.nextbar{z-index:7;padding:0 max(18px, env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nextbar .start{pointer-events:auto;max-width:524px}.rest{left:max(18px, env(safe-area-inset-left));right:max(18px, env(safe-area-inset-right));bottom:calc(92px + env(safe-area-inset-bottom));z-index:6;color:#f4f7fa;max-width:524px;min-height:64px;box-shadow:var(--lift);animation:rise .35s var(--out);background:#17222e;border-radius:999px;align-items:center;gap:10px;margin:0 auto;padding:8px 8px 8px 20px;display:flex;position:fixed}.rest .small{color:#c3cfdb}.rest .t{font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.rest .bar{background:#ffffff2e;border-radius:999px;flex:1;min-width:12px;height:6px;overflow:hidden}.rest .bar i{background:var(--lime);border-radius:999px;height:100%;transition:width 1s linear;display:block}.rest .chip{color:#f4f7fa;font-variant-numeric:tabular-nums;background:#ffffff24;min-width:44px;font-size:14px}.rest .btn{color:#17222e;background:#f4f7fa;min-height:48px;padding:0 18px}.tabs{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:7;border:1px solid var(--edge);background:var(--glass);-webkit-backdrop-filter:blur(18px);box-shadow:var(--lift);border-radius:999px;gap:6px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}.tabs button{background:color-mix(in srgb, var(--cell) 85%, transparent);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:9px;width:50px;height:50px;font-size:15px;font-weight:600;display:flex}.tabs button[aria-current=page]{background:var(--dark);width:auto;color:var(--on-dark);padding:0 20px 0 16px}body:has(.logging) .tabs{display:none}.week{margin:0 0 18px}.cal-h{align-items:center;gap:6px;margin-bottom:10px;display:flex}.cal-h b{letter-spacing:-.01em;flex:1;font-size:21px;font-weight:500}.cal-h .round{width:44px;height:44px}.week-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.wd{border:1px solid var(--edge);background:color-mix(in srgb, var(--glass) 85%, transparent);-webkit-backdrop-filter:blur(14px);height:88px;color:var(--muted);transition:background .25s, transform .2s var(--out);border-radius:999px;flex-direction:column;justify-content:space-between;align-items:center;padding:8px 0 5px;font-size:13px;font-weight:500;display:flex}.wd:active{transform:scale(.95)}.wd b{background:var(--cell);width:38px;max-width:100%;height:38px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:16px;font-weight:600;display:grid}.wd.open b{box-shadow:inset 0 0 0 2px var(--ink)}.wd.done b{background:var(--lime);color:#17222e}.wd[aria-current=date] span{color:var(--ink);font-weight:700}.wd[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 12px 20px -12px #17222eb3}.wd[aria-pressed=true] span{color:var(--on-accent)}.month{background:var(--lime);color:#17222e;border-radius:30px;padding:14px 10px 10px}.month .cal-h{margin:0 6px 8px}.month .cal-h .round{-webkit-backdrop-filter:none;color:#17222e;background:#ffffffa6;border:0}.month .link{color:#17222e}.month-grid{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.month-grid>span{color:#3d4f1c;padding-bottom:2px;font-size:13px;font-weight:500}.md{color:#17222e;font-variant-numeric:tabular-nums;background:#ffffffc7;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:46px;font-size:15px;font-weight:600;display:flex}.md i{border-radius:50%;width:5px;height:5px}.md.open i{background:#17222e}.md.done i{background:#5d7d14}.md[aria-current=date]{box-shadow:inset 0 0 0 2px #17222e}.md[aria-pressed=true]{color:#f4f7fa;background:#17222e}.md[aria-pressed=true] i{background:var(--lime)}.h-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.h-row h2{flex:1}.list{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.row{text-align:left;background:var(--glass);border:1px solid var(--edge);-webkit-backdrop-filter:blur(14px);width:100%;min-height:64px;transition:transform .2s var(--out);border-radius:22px;align-items:center;gap:12px;padding:8px 14px 8px 8px;display:flex}button.row:active{transform:scale(.985)}.row-t{flex:1;gap:1px;min-width:0;padding-left:6px;display:grid}.thumb+.row-t,.who+.row-t{padding-left:0}.row-t>:first-child{overflow-wrap:anywhere;font-size:17px;font-weight:600}.row-t .small,.row>svg{color:var(--muted)}.who{background:var(--accent);width:50px;height:50px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.row.stale{background:var(--red-soft);border-color:var(--red-edge);-webkit-backdrop-filter:none}.row.stale .who{background:var(--red);color:var(--red-soft)}.row.stale .small,.row.stale>svg{color:var(--red-ink)}.linkbox{gap:8px;display:grid}.linkbox p{margin:0}.btnrow{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.btnrow .btn{flex:1;min-width:64px}.ex-h{justify-content:space-between;align-items:center;gap:10px;display:flex}.minis{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;margin-top:10px;display:grid}.mini{color:var(--muted);gap:4px;font-size:13px;font-weight:500;display:grid}.mini input{border:1px solid var(--line);background:var(--cell);text-align:center;width:100%;height:48px;color:var(--ink);border-radius:14px;font-size:17px;font-weight:600}.item .field{margin-top:10px}.comment{background:var(--raise);border-radius:16px;margin:8px 0 0;padding:10px 14px}.comment-form{border-top:1px solid var(--line);gap:8px;margin-top:12px;padding-top:12px;display:grid}.foot{flex-wrap:wrap;gap:4px 20px;margin-top:8px;display:flex}.spark{margin:0}.spark svg{width:100%;height:90px;display:block}.spark .axis{stroke:var(--line);fill:none}.spark .line{stroke:var(--accent);stroke-width:3px;fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.spark .dot{fill:var(--accent)}.prs{margin:0;padding-left:20px}.prs li{margin:4px 0}.demo{justify-items:center;display:grid}.logging>.card{margin:12px 0 4px}.flip{aspect-ratio:3/4;background:#fff;border-radius:18px;width:min(100%,260px);position:relative;overflow:hidden}.flip.stack{aspect-ratio:4/3;width:100%}.flip i{background:var(--img) 0 0 / 200% 100% no-repeat;position:absolute;inset:0}.flip i+i{background-position:100% 0;animation:2.6s infinite flip}.flip.stack i{background-size:100% 200%}.flip.stack i+i{background-position:0 100%}@keyframes flip{0%,42%{opacity:0}50%,92%{opacity:1}to{opacity:0}}.demo-pair{background:#fff;border-radius:18px;width:100%}.demo+.check{margin-top:8px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}