@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2)format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff)format("woff")}:root{--bg:#080b09;--sheet-bg:#0f140f;--fg:#edf2ec;--fg-85:#edf2ecd9;--fg-82:#edf2ecd1;--fg-72:#edf2ecb8;--fg-60:#edf2ec99;--fg-55:#edf2ec8c;--fg-50:#edf2ec80;--fg-45:#edf2ec73;--fg-40:#edf2ec66;--fg-35:#edf2ec59;--fg-30:#edf2ec4d;--accent:#b2f24d;--accent-hover:#c4f96e;--accent-ink:#0b1004;--accent-07:#b2f24d12;--accent-12:#b2f24d1f;--accent-14:#b2f24d24;--accent-16:#b2f24d29;--accent-20:#b2f24d33;--accent-28:#b2f24d47;--accent-40:#b2f24d66;--accent-55:#b2f24d8c;--accent-62:#b2f24d9e;--warn:#f2d14d;--down:#f28b6b;--danger:#ff7a7a;--mg-chest:#3987e5;--mg-back:#d95926;--mg-shoulders:#9085e9;--mg-arms:#c98500;--mg-legs:#d55181;--mg-core:#008300;--surface-025:#ffffff06;--surface-035:#ffffff09;--surface-04:#ffffff0a;--surface-045:#ffffff0b;--surface-05:#ffffff0d;--surface-06:#ffffff0f;--surface-12:#ffffff1f;--line-05:#ffffff0d;--line-06:#ffffff0f;--line-07:#ffffff12;--line-08:#ffffff14;--line-09:#ffffff17;--line-12:#ffffff1f;--font-body:"IBM Plex Sans Thai", system-ui, sans-serif;--font-num:"Space Grotesk", "IBM Plex Sans Thai", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--column:480px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{background:radial-gradient(120% 55% at 80% -12%, #b2f24d12, transparent 62%) no-repeat, var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0}h1,h2,h3,p{font:inherit;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:0}@keyframes pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}.app{max-width:var(--column);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;position:relative}.topbar{z-index:45;padding:calc(var(--safe-top) + 10px) 20px 10px;border-bottom:1px solid var(--line-06);-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:#080b09cc;position:sticky;top:0}.topbar__inner{justify-content:space-between;align-items:center;gap:10px;display:flex}.brand{align-items:center;gap:9px;min-width:0;display:flex}.brand__mark{border:1px solid var(--accent-28);background:linear-gradient(145deg, var(--accent-20), var(--accent-07));width:34px;height:34px;color:var(--accent);border-radius:11px;flex:none;place-items:center;display:grid;box-shadow:0 8px 20px -12px #b2f24db3}.brand__word{font-family:var(--font-num);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;font-weight:600;line-height:1;overflow:hidden}.brand__tld{color:var(--accent)}.level-strip{border:1px solid var(--accent-16);background:var(--accent-07);width:100%;color:inherit;text-align:left;border-radius:16px;align-items:center;gap:10px;margin-top:10px;padding:7px 12px 7px 7px;display:flex}.level-strip--waiting{color:var(--fg-50);justify-content:center;padding:10px 12px;font-size:.8125rem}.level-strip__badge{filter:drop-shadow(0 3px 10px #b2f24d33);flex:none}.level-strip__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.level-strip__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.level-strip__name{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:.9688rem;font-weight:600;overflow:hidden}.level-strip__rank{color:var(--fg-85);margin-left:6px;font-weight:500}.level-strip__pct{color:var(--accent);font-family:var(--font-num);font-variant-numeric:tabular-nums;flex:none;font-size:1rem;font-weight:700}.level-strip__bar{background:var(--surface-06);border-radius:999px;height:6px;display:block;overflow:hidden}.level-strip__fill{border-radius:inherit;background:var(--accent);height:100%;transition:width .6s;display:block;box-shadow:0 0 10px #b2f24d73}.level-strip__next{color:var(--fg-50);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.topbar__actions{flex:none;align-items:center;gap:8px;display:flex}.install-pill{background:var(--accent);height:40px;color:var(--accent-ink);white-space:nowrap;border-radius:14px;align-items:center;gap:6px;padding:0 14px 0 12px;font-size:.9375rem;font-weight:600;transition:background .15s;display:flex}.install-pill:hover{background:var(--accent-hover)}.header{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 4px;display:flex}.header__title{letter-spacing:-.01em;min-width:0;font-size:1.5rem;font-weight:600;line-height:1.2}.header__volume{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.header__volume-value{white-space:nowrap;align-items:baseline;gap:5px;display:flex}.header__volume-num{color:var(--accent);font-family:var(--font-num);letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 0 24px #b2f24d47;font-size:2rem;font-weight:700;line-height:1}.header__volume-unit{color:var(--accent);opacity:.75;font-size:.875rem;font-weight:600}.header__volume-label{color:var(--fg-40);white-space:nowrap;font-size:.75rem}.icon-btn{border:1px solid var(--line-08);background:var(--surface-045);width:40px;height:40px;color:var(--fg-72);border-radius:14px;flex:none;place-items:center;transition:color .15s,border-color .15s;display:grid}.icon-btn:hover{border-color:var(--line-12);color:var(--fg)}.content{flex-direction:column;flex:1;padding:14px 20px 26px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.stack--tight{gap:10px}.eyebrow{color:var(--fg-40);letter-spacing:.02em;text-transform:uppercase;font-size:.8125rem}.eyebrow--spaced{margin-top:4px}.field-label{color:var(--fg-45);letter-spacing:.02em;text-transform:uppercase;font-size:.75rem}.hint{color:var(--fg-45);text-align:center;font-size:.8438rem;line-height:1.5}.hint--warn{color:var(--warn)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-08);background:var(--surface-05);color:var(--fg-82);text-align:left;border-radius:13px;flex-direction:column;gap:1px;padding:9px 13px;transition:all .15s;display:flex}.chip:hover{transform:translateY(-1px)}.chip.is-selected{border-color:var(--accent-55);background:var(--accent-16);color:var(--accent)}.chip__label{font-size:.9688rem;font-weight:500;line-height:1.2}.chip__sub{font-family:var(--font-num);letter-spacing:.06em;opacity:.62;font-size:.75rem}.chips--activities{border-top:1px dashed var(--line-08);padding-top:12px}.chip--activity{flex-direction:row;align-items:center;gap:9px;padding-left:11px}.chip__text{flex-direction:column;gap:1px;display:flex}.bodymap{border:1px solid var(--line-06);background:radial-gradient(60% 70% at 50% 45%, var(--accent-07), transparent 70%), var(--surface-025);border-radius:18px;justify-content:center;gap:40px;padding:12px 16px;display:flex}.bodymap__figure{width:72px;height:140px}.bodymap__part{fill:var(--surface-12);transition:fill .2s}.bodymap__part.is-selected{fill:var(--accent)}.seg{gap:7px;display:flex}.seg--boxed{border:1px solid var(--line-08);background:var(--surface-045);border-radius:16px;gap:6px;padding:5px}.seg__opt{border:1px solid var(--line-08);background:var(--surface-05);color:var(--fg-82);text-align:center;border-radius:12px;flex:1;padding:9px 0;font-size:.9063rem;font-weight:500;transition:all .15s}.seg__opt.is-selected{border-color:var(--accent-55);background:var(--accent-16);color:var(--accent)}.seg--compact .seg__opt{min-width:52px;padding:7px 10px}.seg__opt--days{font-family:var(--font-num);border-radius:13px;padding:11px 0;font-size:1.125rem;font-weight:600}.card{border:1px solid var(--line-08);background:var(--surface-045);border-radius:20px;flex-direction:column;gap:14px;padding:16px;display:flex}.card--plan{gap:13px}.field{flex-direction:column;gap:7px;display:flex}.numfields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.numfields--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.numfields--single{grid-template-columns:minmax(0,1fr)}.numfield{flex-direction:column;gap:6px;display:flex}.numfield__input{border:1px solid var(--line-08);width:100%;color:var(--fg);font-family:var(--font-num);text-align:center;background:#00000059;border-radius:12px;outline:none;padding:9px 10px;font-size:1.375rem;font-weight:600}.numfield__input:focus{border-color:var(--accent-40)}.numfield__steps{gap:6px;display:flex}.numfield__steps button{background:var(--surface-06);color:var(--fg-72);text-align:center;border-radius:9px;flex:1;padding:5px 0;font-size:.9375rem}.numfield__steps button:hover{background:var(--surface-12)}.btn-primary{background:var(--accent);width:100%;color:var(--accent-ink);text-align:center;border-radius:15px;margin-top:2px;padding:15px;font-size:1.0938rem;font-weight:600;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:scale(.99)}.btn-small{border:1px solid var(--line-09);background:var(--surface-05);color:var(--fg-72);white-space:nowrap;border-radius:11px;padding:8px 12px;font-size:.8438rem;transition:border-color .15s,color .15s}.btn-small:hover{border-color:#edf2ec47}.btn-small--primary{border-color:var(--accent-28);background:var(--accent-12);color:var(--accent)}.btn-small--danger{border-color:var(--line-07);background:var(--surface-035);color:var(--fg-45)}.btn-small--danger:hover{color:#ff8080}.switch{border:1px solid var(--line-09);background:var(--surface-06);border-radius:99px;flex:none;width:46px;height:28px;transition:background .2s,border-color .2s;position:relative}.switch__knob{background:var(--fg-60);border-radius:50%;width:20px;height:20px;transition:transform .22s cubic-bezier(.34,1.15,.4,1),background .2s;position:absolute;top:3px;left:3px}.switch.is-on{border-color:var(--accent-55);background:var(--accent-20)}.switch.is-on .switch__knob{background:var(--accent);transform:translate(18px)}.notice{border:1px solid var(--line-09);background:var(--surface-04);border-radius:18px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.notice--accent{border-color:var(--accent-20);background:var(--accent-07)}.notice--warn{background:#f2d14d0f;border-color:#f2d14d40}.notice__text{flex-direction:column;gap:4px;display:flex}.notice__title{font-size:.9688rem;font-weight:600;line-height:1.45}.notice__body{color:var(--fg-60);font-size:.9063rem;line-height:1.55}.notice__actions{flex-wrap:wrap;gap:8px;display:flex}.ready{border:1px solid var(--accent-20);background:var(--accent-07);border-radius:18px;flex-direction:column;gap:5px;padding:14px 16px;display:flex}.ready__title{color:var(--accent);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:7px;font-size:.8125rem;display:flex}.ready__text{color:var(--fg-85);font-size:1rem;line-height:1.55}.goal{background:radial-gradient(80% 60% at 50% 72%, var(--accent-07), transparent 70%), var(--surface-04);gap:8px;transition:border-color .3s}.goal.is-done{border-color:var(--accent-28);background:radial-gradient(80% 60% at 50% 72%, var(--accent-16), transparent 72%), var(--surface-04)}.goal__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.goal__edit{font-family:var(--font-num);align-items:center;gap:6px;display:flex}.gauge{aspect-ratio:240/126;width:100%;max-width:300px;margin:0 auto;position:relative}.gauge__svg{width:100%;height:100%;display:block}.gauge__seg{fill:none;stroke:#edf2ec21;stroke-linecap:round;stroke-width:9.5px}.gauge__seg--lit{stroke:var(--accent);transition:opacity .35s}.gauge__center{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;bottom:0;left:0;right:0}.gauge__value{align-items:baseline;gap:5px;display:flex}.gauge__num{font-family:var(--font-num);letter-spacing:-.02em;font-size:2.375rem;font-weight:600;line-height:1}.gauge__unit{color:var(--fg-50);font-size:.9375rem}.gauge__label{color:var(--fg-50);font-size:.8125rem}.gauge__pct{background:var(--surface-06);color:var(--fg-72);white-space:nowrap;border-radius:99px;margin-top:4px;padding:2px 10px;font-size:.75rem}.goal.is-done .gauge__pct{background:var(--accent-16);color:var(--accent);font-weight:600}.goal__stats{border-top:1px solid var(--line-07);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px;padding-top:12px;display:grid}.goal__share{border:1px solid var(--line-09);background:var(--surface-05);width:100%;min-height:46px;color:var(--fg-85);border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:.9688rem;font-weight:500;display:flex}.goal__share.is-done{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}.share-card{justify-items:center;gap:8px;display:grid}.share-card__img{aspect-ratio:1080/1350;border:1px solid var(--line-09);border-radius:16px;width:auto;max-width:100%;height:auto;max-height:min(52vh,460px);display:block}.share-card__img--empty{background:var(--surface-04);height:min(52vh,460px);color:var(--fg-60);place-items:center;font-size:.9375rem;display:grid}.share-card__hint{color:var(--fg-50);font-size:.8125rem}.share-card__share{justify-content:center;align-items:center;gap:8px;display:flex}.btn-ghost:disabled{opacity:.5}.goal__stat{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:3px;min-width:0;display:flex}.goal__stat-label{color:var(--fg-50);font-size:.75rem;line-height:1.3}.goal__stat-value{font-family:var(--font-num);white-space:nowrap;font-size:1.1875rem;font-weight:600}.goal__stat-unit{color:var(--fg-40);font-family:var(--font-body);margin-left:3px;font-size:.75rem;font-weight:400}.goal-sheet{flex-direction:column;gap:14px;margin-top:16px;display:flex}.goal-sheet .seg__opt{white-space:nowrap}.sheet__actions .btn-primary{margin-top:0}.rcard{border:1px solid var(--line-07);background:var(--surface-04);border-radius:18px;flex-direction:column;gap:9px;padding:13px 15px;display:flex}.rcard.is-ready{border-color:var(--accent-28)}.rcard__head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.rcard__left,.rcard__right{flex-direction:column;gap:2px;display:flex}.rcard__right{text-align:right}.rcard__label{font-size:1.0625rem;font-weight:500}.rcard__last{color:var(--fg-45);font-size:.8125rem}.rcard__when{white-space:nowrap}.rcard__status{font-family:var(--font-num);white-space:nowrap;font-size:.9375rem;font-weight:600}.rcard__need{color:var(--fg-35);font-family:var(--font-num);white-space:nowrap;font-size:.75rem}.track{background:var(--line-07);border-radius:99px;height:5px;overflow:hidden}.track__fill{border-radius:99px;height:100%;transition:width .4s}.state-ready{--state:var(--accent)}.state-soon{--state:var(--warn)}.state-resting{--state:var(--fg-60)}.state-resting .track__fill{background:var(--fg-35)}.rcard__status{color:var(--state)}.track__fill{background:var(--state)}.science{border:1px dashed var(--line-12);background:var(--surface-035);color:var(--fg-55);border-radius:18px;margin-top:4px;padding:14px 16px;font-size:.875rem;line-height:1.65}.panel{border:1px solid var(--line-09);background:var(--surface-04);border-radius:22px;flex-direction:column;gap:16px;padding:18px 16px 14px;display:flex}.panel__head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.headline{flex-direction:column;gap:3px;display:flex}.headline__label{color:#edf2ec6b;letter-spacing:.02em;text-transform:uppercase;font-size:.75rem}.headline__value{align-items:baseline;gap:6px;display:flex}.headline__num{font-family:var(--font-num);letter-spacing:-.02em;font-size:2.5rem;font-weight:600;line-height:1}.headline__unit{color:var(--fg-50);font-size:1rem}.trend{text-align:right;flex-direction:column;align-items:flex-end;gap:3px;display:flex}.trend__pct{color:var(--fg-50);font-family:var(--font-num);font-size:1.0625rem;font-weight:600}.trend__pct.is-up{color:var(--accent)}.trend__pct.is-down{color:var(--down)}.trend__sub{color:#edf2ec61;font-size:.75rem}.chart,.chart-labels{gap:4px;display:flex}.chart--year{gap:10px}.chart{border-bottom:1px solid var(--line-09);align-items:flex-end;height:168px;padding-top:6px}.chart__col{-webkit-tap-highlight-color:transparent;border-radius:6px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.chart__col:hover .chart__bar:not(.is-current){filter:brightness(1.4)}.chart__val{color:#edf2ec61;font-family:var(--font-num);white-space:nowrap;min-height:1.3em;font-size:.6875rem;line-height:1.3}.chart__val.is-current{color:var(--accent)}.chart__bar{background:#edf2ec3d;border-radius:5px 5px 2px 2px;width:100%;min-height:3px;transition:height .45s cubic-bezier(.3,1.1,.4,1)}.chart__bar.is-max{background:var(--accent-62)}.chart__bar.is-current{background:var(--accent)}.chart-labels__item{min-width:0;color:var(--fg-35);font-family:var(--font-num);text-align:center;white-space:pre;flex:1;font-size:.6875rem;line-height:1.3}.chart-labels__item.is-current{color:var(--accent)}.statcards{gap:10px;display:flex}.statcard{border:1px solid var(--line-07);background:var(--surface-04);border-radius:16px;flex-direction:column;flex:1;gap:4px;padding:13px 12px;display:flex}.statcard__value{color:var(--accent);font-family:var(--font-num);font-size:1.25rem;font-weight:600}.statcard__label{color:var(--fg-45);font-size:.7813rem;line-height:1.35}.activity-totals{flex-direction:column;gap:10px;display:flex}.shares{flex-direction:column;gap:9px;display:flex}.share{align-items:center;gap:10px;display:flex}.share__label{width:64px;color:var(--fg-72);flex:none;font-size:.875rem}.share__track{background:var(--surface-06);border-radius:99px;flex:1;height:8px;overflow:hidden}.share__fill{border-radius:99px;height:100%;transition:width .45s}.share__val{width:64px;color:var(--fg-50);font-family:var(--font-num);text-align:right;flex:none;font-size:.8125rem}.share{transition:opacity .2s}.share.is-dim{opacity:.35}.share.is-zero .share__label,.share.is-zero .share__val{color:var(--fg-35)}.shares--split .share__val{width:80px}.split__title,.split__subtitle{margin:0;font-weight:400}.split__period{font-size:1.0625rem;font-weight:600}.split__body{align-items:center;gap:18px;display:flex}.split__hint{color:var(--fg-35);margin:0;font-size:.75rem}.donut{aspect-ratio:1;flex:none;width:148px;max-width:100%;position:relative}.donut__svg{width:100%;height:100%;display:block}.donut__track,.donut__slice{fill:none;stroke-width:18px}.donut__track{stroke:var(--surface-06)}.donut__slice{pointer-events:none;transition:opacity .2s}.donut__slice.is-dim{opacity:.28}.donut__hit{fill:none;stroke:#0000;stroke-width:26px;cursor:pointer;-webkit-tap-highlight-color:transparent}.donut__center{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0 28px;display:flex;position:absolute;inset:0}.donut__num{font-family:var(--font-num);letter-spacing:-.02em;font-size:1.625rem;font-weight:600;line-height:1}.donut__label{color:var(--fg-50);font-size:.75rem;line-height:1.3}.legend{flex-direction:column;flex:1;gap:2px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.legend__item{width:100%;color:var(--fg-82);text-align:left;border-radius:10px;align-items:center;gap:8px;padding:4px 8px;font-size:.875rem;transition:background .15s,opacity .2s;display:flex}.legend__item:hover{background:var(--surface-05)}.legend__item.is-active{background:var(--surface-06)}.legend__item.is-dim{opacity:.45}.legend__item.is-zero{color:var(--fg-40)}.legend__swatch{border-radius:3px;flex:none;width:10px;height:10px}.legend__name{flex:1;min-width:0}.legend__pct{color:var(--fg-60);font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:.8125rem}.split-name{color:var(--fg-50);font-size:.875rem;line-height:1.55}.planrow{align-items:stretch;gap:12px;display:flex}.planrow__day{border:1px solid var(--line-07);background:var(--surface-04);width:46px;color:var(--fg-40);border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;padding:8px 0;font-size:.9063rem;font-weight:600;display:flex}.planrow__card{border:1px solid var(--line-05);background:var(--surface-025);border-radius:16px;flex-direction:column;flex:1;gap:4px;padding:12px 14px;display:flex}.planrow__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.planrow__title{color:var(--fg-45);align-items:center;gap:7px;font-size:1.0313rem;font-weight:600;display:flex}.planrow__title svg{opacity:.85;flex:none}.planrow__tag{color:#edf2ec61;font-family:var(--font-num);letter-spacing:.08em;white-space:nowrap;font-size:.75rem}.planrow__detail{color:var(--fg-60);font-size:.9063rem;line-height:1.5}.planrow.is-training .planrow__day{background:var(--accent-14);color:var(--accent);border-color:#b2f24d4d}.planrow.is-training .planrow__card{border-color:var(--line-09);background:var(--surface-05)}.planrow.is-training .planrow__title{color:var(--fg)}.planrow.is-today .planrow__day{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--accent-40)}.empty{border:1px dashed var(--line-12);color:var(--fg-45);text-align:center;border-radius:20px;padding:40px 20px;font-size:.9375rem;line-height:1.6}.hday{flex-direction:column;gap:8px;display:flex}.hday__head{justify-content:space-between;align-items:baseline;display:flex}.hday__date{color:var(--accent);font-size:.9063rem;font-weight:600}.hday__volume{color:var(--fg-40);font-family:var(--font-num);font-size:.8125rem}.hitem{border:1px solid var(--line-07);background:var(--surface-04);border-radius:14px;align-items:center;gap:12px;padding:11px 6px 11px 14px;display:flex}.hitem__accent{background:var(--accent-40);border-radius:99px;align-self:stretch;width:3px}.hitem__accent.is-hard{background:var(--accent)}.hitem__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hitem__label{font-size:1rem;font-weight:500}.hitem__detail{color:var(--fg-45);font-family:var(--font-num);font-size:.8438rem}.hitem__delete{width:36px;height:36px;color:var(--fg-30);border-radius:10px;place-items:center;font-size:1.25rem;line-height:1;transition:color .15s;display:grid}.hitem__delete:hover{color:var(--danger)}.history-footer{justify-content:space-between;align-items:center;gap:10px;padding:4px 2px 0;display:flex}.history-footer__note{color:var(--fg-35);font-size:.7813rem}.history-footer__actions{gap:8px;display:flex}.tabbar{z-index:40;padding:14px 14px calc(max(var(--safe-bottom), 10px) + 8px);background:linear-gradient(to top, var(--bg) 58%, #080b09bf 82%, #080b0900);position:sticky;bottom:0}.tabbar__inner{border:1px solid var(--line-09);-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);background:#141a15b8;border-radius:26px;gap:2px;padding:7px;display:flex;position:relative;box-shadow:inset 0 -1px #ffffff0f,0 16px 36px -22px #000000e6}.tabbar__indicator{top:7px;bottom:7px;left:calc(7px + var(--tab-index) * ((100% - 14px) / var(--tab-count)));width:calc((100% - 14px) / var(--tab-count));border:1px solid var(--accent-28);background:var(--accent-12);border-radius:20px;transition:left .34s cubic-bezier(.34,1.15,.4,1);position:absolute}.tabbar__tab{color:var(--fg-82);letter-spacing:.01em;flex-direction:column;flex:1;align-items:center;gap:5px;padding:9px 0 8px;font-size:.75rem;transition:color .25s;display:flex;position:relative}.tabbar__tab.is-active{color:var(--accent)}.toast-wrap{right:0;bottom:calc(var(--safe-bottom) + 108px);z-index:50;pointer-events:none;justify-content:center;padding:0 20px;display:flex;position:fixed;left:0}.toast{width:100%;max-width:calc(var(--column) - 40px);color:var(--accent-ink);text-align:center;pointer-events:auto;background:#b2f24df2;border-radius:15px;justify-content:center;align-items:center;gap:12px;padding:13px 16px;font-size:.9688rem;font-weight:600;animation:.22s pop;display:flex;box-shadow:0 12px 28px -14px #000c}.toast__action{background:#0b10041f;border-radius:9px;flex:none;padding:4px 10px;font-weight:700}.gate--update{z-index:80}.update__versions{justify-content:center;align-items:center;gap:10px;margin-top:-4px;display:flex}.update__ver{border:1px solid var(--line-12);background:var(--surface-05);color:var(--fg-60);font-family:var(--font-num);letter-spacing:.01em;border-radius:99px;padding:4px 12px;font-size:.9375rem;font-weight:600}.update__ver.is-new{border-color:var(--accent-40);background:var(--accent-14);color:var(--accent)}.update__arrow{color:var(--fg-40);font-family:var(--font-num)}.update__later{min-height:50px;font-size:1rem}.update__spinner{border-color:#0b100438;border-top-color:var(--accent-ink);width:20px;height:20px}.gate__cta:disabled{cursor:default;animation:none}.gate__close:disabled,.update__later:disabled{cursor:default;opacity:.45}.sheet-backdrop{z-index:60;background:#0000008c;justify-content:center;align-items:flex-end;animation:.18s fade;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:var(--column);max-height:88dvh;padding:8px 20px calc(var(--safe-bottom) + 22px);border:1px solid var(--line-08);background:var(--sheet-bg);border-bottom:0;border-radius:24px 24px 0 0;animation:.26s cubic-bezier(.3,1.1,.4,1) slide-up;overflow-y:auto}.sheet__grabber{background:var(--fg-30);border-radius:99px;width:38px;height:4px;margin:0 auto 10px}.sheet__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.sheet__title{font-size:1.25rem;font-weight:600}.sheet__body{color:var(--fg-60);font-size:.9688rem;line-height:1.6}.sheet__section{color:var(--fg-40);letter-spacing:.02em;text-transform:uppercase;margin:20px 0 4px;font-size:.8125rem}.sheet__note{color:var(--fg-50);margin:6px 0;font-size:.875rem;line-height:1.55}.sheet__link{font:inherit;cursor:pointer;color:var(--accent);text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.level{border:1px solid var(--accent-16);background:var(--accent-07);border-radius:18px;flex-direction:column;gap:6px;margin:10px 0 4px;padding:14px 16px;display:flex}.level__eyebrow{color:var(--fg-45);letter-spacing:.02em;text-transform:uppercase;font-size:.75rem}.level__name{color:var(--accent);font-size:1.375rem;font-weight:600;line-height:1.25}.level__rank{color:var(--fg-85);margin-left:8px;font-size:1rem;font-weight:500}.level__total{color:var(--fg-85);font-family:var(--font-num);font-size:.9375rem}.level__bar{background:var(--surface-05);border-radius:999px;height:8px;overflow:hidden}.level__fill{border-radius:inherit;background:var(--accent);height:100%;display:block}.level__next{color:var(--fg-60);font-size:.8125rem}.level__rules{color:var(--fg-40);font-size:.75rem;line-height:1.5}.level__head{align-items:center;gap:12px;display:flex}.level__badge{filter:drop-shadow(0 4px 14px #b2f24d2e);flex:none}.level__more{border:1px solid var(--accent-16);background:var(--surface-04);color:var(--accent);border-radius:12px;align-self:flex-start;margin-top:4px;padding:8px 12px;font-size:.875rem;font-weight:500}.level__more:hover{border-color:var(--accent)}.level-hero{border:1px solid var(--line-12);border:1px solid color-mix(in srgb, var(--tier-glow) 45%, transparent);background:radial-gradient(60% 55% at 50% 30%, var(--accent-14), transparent 72%), var(--surface-04);background:radial-gradient(60% 55% at 50% 30%, color-mix(in srgb, var(--tier-glow) 34%, transparent), transparent 72%), var(--surface-04);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:2px;margin:14px 0 6px;padding:24px 16px 16px;display:flex;overflow:hidden}.level-hero__badge{filter:drop-shadow(0 10px 26px color-mix(in srgb, var(--tier-glow) 55%, transparent));margin-bottom:10px}.level-hero__eyebrow{color:var(--fg-50);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.level-hero__name{color:var(--tier-glow);font-size:1.75rem;font-weight:700;line-height:1.25}.level-hero__rank{color:var(--fg-85);margin-left:8px;font-size:1.125rem;font-weight:500}.level-hero__total{color:var(--fg-72);font-family:var(--font-num);font-size:.9375rem}.level-hero__brand{color:var(--fg-40);font-family:var(--font-num);margin-top:12px;font-size:.8125rem;font-weight:600}.level-hero__brand span{color:var(--accent)}.level-hero__standing{border:1px solid var(--line-12);border:1px solid color-mix(in srgb, var(--tier-glow) 50%, transparent);max-width:100%;color:var(--fg);text-align:left;background:#00000038;border-radius:16px;align-items:center;gap:10px;margin-top:12px;padding:9px 12px 9px 16px;display:flex}.level-hero__standing:hover{border-color:var(--tier-glow)}.level-hero__place{flex-direction:column;font-size:.9375rem;font-weight:600;line-height:1.4;display:flex}.level-hero__gap{color:var(--fg-60);font-size:.8125rem;font-weight:400}.board-standing{border:1px solid var(--accent-28);background:var(--surface-04);border-radius:18px;align-items:center;gap:12px;margin:14px 0 16px;padding:12px 14px;display:flex}.board-standing__title{font-weight:600;line-height:1.45}.board-standing__gap{color:var(--fg-60);font-size:.875rem;line-height:1.5}.tiers{flex-direction:column;gap:10px;margin:14px 0 8px;padding:0;list-style:none;display:flex}.tier{border:1px solid var(--line-08);background:var(--surface-035);border-radius:18px;align-items:center;gap:14px;padding:12px 14px;display:flex}.tier--current{border-color:var(--accent);background:var(--accent-07)}.tier__badge{flex:none}.tier--locked .tier__badge{filter:grayscale();opacity:.45}.tier__text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.tier__top{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.tier__name{font-size:1.0625rem;font-weight:600}.tier--current .tier__name{color:var(--accent)}.tier--locked .tier__name{color:var(--fg-72)}.tier__chip{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.tier__chip--done{background:var(--surface-12);color:var(--fg-72)}.tier__range{color:var(--fg-55);font-size:.8125rem}.tier__bar{height:6px;margin-top:6px}.tier__note{color:var(--fg-50);font-size:.75rem}.sheet__buttons{flex-direction:column;gap:8px;margin-top:8px;display:flex}.sheet__actions{gap:10px;margin-top:20px;display:flex}.sheet__actions>*{flex:1}.sheet__version{color:var(--fg-30);font-family:var(--font-num);text-align:center;margin-top:22px;font-size:.8125rem}.srow{border-bottom:1px solid var(--line-06);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:1rem;display:flex}.srow__text{flex-direction:column;gap:2px;display:flex}.srow__hint{color:var(--fg-40);font-family:var(--font-num);font-size:.8125rem}.btn-row{border:1px solid var(--line-08);background:var(--surface-045);width:100%;color:var(--fg-85);text-align:left;border-radius:14px;align-items:center;gap:10px;padding:13px 14px;font-size:1rem;transition:border-color .15s;display:flex}.btn-row:hover{border-color:var(--line-12)}.btn-row svg{color:var(--accent)}.btn-google{color:#1f1f1f;background:#fff;border:1px solid #747775;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 12px;font-size:1rem;font-weight:500;line-height:1.25;transition:background-color .15s,box-shadow .15s;display:flex}.btn-google:hover{background:#f8f9fa;box-shadow:0 1px 3px #0000004d}.btn-google:active{background:#eceff1}.btn-google__logo{flex:none}.btn-ghost{border:1px solid var(--line-09);background:var(--surface-05);color:var(--fg-85);border-radius:15px;padding:14px;font-size:1.0625rem;font-weight:500}.btn-danger{color:#1a0707;background:#ff7a7a;border-radius:15px;padding:14px;font-size:1.0625rem;font-weight:600}.gate{z-index:70;padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);overscroll-behavior:contain;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030504bd;flex-direction:column;animation:.2s fade;display:flex;position:fixed;inset:0;overflow-y:auto}.gate__card{border:1px solid var(--accent-28);background:radial-gradient(120% 60% at 50% 0%, #b2f24d29, transparent 62%), var(--sheet-bg);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:400px;margin:auto;padding:30px 20px 20px;animation:.34s cubic-bezier(.3,1.2,.4,1) gate-in;display:flex;position:relative;box-shadow:0 30px 80px -30px #000000f2}@keyframes gate-in{0%{opacity:0;transform:translateY(18px)scale(.96)}}.gate__close{position:absolute;top:14px;right:14px}.gate__icon{border:1px solid var(--accent-40);background:var(--bg);width:76px;height:76px;color:var(--accent);border-radius:22px;place-items:center;display:grid;box-shadow:0 14px 36px -12px #b2f24d8c}.gate__icon.is-done{background:var(--accent);color:var(--accent-ink)}.gate__title{text-wrap:balance;font-size:1.375rem;font-weight:600;line-height:1.3}.gate__body{color:var(--fg-72);margin-top:-6px;font-size:.9375rem;line-height:1.6}.gate__perks,.gate__steps{text-align:left;flex-direction:column;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}.gate__perk{background:var(--surface-04);color:var(--fg-85);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:.9375rem;display:flex}.gate__perk svg{color:var(--accent);flex:none}.gate__steps{counter-reset:step}.gate__step{border:1px solid var(--line-08);background:var(--surface-04);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;font-size:1rem;line-height:1.45;display:flex}.gate__step:before{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);font-family:var(--font-num);content:counter(step);counter-increment:step;border-radius:50%;flex:none;place-items:center;font-size:.9375rem;font-weight:600;display:grid}.gate__cta{background:var(--accent);width:100%;min-height:60px;color:var(--accent-ink);border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-size:1.1875rem;font-weight:600;text-decoration:none;animation:2.4s ease-in-out infinite gate-glow;display:flex;box-shadow:0 16px 34px -16px #b2f24dd9}.gate__cta:active{transform:scale(.98)}@keyframes gate-glow{50%{box-shadow:0 14px 44px -8px #b2f24df2}}.gate__cta--ghost{border:1px solid var(--line-12);background:var(--surface-06);box-shadow:none;color:var(--fg);animation:none}.gate__skip{text-align:center;gap:4px;display:grid}.gate__skip-btn{min-height:44px;color:var(--fg-72);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:.9375rem;text-decoration:underline}.gate__or,.gate__note{color:var(--fg-50);font-size:.8125rem;line-height:1.55}.gate__preparing{color:var(--fg-72);align-items:center;gap:12px;padding:6px 0 4px;font-size:1rem;display:flex}.gate__spinner{border:3px solid var(--accent-20);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gate__progress{background:var(--surface-06);border-radius:99px;width:100%;height:14px;overflow:hidden}.gate__fill{background:linear-gradient(90deg, var(--accent-62), var(--accent));border-radius:99px;height:100%;transition:width 14s cubic-bezier(.08,.6,.2,1);position:relative;overflow:hidden}.gate__fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.3s linear infinite gate-shine;position:absolute;inset:0;transform:translate(-100%)}.gate__fill.is-done{transition-duration:.45s}.gate__fill.is-done:after{animation:none}@keyframes gate-shine{to{transform:translate(100%)}}@media (width<=380px){.topbar{padding-left:14px;padding-right:14px}.brand__mark{width:30px;height:30px}.brand__word{font-size:1.125rem}.install-pill{padding:0 12px 0 10px}.header,.content{padding-left:16px;padding-right:16px}.header__volume-num{font-size:1.625rem}.tabbar{padding-left:8px;padding-right:8px}.sheet{padding-left:16px;padding-right:16px}.planrow{gap:8px}.planrow__day{width:38px}.chart-labels__item{letter-spacing:-.02em;font-size:.625rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.gate__url{border:1px solid var(--line-12);background:var(--surface-06);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:12px;width:100%;padding:10px 12px;font-size:.8125rem}