@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f5f1ea;--surface: #ffffff;--surface-2: #f0ebe2;--ink: #121a2b;--ink-2: #4a5366;--ink-3: #6f7789;--line: #e6dfd3;--track: rgba(18, 26, 43, .08);--trail: #ebe4d8;--navy: #121a2b;--navy-2: #1d2740;--coral: #ff5f5a;--gold: #ffc94a;--grad: linear-gradient(135deg, #ff5f5a 0%, #ff8a4c 50%, #ffc94a 100%);--ok: #1f8a4c;--t-coral: #e2553a;--t-violet: #6f5bd8;--t-gold: #c27c0b;--t-teal: #0f8f84;--t-sky: #2f6fd6;--t-green: #4b8a2a;--r-lg: 28px;--r: 20px;--r-sm: 14px;--shadow: 0 1px 2px rgba(18, 26, 43, .04), 0 10px 30px -16px rgba(18, 26, 43, .18);--shadow-lg: 0 30px 80px -30px rgba(18, 26, 43, .45);--font: "Figtree Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Bricolage Grotesque Variable", "Figtree Variable", system-ui, sans-serif;--ease: cubic-bezier(.2, .8, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--tab-h: 74px;color-scheme:light}:root[data-theme=dark]{--bg: #0b101b;--surface: #141b2a;--surface-2: #1b2436;--ink: #f3f0ea;--ink-2: #b8bfcd;--ink-3: #8b94a7;--line: #243049;--track: rgba(255, 255, 255, .09);--trail: #1f2a3f;--navy: #1a2338;--navy-2: #232f4a;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 30px -18px rgba(0, 0, 0, .7);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.5 var(--font);-webkit-font-smoothing:antialiased;transition:background .3s}img{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:-.02em;line-height:1.1;font-weight:700}h1{font-size:clamp(28px,4vw,40px)}h2{font-size:22px}h3{font-size:18px}p{margin:0}:focus-visible{outline:3px solid var(--coral);outline-offset:2px;border-radius:10px}.muted{color:var(--ink-3)}.small{font-size:13px}.center{text-align:center}.mt{margin-top:18px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}.eyebrow.light{color:#ffffffb3}.lede{max-width:56ch;margin-top:8px;font-size:16px}.h-sm{font-size:17px;margin-bottom:14px}.grow{flex:1}.rot90{transform:rotate(90deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;font-weight:650;font-size:15px;white-space:nowrap;transition:transform .15s var(--ease),box-shadow .2s,background .2s}.btn:active:not(:disabled){transform:scale(.97)}.btn.grad{background:var(--grad);color:#1b1206;box-shadow:0 8px 22px -10px #ff5f5acc}.btn.grad:hover:not(:disabled){box-shadow:0 12px 28px -10px #ff5f5ae6;transform:translateY(-1px)}.btn.dark{background:var(--ink);color:var(--bg)}.btn.light{background:#fff;color:#121a2b}.btn.ghost{background:var(--surface);border:1px solid var(--line)}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{color:#c2362f}.btn.block{width:100%}.btn.sm{height:34px;padding:0 14px;font-size:13.5px}.btn.xl{height:56px;font-size:17px}.link-btn{display:inline-flex;align-items:center;gap:4px;color:var(--ink-2);font-weight:650;font-size:14px;margin-top:12px}.link-btn:hover{color:var(--ink)}.section-head .link-btn,.step-label .link-btn{margin-top:0}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;background:var(--surface-2);color:var(--ink);transition:background .2s,transform .15s}.icon-btn:hover:not(:disabled){background:var(--line)}.icon-btn.sm{width:32px;height:32px}.icon-btn.lg{width:56px;height:56px}.icon-btn.glass{background:#ffffff1f;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-btn.glass:hover{background:#ffffff38}.chip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 11px;border-radius:999px;background:var(--surface-2);font-size:12.5px;font-weight:650;color:var(--ink-2);white-space:nowrap}.chip.ok{background:color-mix(in oklab,var(--ok) 14%,transparent);color:var(--ok)}:root[data-theme=dark] .chip.ok{color:#6fd39a}.chip.new{background:var(--grad);color:#1b1206}.tag{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--surface-2);font-size:12px;font-weight:600;color:var(--ink-2)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.chip-row.tight{margin-bottom:0}.chip-btn{height:38px;padding:0 15px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-weight:600;font-size:14px;color:var(--ink-2);transition:all .2s var(--ease)}.chip-btn:hover{border-color:var(--ink-3)}.chip-btn.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.segmented{display:inline-flex;padding:4px;gap:2px;background:var(--surface-2);border-radius:999px;margin-bottom:20px;max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented button{height:36px;padding:0 16px;border-radius:999px;font-weight:600;font-size:14px;color:var(--ink-3);white-space:nowrap;transition:all .25s var(--ease)}.segmented button.on{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px -2px #121a2b2e}.toggle{width:50px;height:30px;border-radius:999px;background:var(--line);position:relative;transition:background .25s;flex-shrink:0}.toggle span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:transform .3s var(--spring)}.toggle.on{background:var(--t-teal)}.toggle.on span{transform:translate(20px)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field span,.step-label{font-size:13px;font-weight:700;color:var(--ink-2)}.field input,.measure-in,.finish-note,.builder-add select,.set-ctl select,.set-ctl input,.date-in{height:46px;padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);outline:none;transition:border-color .2s,box-shadow .2s}.field input:focus,.measure-in:focus,.finish-note:focus,.date-in:focus{border-color:var(--coral);box-shadow:0 0 0 4px color-mix(in oklab,var(--coral) 18%,transparent)}.tone-coral{--tone: var(--t-coral)}.tone-violet{--tone: var(--t-violet)}.tone-gold{--tone: var(--t-gold)}.tone-teal{--tone: var(--t-teal)}.tone-sky{--tone: var(--t-sky)}.tone-green{--tone: var(--t-green)}.tone-bg-coral{background:var(--t-coral)}.tone-bg-violet{background:var(--t-violet)}.tone-bg-gold{background:var(--t-gold)}.tone-bg-teal{background:var(--t-teal)}.tone-bg-sky{background:var(--t-sky)}.tone-bg-green{background:var(--t-green)}.move-ico,.tile-ico,.pc-ico{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;flex-shrink:0;color:var(--tone, var(--ink));background:color-mix(in oklab,var(--tone, var(--ink)) 13%,var(--surface))}.move-ico.sm{width:34px;height:34px;border-radius:11px}.move-ico.big{width:76px;height:76px;border-radius:22px}.chip-btn[class*=tone-].on{background:var(--tone);border-color:var(--tone);color:#fff}.app{min-height:100dvh}.sidebar{display:none}.main{padding:max(18px,env(safe-area-inset-top)) 16px calc(var(--tab-h) + 32px + env(safe-area-inset-bottom));max-width:1240px;margin:0 auto}.screen{animation:rise .45s var(--ease) both}.screen.narrow{max-width:760px;margin:0 auto}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.tabbar{position:fixed;z-index:40;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:var(--tab-h);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:color-mix(in oklab,var(--surface) 82%,transparent);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-lg)}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:650;color:var(--ink-3);padding:8px 0;transition:color .2s}.tab.on{color:var(--ink)}.tab.on svg{color:var(--coral)}.fab{justify-self:center;width:60px;height:60px;border-radius:22px;background:var(--grad);color:#1b1206;display:grid;place-items:center;box-shadow:0 12px 26px -10px #ff5f5ae6;transform:translateY(-14px);transition:transform .2s var(--spring)}.fab:active{transform:translateY(-14px) scale(.92)}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.more-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 6px;border-radius:var(--r);background:var(--surface-2);font-weight:650;font-size:13.5px;text-align:center}.more-ico{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:var(--surface)}@media (min-width: 1080px){.app{display:grid;grid-template-columns:264px 1fr}.tabbar{display:none}.main{padding:34px 40px 60px;width:100%}.sidebar{display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100dvh;padding:24px 18px;border-right:1px solid var(--line);background:color-mix(in oklab,var(--surface) 55%,var(--bg))}.brand{display:flex;align-items:center;gap:11px;padding:0 6px}.brand img{border-radius:11px}.brand b{display:block;font-family:var(--display);font-size:21px;letter-spacing:-.02em;line-height:1}.brand small{color:var(--ink-3);font-size:12px;font-weight:600}.sidebar nav{display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:12px;height:44px;padding:0 14px;border-radius:14px;font-weight:600;color:var(--ink-2);transition:background .2s,color .2s}.nav-link:hover{background:var(--surface-2);color:var(--ink)}.nav-link.on{background:var(--ink);color:var(--bg)}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}.install-card{display:flex;gap:12px;align-items:center;text-align:left;padding:14px;border-radius:var(--r);background:var(--navy);color:#fff}.install-card b{display:block;font-size:14px}.install-card small{color:#ffffffa6;font-size:12px}.fam-tag{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-3);padding:6px 14px}.online-dot{width:8px;height:8px;border-radius:50%;background:#3fbf7f;box-shadow:0 0 0 4px color-mix(in oklab,#3fbf7f 22%,transparent)}}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.head-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.bento{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);margin-bottom:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow);min-width:0}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-head.spaced{margin-top:40px;flex-wrap:wrap}.big-num{font-family:var(--display);font-size:38px;font-weight:700;letter-spacing:-.03em;line-height:1}.big-num small{font-family:var(--font);font-size:14px;font-weight:600;color:var(--ink-3);letter-spacing:0}.delta{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--surface-2);color:var(--ink-2)}.delta.up{background:color-mix(in oklab,var(--ok) 13%,transparent);color:var(--ok)}:root[data-theme=dark] .delta.up{color:#6fd39a}.pct{font-family:var(--display);font-size:26px;font-weight:700}@media (min-width: 760px){.main{padding-left:28px;padding-right:28px}.bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.bento>*{grid-column:span 12}.bento>.span-7,.bento>.span-5,.bento>.span-6{grid-column:span 6}}@media (min-width: 1080px){.bento>.span-7{grid-column:span 7}.bento>.span-5{grid-column:span 5}.bento>.span-6{grid-column:span 6}}@media (max-width: 759px){.hide-sm{display:none}}.feature{position:relative;overflow:hidden;background:radial-gradient(120% 100% at 100% 0%,var(--navy-2),var(--navy));color:#fff;border-color:transparent}.contours{position:absolute;inset:-40% -30% auto auto;width:520px;height:520px;pointer-events:none;opacity:.35;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ff5f5a'/%3E%3Cstop offset='1' stop-color='%23ffc94a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-width='3'%3E%3Cpath d='M110 95c60-30 140-5 190 35s50 120 10 165-140 60-200 20-70-130-55-175 15-30 55-45z'/%3E%3Cpath d='M140 135c40-18 95-3 125 25s30 80 5 108-90 38-128 12-45-82-35-112 10-21 33-33z'/%3E%3Cpath d='M170 175c22-9 52-1 68 14s16 43 3 58-48 20-68 6-24-44-19-60 5-11 16-18z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;animation:drift 24s ease-in-out infinite alternate}@keyframes drift{to{transform:rotate(14deg) scale(1.06)}}.feature-grid{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:26px}.rings-wrap{position:relative;width:196px;height:196px;flex-shrink:0;margin:0 auto}.rings-centre{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.rings-centre b{font-family:var(--display);font-size:34px;line-height:1}.rings-centre span{font-size:12px;color:#ffffffb3;font-weight:600}.feature-copy{flex:1;min-width:220px}.feature-h{font-size:26px;margin-bottom:16px}.ring-legend{list-style:none;padding:0;margin:0;display:grid;gap:8px}.ring-legend li{display:grid;grid-template-columns:12px 1fr auto auto;gap:10px;align-items:center;font-size:14px}.ring-legend .dot{width:10px;height:10px;border-radius:50%;background:var(--hc);box-shadow:0 0 0 3px color-mix(in oklab,var(--hc) 30%,transparent)}.legend-val{font-weight:700}.legend-min{color:#fff9;font-size:13px;min-width:56px;text-align:right}.feature-sub{color:#ffffffc7;margin-top:12px;position:relative}.pick{position:relative;overflow:hidden;color:#fff;border:0;background:linear-gradient(150deg,var(--g1),var(--g2));display:flex;flex-direction:column}.pick:after{content:"";position:absolute;right:-70px;bottom:-90px;width:260px;height:260px;border-radius:50%;border:36px solid rgba(255,255,255,.1);pointer-events:none}.pick-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.len-chips{display:flex;gap:4px;background:#00000029;padding:3px;border-radius:999px}.len-chips button{height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:#fffc}.len-chips button.on{background:#fff;color:#121a2b}.pick-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:#ffffff2e;margin:18px 0 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pick h2{font-size:28px}.pick p{color:#ffffffd9;margin-top:4px}.pick-foot{margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.pick-meta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#ffffffd9}.hero-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,80%);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;margin:0 -16px;padding-inline:16px;scrollbar-width:none}@media (min-width: 760px){.hero-row{grid-auto-flow:row;grid-template-columns:repeat(2,1fr);margin:0;padding-inline:0;overflow:visible}}@media (min-width: 1280px){.hero-row{grid-template-columns:repeat(4,1fr)}}.hero-card{scroll-snap-align:start;text-align:left;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s;animation:rise .5s var(--ease) both}.hero-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--hc)}.hero-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.hc-top{display:flex;align-items:center;gap:12px}.hc-name{flex:1;min-width:0}.hc-name b{display:block;font-family:var(--display);font-size:19px}.hc-name small{color:var(--ink-3);font-weight:600;font-size:12.5px}.streak{display:inline-flex;align-items:center;gap:3px;padding:4px 9px;border-radius:999px;background:color-mix(in oklab,#ff8a4c 15%,transparent);color:#d4561c;font-weight:800;font-size:13px}:root[data-theme=dark] .streak{color:#ffa16f}.hc-level{display:flex;justify-content:space-between;font-size:13px;font-weight:700}.xp-bar{height:10px;border-radius:999px;background:var(--track);overflow:hidden}.xp-bar span{display:block;height:100%;border-radius:inherit;background:var(--hc, var(--grad));animation:grow 1.1s var(--ease) both;transform-origin:left}.hero-card .xp-bar span{background:linear-gradient(90deg,color-mix(in oklab,var(--hc) 75%,#fff),var(--hc))}.xp-bar.light{background:#ffffff24;margin:14px 0 0;position:relative}.xp-bar.light span{background:var(--grad)}@keyframes grow{0%{transform:scaleX(0)}}.week-dots{display:flex;gap:5px}.wd{flex:1;aspect-ratio:1;max-width:32px;display:grid;place-items:center;border-radius:10px;font-size:11px;font-weight:800;background:var(--surface-2);color:var(--ink-3)}.wd.on{background:var(--hc);color:#fff}.wd.today{box-shadow:inset 0 0 0 2px var(--hc)}.wd.future{background:repeating-linear-gradient(135deg,var(--surface-2) 0 4px,transparent 4px 8px)}.hc-nudge{font-size:13px;color:var(--ink-2);line-height:1.4}.avatar{position:relative;display:inline-block;border-radius:50%;flex-shrink:0;background:var(--surface-2)}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar[data-ring]:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2.5px solid var(--hc)}.avatars-mini,.group-av{display:inline-flex}.avatars-mini .avatar,.group-av .avatar{margin-left:-8px;box-shadow:0 0 0 2px var(--surface)}.avatars-mini .avatar[data-ring]:after,.group-av .avatar[data-ring]:after{display:none}.group-av{padding-left:8px}.pills{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.pill-col{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.pill-track{position:relative;flex:1;width:100%;max-width:46px;display:flex;align-items:flex-end}.pill{width:100%;border-radius:999px;background:var(--ink);transition:height .9s var(--ease)}.pill.empty{background:repeating-linear-gradient(135deg,var(--track) 0 5px,transparent 5px 10px);border:1px dashed var(--line)}.pill.future{opacity:.9}.pill-tip{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%,4px);opacity:0;font-size:11.5px;font-weight:800;background:var(--ink);color:var(--bg);padding:2px 7px;border-radius:8px;pointer-events:none;transition:all .2s;white-space:nowrap}.pill-col:hover .pill-tip,.pill.hl~.pill-tip{opacity:1;transform:translate(-50%)}.pill-track:has(.pill.hl) .pill-tip{opacity:1;transform:translate(-50%)}.pill-label{font-size:12px;font-weight:700;color:var(--ink-3)}.pill-label.hl{color:var(--ink)}.ring{position:relative;display:inline-grid;place-items:center}.ring svg{position:absolute;top:0;right:0;bottom:0;left:0}.ring-in{position:relative;display:grid;place-items:center}.quest-mini{cursor:pointer;transition:transform .25s var(--ease)}.quest-mini:hover{transform:translateY(-2px)}.quest-line{position:relative;height:12px;border-radius:999px;background:var(--track);margin:22px 0 14px}.quest-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--grad);animation:grow 1.4s var(--ease) both;transform-origin:left}.quest-node{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--surface);border:2px solid var(--line)}.quest-node.done{border-color:#fff;background:#ff8a4c}.quest-meta,.stack-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;flex-wrap:wrap}.stack-bar{display:flex;gap:2px;height:16px;border-radius:999px;background:var(--track);overflow:hidden;margin:16px 0 12px}.stack-bar span{height:100%;animation:grow 1.1s var(--ease) both;transform-origin:left}.stack-bar span:first-child{border-radius:999px 0 0 999px}.feed{list-style:none;padding:0;margin:0;display:grid}.feed-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.feed-row:first-child{border-top:0;padding-top:0}.feed-body{flex:1;min-width:0}.feed-body p:first-child{font-size:14.5px}.hi5{display:inline-flex;align-items:center;gap:4px;height:34px;min-width:44px;padding:0 11px;border-radius:999px;background:var(--surface-2);font-weight:800;font-size:13px;color:var(--ink-2);transition:transform .2s var(--spring),background .2s}.hi5:hover{background:var(--line)}.hi5.on{background:var(--grad);color:#1b1206;transform:rotate(-8deg) scale(1.06)}.hi5.static{background:transparent}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 900px){.quick-grid{grid-template-columns:repeat(4,1fr)}}.quick{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-align:left;transition:transform .2s var(--ease),box-shadow .2s}.quick:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.quick b{margin-top:10px;font-size:15px}.quick small{color:var(--ink-3);font-size:12.5px}.q-ico{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:var(--tone);background:color-mix(in oklab,var(--tone) 14%,var(--surface))}.q-ico.coral{--tone: var(--t-coral)}.q-ico.gold{--tone: var(--t-gold)}.q-ico.sky{--tone: var(--t-sky)}.q-ico.violet{--tone: var(--t-violet)}.switcher{display:flex;gap:6px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px;overflow-x:auto;scrollbar-width:none;max-width:100%}.switch-chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px 0 5px;border-radius:999px;font-weight:650;font-size:14px;color:var(--ink-2);white-space:nowrap;transition:background .2s,color .2s}.switch-chip.on{background:var(--hc, var(--ink));color:#fff}.fam-dot{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--ink)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#080c1673;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fade .2s both}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-height:92dvh;overflow-y:auto;background:var(--surface);border-radius:30px 30px 0 0;padding:10px 20px calc(24px + env(safe-area-inset-bottom));animation:up .38s var(--ease) both;overscroll-behavior:contain}@keyframes up{0%{transform:translateY(40px);opacity:0}}.sheet-grip{width:42px;height:5px;border-radius:9px;background:var(--line);margin:0 auto 10px}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.sheet-head h2{font-size:22px}@media (min-width: 760px){.sheet-backdrop{align-items:center;padding:24px}.sheet{max-width:480px;border-radius:30px;padding:22px 26px 26px;animation-name:pop}.sheet.wide{max-width:660px}.sheet-grip{display:none}}@keyframes pop{0%{transform:scale(.96) translateY(8px);opacity:0}}.sheet-actions{display:flex;gap:10px;margin-top:18px}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:90}.toasts{position:fixed;z-index:95;left:50%;bottom:calc(var(--tab-h) + 26px + env(safe-area-inset-bottom));transform:translate(-50%);display:grid;gap:8px;width:max-content;max-width:calc(100vw - 32px)}@media (min-width: 1080px){.toasts{bottom:28px}}.toast{display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:650;font-size:14px;box-shadow:var(--shadow-lg);animation:up .35s var(--spring) both}.toast svg{color:#6fd39a}.log-step{margin-bottom:20px}.step-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}.who-row{display:flex;gap:10px;flex-wrap:wrap}.who{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 12px 8px;border-radius:var(--r);border:2px solid transparent;background:var(--surface-2);font-weight:650;font-size:13px;min-width:76px;transition:all .2s var(--ease)}.who:not(.on) .avatar{filter:grayscale(.6);opacity:.65}.who.on{border-color:var(--hc);background:color-mix(in oklab,var(--hc) 10%,var(--surface))}.what-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.what{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--r-sm);border:1.5px solid var(--line);font-weight:600;font-size:14px;text-align:left;transition:all .2s}.what:hover{border-color:var(--ink-3)}.what.on{border-color:var(--ink);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--ink)}.log-cols{display:grid;gap:4px 18px}@media (min-width: 640px){.log-cols{grid-template-columns:1fr 1fr}}.date-in{height:38px;border-radius:999px;padding:0 12px;font-size:13.5px}.measure-in{width:160px}.feelings{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.feelings button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:var(--r-sm);background:#ffffff1a;color:#fffc;transition:all .2s var(--spring)}.feelings button small{font-size:11.5px;font-weight:700}.feelings button.on{background:#fff;color:#121a2b;transform:translateY(-3px) scale(1.04)}.feelings.light button{background:var(--surface-2);color:var(--ink-2)}.feelings.light button.on{background:var(--ink);color:var(--bg)}.log-foot{position:sticky;bottom:-24px;margin:6px -20px -24px;padding:14px 20px calc(18px + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}@media (min-width: 760px){.log-foot{margin:6px -26px -26px;padding:16px 26px;border-radius:0 0 30px 30px}}.xp-preview{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.xp-preview small{color:var(--ink-3);font-size:12.5px}.xp-chip{font-family:var(--display);font-weight:800;font-size:20px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.workout-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.workout{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .25s var(--ease),box-shadow .25s;animation:rise .5s var(--ease) both}.workout:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.wo-art{position:relative;height:136px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--g1),var(--g2));overflow:hidden}.wo-art:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:28px solid rgba(255,255,255,.12);right:-70px;top:-80px}.wo-min{position:absolute;left:16px;bottom:12px;font-family:var(--display);font-size:30px;font-weight:800;line-height:1}.wo-min small{font-size:13px;font-weight:600;margin-left:2px;opacity:.85}.wo-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:4px}.wo-body b{font-size:17px;font-family:var(--display)}.wo-body small{color:var(--ink-3)}.wo-tags{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.search{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink-3);min-width:220px}.search input{border:0;outline:0;background:none;flex:1;color:var(--ink)}.move-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.move{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-align:left;transition:transform .2s var(--ease),border-color .2s}.move:hover{transform:translateY(-2px);border-color:var(--ink-3)}.move-txt b{display:block;font-size:15px}.move-txt small{color:var(--ink-3);font-size:12.5px}.move-detail{display:grid;gap:16px}.kv span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.kv p{font-size:16px;margin-top:2px}.kv-row{display:flex;gap:6px;flex-wrap:wrap}.builder-list{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px}.builder-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);background:var(--surface-2)}.b-num{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--ink);color:var(--bg);font-weight:800;font-size:13px;flex-shrink:0}.b-name{flex:1;font-weight:650;min-width:0}.b-sec{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-3)}.b-sec input{width:64px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surface);padding:0 8px;text-align:center}.b-actions{display:flex;gap:4px}.builder-add{display:flex;gap:8px;margin-bottom:18px}.builder-add select{flex:1;height:44px}.builder-row{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;margin-bottom:18px}.stepper{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:var(--r-sm);background:var(--surface-2);margin-bottom:16px}.builder-row .stepper{margin-bottom:0}.stepper>span{font-size:12.5px;font-weight:700;color:var(--ink-2)}.stepper div{display:flex;align-items:center;gap:12px}.stepper b{font-family:var(--display);font-size:22px;min-width:28px;text-align:center}.stepper .icon-btn{background:var(--surface)}.builder-total{margin-left:auto;display:flex;flex-direction:column;justify-content:center;text-align:right}.builder-total span{font-size:12.5px;color:var(--ink-3)}.builder-total b{font-family:var(--display);font-size:26px}.back{display:inline-flex;align-items:center;gap:6px;font-weight:650;color:var(--ink-2);margin-bottom:14px}.wo-hero{position:relative;overflow:hidden;display:flex;gap:22px;align-items:flex-end;flex-wrap:wrap;padding:28px;border-radius:var(--r-lg);color:#fff;background:linear-gradient(140deg,var(--g1),var(--g2));margin-bottom:18px;min-height:230px}.wo-hero .contours{opacity:.3}.wo-hero-ico{position:relative;width:84px;height:84px;border-radius:26px;display:grid;place-items:center;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wo-hero>div:last-child{position:relative}.wo-hero-sub{color:#ffffffd9;margin-top:6px;font-size:16px}.wo-stats{display:flex;gap:18px;margin-top:16px;flex-wrap:wrap}.wo-stats span{font-size:14px;color:#ffffffd9}.wo-stats b{font-family:var(--display);font-size:24px;color:#fff;margin-right:3px}.detail-grid{display:grid;gap:16px}@media (min-width: 900px){.detail-grid{grid-template-columns:1.4fr 1fr;align-items:start}.join{position:sticky;top:24px}}.step-list{list-style:none;padding:0;margin:0 0 14px;counter-reset:s;display:grid;gap:4px}.step-list li{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.step-list li div{flex:1;min-width:0}.step-list b{display:block}.step-list small{color:var(--ink-3);font-size:13px}.step-time{font-weight:800;font-family:var(--display);font-size:17px}.join{display:flex;flex-direction:column;gap:14px}.join .h-sm{margin:0}.join-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.join-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 10px;border-radius:var(--r);border:2px solid var(--line);font-weight:650;transition:all .2s var(--ease)}.join-btn:not(.on) .avatar{filter:grayscale(.7);opacity:.6}.join-btn.on{border-color:var(--hc);background:color-mix(in oklab,var(--hc) 9%,var(--surface))}.join-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--hc);color:#fff;transform:scale(0);transition:transform .25s var(--spring)}.join-btn.on .join-check{transform:scale(1)}.bonus-note{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--r-sm);background:color-mix(in oklab,#ffc94a 22%,var(--surface));font-weight:650;font-size:14px}.player{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden auto;background:#0b0f19;color:#fff;display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom))}.player-glow{position:absolute;inset:-20% -20% auto;height:80%;background:radial-gradient(50% 50% at 50% 50%,color-mix(in oklab,var(--g1) 70%,transparent),transparent 70%);filter:blur(30px);opacity:.55;transition:opacity .6s;pointer-events:none}.player.phase-rest .player-glow{background:radial-gradient(50% 50% at 50% 50%,rgba(94,224,200,.45),transparent 70%)}.player-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}.player-title{text-align:center}.player-title b{display:block;font-family:var(--display);font-size:17px}.player-title small{color:#fff9;font-weight:600}.segments{position:relative;display:flex;gap:4px;margin:16px 0 6px}.segments span{flex:1;height:5px;border-radius:9px;background:#ffffff24}.segments span.done{background:#ffffffd9}.segments span.now{background:var(--grad)}.player-stage{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:12px 0}@media (min-width: 900px) and (min-height: 600px){.player-stage{flex-direction:row;gap:70px}.move-now{max-width:420px}}.big-ring{position:relative;width:min(300px,74vw);aspect-ratio:1}.big-ring svg{width:100%;height:100%}.big-ring circle{transition:stroke-dashoffset .12s linear}.big-ring-in{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.phase-label{font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:14px;color:#ffffffb3}.secs{font-family:var(--display);font-size:clamp(88px,22vw,120px);font-weight:800;line-height:.95;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.secs.pulse{animation:pulse .5s var(--spring);color:var(--gold)}@keyframes pulse{0%{transform:scale(1.25)}}.paused{font-weight:700;color:var(--gold);font-size:14px}.move-now{display:flex;gap:16px;align-items:flex-start;width:100%;max-width:520px}.move-now .move-ico{background:#ffffff1f;color:#fff;width:54px;height:54px}.move-now h1{font-size:clamp(30px,6vw,46px)}.cue{color:#fffc;font-size:17px;margin-top:6px;min-height:2.6em}.easy-toggle{margin-top:12px;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:#ffffff1a;font-size:13px;font-weight:650;color:#ffffffd9}.easy-toggle.on{background:#5ee0c8;color:#082a24}.player-foot{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.joining{display:flex}.joining .avatar{margin-right:-8px;box-shadow:0 0 0 2px #0b0f19}.joining .avatar[data-ring]:after{display:none}.joining.center{justify-content:center;margin:18px 0 4px}.controls{display:flex;align-items:center;gap:16px}.play-btn{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#1b1206;box-shadow:0 16px 40px -12px #ff5f5ae6;transition:transform .2s var(--spring)}.play-btn:active{transform:scale(.92)}.next-up{text-align:right;display:flex;flex-direction:column}.next-up small{color:#ffffff8c;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.next-up b{font-size:15px}@media (max-width: 520px){.next-up,.joining:not(.center){display:none}.player-foot{grid-template-columns:1fr;justify-items:center}}.finish{align-items:center;justify-content:center}.finish-card{position:relative;width:100%;max-width:460px;text-align:center;animation:pop .5s var(--spring) both}.finish-burst{width:86px;height:86px;margin:0 auto 18px;border-radius:28px;display:grid;place-items:center;background:var(--grad);color:#1b1206;animation:wiggle 1.2s var(--spring) both}@keyframes wiggle{0%{transform:scale(0) rotate(-30deg)}60%{transform:scale(1.1) rotate(8deg)}to{transform:none}}.finish-card h1{font-size:34px}.finish-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 6px}.finish-stats span{padding:14px 6px;border-radius:var(--r);background:#ffffff14;display:flex;flex-direction:column}.finish-stats b{font-family:var(--display);font-size:26px}.finish-stats small{color:#fff9;font-weight:600}.finish-q{font-weight:700;margin:14px 0 10px}.finish-note{width:100%;margin:14px 0;background:#ffffff14;border-color:#ffffff1f;color:#fff}.finish-note::placeholder{color:#ffffff80}.celebrate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px;background:#080c1699;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade .25s both}.celebrate-card{width:100%;max-width:400px;background:var(--surface);border-radius:32px;padding:30px 26px 24px;text-align:center;box-shadow:var(--shadow-lg);animation:pop .5s var(--spring) both;position:relative;z-index:91}.celebrate-card h2{font-size:28px;margin-bottom:8px}.cel-avatars{display:flex;justify-content:center;margin-bottom:16px}.cel-avatars .avatar{margin:0 -6px;animation:hop .6s var(--spring) both}.cel-avatars .avatar:nth-child(2){animation-delay:.08s}.cel-avatars .avatar:nth-child(3){animation-delay:.16s}.cel-avatars .avatar:nth-child(4){animation-delay:.24s}@keyframes hop{0%{transform:translateY(20px) scale(.6);opacity:0}}.cel-xp{font-size:64px!important;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.cel-level{width:130px;height:130px;margin:0 auto 18px;border-radius:40px;display:grid;place-items:center;background:var(--grad);transform:rotate(45deg);animation:spinIn .8s var(--spring) both;box-shadow:0 20px 40px -18px #ff5f5ae6}.cel-level span{transform:rotate(-45deg);font-family:var(--display);font-size:56px;font-weight:800;color:#1b1206}@keyframes spinIn{0%{transform:rotate(-180deg) scale(0)}}.cel-badge,.badge-hero{position:relative;width:180px;margin:0 auto 16px;animation:spinIn .9s var(--spring) both;border-radius:50%;overflow:hidden}.badge-hero{width:220px;animation:none}.shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%);transform:translate(-120%);animation:shine 2.4s .6s ease-in-out infinite}@keyframes shine{60%,to{transform:translate(120%)}}.cel-stop{width:90px;height:90px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:var(--grad);color:#1b1206;animation:hop .6s var(--spring) both}.cel-dots{display:flex;justify-content:center;gap:6px;margin:20px 0 16px}.cel-dots span{width:7px;height:7px;border-radius:9px;background:var(--line);transition:width .3s}.cel-dots span.on{width:22px;background:var(--ink)}.quest-layout{display:grid;gap:18px}@media (min-width: 960px){.quest-layout{grid-template-columns:minmax(340px,440px) 1fr;align-items:start}.quest-side{position:sticky;top:24px}}.trail-card{padding:8px;overflow:hidden}.trail-svg{width:100%;height:auto;display:block}.trail-progress{transition:stroke-dashoffset 2s var(--ease);animation:draw 2s var(--ease) both}@keyframes draw{0%{stroke-dashoffset:3000}}.stop{cursor:pointer}.stop-dot{fill:var(--surface);stroke:var(--line);stroke-width:3;transition:r .25s var(--spring)}.stop.reached .stop-dot{fill:#ff8a4c;stroke:var(--surface)}.stop.picked .stop-dot{stroke:var(--ink);stroke-width:3.5}.stop-tick{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.stop-lock{fill:var(--line)}.stop-name{font:700 15px var(--display);fill:var(--ink)}.stop-km{font:600 12px var(--font);fill:var(--ink-3)}.stop:not(.reached) .stop-name{fill:var(--ink-3)}.token{animation:bob 2.4s ease-in-out infinite}.token-halo{fill:url(#fitfam-grad);opacity:.35;animation:halo 2s ease-out infinite;transform-origin:center;transform-box:fill-box}@keyframes halo{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.6);opacity:0}}@keyframes bob{50%{translate:0 -4px}}.quest-side{display:grid;gap:16px}.quest-big{position:relative;font-family:var(--display);font-size:52px;font-weight:800;line-height:1;letter-spacing:-.03em}.quest-big small{font-size:18px;font-weight:600;color:#fff9;letter-spacing:0}.postcard{position:relative;background:repeating-linear-gradient(-45deg,color-mix(in oklab,var(--t-coral) 8%,var(--surface)) 0 10px,var(--surface) 10px 20px) top / 100% 6px no-repeat,var(--surface);animation:rise .4s var(--ease) both}.postcard h3{font-size:26px;margin:2px 0 8px}.postcard-stamp{position:absolute;top:18px;right:18px;width:52px;height:60px;display:grid;place-items:center;border:2px dashed var(--line);border-radius:8px;color:var(--t-coral);transform:rotate(6deg)}.blurred{filter:blur(5px);-webkit-user-select:none;user-select:none}.postcard-nav{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.contrib{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:10px}.contrib li{display:grid;grid-template-columns:32px 54px 1fr 64px;gap:10px;align-items:center;font-size:14px}.contrib li b{text-align:right}.contrib-bar{height:10px;border-radius:9px;background:var(--track);overflow:hidden}.contrib-bar span{display:block;height:100%;border-radius:inherit;background:var(--hc);animation:grow 1s var(--ease) both;transform-origin:left}.trail-rewards{list-style:none;padding:0;margin:0;display:grid;gap:8px}.trail-rewards li{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-sm);background:var(--surface-2)}.trail-rewards li>span:nth-child(2){flex:1}.trail-rewards b{display:block;font-size:14.5px}.trail-rewards small{color:var(--ink-3);font-size:12.5px}.tr-ico{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--surface);color:var(--ink-3)}.trail-rewards li.got .tr-ico{background:var(--grad);color:#1b1206}.profile{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.profile .ring{flex-shrink:0}.profile-txt{flex:1;min-width:180px;display:grid;gap:6px}.profile-txt h2{font-size:26px}.lvl-chip{justify-self:start;padding:5px 12px;border-radius:999px;background:color-mix(in oklab,var(--hc) 14%,var(--surface));color:var(--hc);font-weight:800;font-size:13px}:root[data-theme=dark] .lvl-chip{color:color-mix(in oklab,var(--hc) 60%,#fff)}.stat-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tile{display:flex;flex-direction:column;gap:2px;padding:18px}.tile-ico{width:40px;height:40px;border-radius:13px;margin-bottom:10px}.tile-val{font-family:var(--display);font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.05}.tile-label{font-weight:650;color:var(--ink-2);font-size:14px}.goal-track{display:flex;align-items:center;gap:6px;margin-top:18px}.goal-track span{width:32px;height:10px;border-radius:9px;background:var(--track)}.goal-track span.on{background:var(--hc)}.goal-track small{margin-left:8px;font-weight:700;color:var(--ink-2)}.next-badge{display:flex;gap:16px;align-items:center;margin:8px 0 4px}.next-badge>div{flex:1;display:grid;gap:6px}.locked-art{filter:grayscale(.85);opacity:.75;border-radius:50%}.heat-wrap{display:grid;grid-template-columns:auto 1fr;gap:8px}.heat-days{display:grid;grid-template-rows:repeat(7,1fr);gap:4px;font-size:10.5px;font-weight:700;color:var(--ink-3)}.heat-days span{display:flex;align-items:center}.heat{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.heat-col{display:grid;grid-template-rows:repeat(7,1fr);gap:4px}.hc{aspect-ratio:1;border-radius:5px;background:var(--track);transition:transform .15s}.hc:hover,.hc:focus-visible{transform:scale(1.25);outline:2px solid var(--ink);outline-offset:1px}.hc.l1{background:#ffd9b8}.hc.l2{background:#ffa66b}.hc.l3{background:#f2672f}.hc.l4{background:#b93f12}:root[data-theme=dark] .hc.l1{background:#5a2e1a}:root[data-theme=dark] .hc.l2{background:#9a4720}:root[data-theme=dark] .hc.l3{background:#e0632c}:root[data-theme=dark] .hc.l4{background:#ffad7a}.hc.future{background:transparent;border:1px dashed var(--line)}.heat-legend{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--ink-3)}.heat-legend .hc{width:12px}.heat-legend .hc:hover{transform:none;outline:0}.heat-tip,.feel-tip{grid-column:1 / -1;font-size:13px;min-height:20px;margin-top:6px}.pb-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}.pb-list li{display:flex;align-items:center;gap:12px}.pb-name{flex:1;min-width:0}.pb-name b{display:block;font-size:14.5px}.pb-name small{color:var(--ink-3);font-size:12.5px}.pb-val{font-family:var(--display);font-weight:800;font-size:20px}.pb-val small{font-family:var(--font);font-size:12px;color:var(--ink-3);font-weight:600}.mix-bar{display:flex;gap:2px;height:18px;border-radius:6px;overflow:hidden;margin:14px 0 12px}.mix-bar span{height:100%;border-radius:4px}.mix-legend{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px 14px;font-size:13.5px}.mix-legend li{display:flex;align-items:center;gap:8px}.mix-legend b{margin-left:auto}.sw{width:10px;height:10px;border-radius:3px;flex-shrink:0}.fav-row{display:flex;flex-wrap:wrap;gap:8px}.fav{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--surface-2);font-weight:600;font-size:13.5px}.fav small{color:var(--ink-3)}.feel-chart{position:relative;margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:0 10px}.feel-chart svg{width:100%;height:auto}.gridline{stroke:var(--line);stroke-width:1}.crosshair{stroke:var(--ink-3);stroke-dasharray:3 4}.feel-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--ink-3);font-weight:600;padding:8px 0}.history{list-style:none;padding:0;margin:0 0 12px}.history li{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:4px 14px;padding:12px 0;border-top:1px solid var(--line)}.history li:first-child{border-top:0}.h-date b{display:block;font-size:14px}.h-date small,.h-title small{color:var(--ink-3);font-size:12.5px}.h-title{min-width:0}.h-title b,.h-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-min,.h-xp,.h-feel{display:none}@media (min-width: 640px){.history li{grid-template-columns:70px 1fr 70px 70px 28px 32px}.h-min,.h-xp,.h-feel{display:block;font-weight:700;font-size:14px}.h-xp{color:var(--t-coral)}.h-feel{color:var(--ink-3)}}.cabinet{display:flex;gap:10px;margin-bottom:22px;overflow-x:auto;scrollbar-width:none}.cab{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-weight:650;white-space:nowrap}.cab b{font-family:var(--display);color:var(--hc);font-size:18px}.cab.on{border-color:var(--hc);box-shadow:inset 0 0 0 1px var(--hc)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 10px 16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);animation:rise .5s var(--ease) both;transition:transform .25s var(--ease),box-shadow .25s}.badge:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:var(--shadow-lg)}.badge-art{width:140px;height:140px;display:grid;place-items:center;margin-bottom:8px}.badge-art img{border-radius:50%}.badge.got .badge-art img{animation:float 4s ease-in-out infinite;filter:drop-shadow(0 10px 14px rgba(18,26,43,.2))}.badge.locked .badge-art img{filter:grayscale(1) contrast(.85);opacity:.5}@keyframes float{50%{transform:translateY(-5px)}}.badge b{font-size:15px;text-align:center}.badge small{color:var(--ink-3);font-weight:600}.badge-detail{display:grid;gap:14px;text-align:center}.badge-hero.locked img{filter:grayscale(1);opacity:.55}.reward-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.reward{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--r);background:var(--surface-2);transition:transform .2s}.reward.open:not(.claimed){background:color-mix(in oklab,var(--hc, #ff8a4c) 9%,var(--surface));box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--hc, #ff8a4c) 45%,transparent)}.rw-ico{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--surface);color:var(--ink-3);flex-shrink:0}.reward.open .rw-ico{background:var(--grad);color:#1b1206}.reward.claimed .rw-ico{background:var(--surface);color:var(--ok)}.rw-txt{flex:1;min-width:0}.rw-txt b{display:block}.rw-txt small{color:var(--ink-3);font-size:12.5px}.reward.locked{opacity:.75}.lvl-need{font-weight:800;font-size:13px;color:var(--ink-3)}.reward-list.compact .reward{padding:10px 12px}.jar{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.jar>div:last-of-type{flex:1;min-width:220px}.jar.off{gap:16px;color:var(--ink-2)}.jar-art{position:relative;width:70px;height:90px;border:3px solid var(--ink-3);border-radius:14px 14px 22px 22px;overflow:hidden}.jar-art:before{content:"";position:absolute;top:-3px;left:10px;right:10px;height:10px;background:var(--ink-3);border-radius:4px}.jar-art span{position:absolute;inset:auto 0 0;background:repeating-radial-gradient(circle at 30% 30%,#ffc94a 0,#ffc94a 6px,#f0a92c 6px,#f0a92c 9px);transition:height 1s var(--ease)}.pin-dots{display:flex;justify-content:center;gap:14px;margin:20px 0}.pin-dots span{width:16px;height:16px;border-radius:50%;border:2px solid var(--ink-3);transition:all .2s var(--spring)}.pin-dots span.on{background:var(--ink);border-color:var(--ink);transform:scale(1.1)}.pin-dots.shake{animation:shake .4s}.pin-dots.shake span.on{background:#e2553a;border-color:#e2553a}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:300px;margin:0 auto 14px}.keypad button{height:60px;border-radius:18px;background:var(--surface-2);font-family:var(--display);font-size:24px;font-weight:700;transition:transform .1s,background .2s}.keypad button:active{transform:scale(.94);background:var(--line)}.week-nav{display:flex;align-items:center;gap:8px;font-weight:700}.week-nav span{min-width:120px;text-align:center}.planner{display:none;padding:18px;overflow-x:auto}.planner-grid{display:grid;grid-template-columns:150px repeat(7,minmax(96px,1fr));gap:8px;min-width:860px}.pg-row{display:contents}.pg-day{display:flex;flex-direction:column;padding:4px 8px}.pg-day b{font-size:14px}.pg-day small{color:var(--ink-3);font-size:12px}.pg-day.today b{color:var(--t-coral)}.pg-hero{display:flex;align-items:center;gap:10px}.pg-hero b{display:block}.pg-hero small{color:var(--ink-3);font-size:12px}.plan-cell{position:relative;min-height:86px;padding:10px;border-radius:var(--r-sm);background:var(--surface-2);border:1.5px solid transparent;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;transition:all .2s var(--ease)}.plan-cell:hover{border-color:var(--ink-3)}.plan-cell.today{border-color:var(--hc)}.plan-cell.done{background:color-mix(in oklab,var(--hc) 12%,var(--surface))}.plan-cell.skipped{opacity:.55;background:repeating-linear-gradient(135deg,var(--surface-2) 0 6px,transparent 6px 12px)}.pc-ico{width:28px;height:28px;border-radius:9px}.pc-name{font-size:13px;font-weight:700;line-height:1.2}.pc-min{font-size:12px;color:var(--ink-3);font-weight:600;margin-top:auto}.pc-empty{margin:auto;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1.5px dashed var(--ink-3);color:var(--ink-3)}.pc-done{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--hc);color:#fff;animation:hop .4s var(--spring) both}.planner-mobile{display:block}.day-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:14px}.ds{display:flex;flex-direction:column;align-items:center;padding:8px 0;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line)}.ds small{font-size:11px;color:var(--ink-3);font-weight:700}.ds b{font-family:var(--display);font-size:18px}.ds.today small{color:var(--t-coral)}.ds.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.ds.on small{color:inherit;opacity:.7}.day-list{display:grid;gap:10px}.day-item{display:flex;align-items:center;gap:12px}.day-item .plan-cell{flex:1;min-height:64px;flex-direction:row;align-items:center}.day-item .pc-min{margin:0 0 0 auto}.day-item .pc-done{position:static}@media (min-width: 900px){.planner{display:block}.planner-mobile{display:none}}.legend-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;font-size:13px;color:var(--ink-3)}.legend-row>span{display:inline-flex;align-items:center;gap:6px}.lg{width:18px;height:18px;border-radius:6px;display:inline-grid;place-items:center}.lg.done{background:var(--t-teal);color:#fff;border-radius:50%}.lg.plan{background:var(--surface-2);border:1px solid var(--line)}.lg.skip{background:repeating-linear-gradient(135deg,var(--line) 0 3px,transparent 3px 6px)}.plan-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.plan-opt{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--r-sm);border:1.5px solid var(--line);text-align:left}.plan-opt:hover{border-color:var(--ink-3)}.plan-opt b{display:block;font-size:14px}.plan-opt small{color:var(--ink-3)}.po-ico{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(140deg,var(--g1),var(--g2));flex-shrink:0}.sheet .chip-row.tight{margin-bottom:14px}.print-page{min-height:100dvh;background:var(--surface-2);padding:18px}.print-bar{max-width:1120px;margin:0 auto 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.sheet-a4{max-width:1120px;margin:0 auto;background:#fff;color:#121a2b;border-radius:18px;padding:34px;box-shadow:var(--shadow-lg);overflow-x:auto}.a4-head{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:3px solid #121a2b;padding-bottom:16px;margin-bottom:18px;flex-wrap:wrap}.a4-brand{display:flex;align-items:center;gap:10px}.a4-brand img{border-radius:12px}.a4-brand b{display:block;font-family:var(--display);font-size:22px}.a4-brand small{color:#6f7789;font-weight:600}.a4-title{text-align:right}.a4-title h1{font-size:34px}.a4-title p{color:#6f7789;font-weight:600}.a4-table{width:100%;border-collapse:separate;border-spacing:6px;min-width:820px}.a4-table th{font-size:13px;text-align:left;padding:4px 6px}.a4-table thead th small{display:block;color:#6f7789;font-weight:600}.a4-table td{vertical-align:top;position:relative;height:92px;padding:8px;border:1.5px solid #e6dfd3;border-radius:12px;font-size:13px}.a4-plan{display:block;font-weight:700;padding-right:20px}.a4-table td small{color:#6f7789}.a4-tick{position:absolute;right:8px;bottom:8px;width:24px;height:24px;border-radius:50%;border:2px solid #121a2b}.a4-hero{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:16px!important}.a4-hero img{border-radius:50%;box-shadow:0 0 0 2.5px var(--hc)}.a4-goal{text-align:center;vertical-align:middle!important}.a4-goal b{display:block;font-family:var(--display);font-size:26px}.a4-foot{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;margin-top:20px}.a4-foot b{display:block;font-size:13px;margin-bottom:10px}.a4-line{display:block;border-bottom:1.5px solid #c9c2b5;height:28px}.a4-stickers{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.a4-stickers b{width:100%}.a4-stickers span{width:40px;height:40px;border-radius:50%;border:2px dashed #c9c2b5}@media print{@page{size:A4 landscape;margin:10mm}body,.print-page{background:#fff!important;padding:0}.no-print{display:none!important}.sheet-a4{box-shadow:none;padding:0;max-width:none;border-radius:0;overflow:visible}.a4-table{min-width:0}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.calm-layout{display:grid;gap:18px}@media (min-width: 960px){.calm-layout{grid-template-columns:1.4fr 1fr;align-items:start}}.calm-card{display:flex;flex-direction:column;align-items:center;gap:18px;padding:28px;background:linear-gradient(180deg,color-mix(in oklab,var(--t-sky) 9%,var(--surface)),var(--surface))}.calm-card .segmented{margin-bottom:0}.breath{position:relative;width:min(320px,78vw);aspect-ratio:1;display:grid;place-items:center}.breath-orb{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a9d8ff,#5b8def 55%,#4b3fc4);box-shadow:0 30px 60px -20px #4b3fc48c;transform:scale(.9);transition:transform var(--dur) ease-in-out;animation:idle 5s ease-in-out infinite}.breath-orb.two{top:8%;right:8%;bottom:8%;left:8%;background:none;border:2px solid color-mix(in oklab,#5b8def 40%,transparent);box-shadow:none}@keyframes idle{50%{transform:scale(.96)}}.breath.run .breath-orb{animation:none}.breath.run.in .breath-orb{transform:scale(1.12)}.breath.run.out .breath-orb{transform:scale(.62)}.breath.run.hold .breath-orb{transition-duration:.3s}.breath-txt{position:relative;display:grid;text-align:center;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.25)}.breath-txt b{font-family:var(--display);font-size:24px}.breath-txt span{font-family:var(--display);font-size:44px;font-weight:800;line-height:1}.breath-txt span.small{font-family:var(--font);font-size:13px;font-weight:600}.calm-side{display:grid;gap:16px}.calm-side .card{display:grid;gap:8px;justify-items:start}.gratitude{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:10px}.gratitude li{display:flex;gap:10px;align-items:center;font-weight:600}.gratitude svg{color:var(--t-coral);flex-shrink:0}.profile-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:18px}.hero-profile{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding-top:50px}.hp-band{position:absolute;inset:0 0 auto;height:86px;background:linear-gradient(135deg,var(--hc),color-mix(in oklab,var(--hc) 55%,#ffc94a))}.hero-profile .avatar{box-shadow:0 0 0 5px var(--surface);margin-bottom:8px}.hero-profile .avatar[data-ring]:after{display:none}.hero-profile h2{display:flex;align-items:center;gap:8px}.hp-title{font-weight:700;color:var(--hc)}:root[data-theme=dark] .hp-title{color:color-mix(in oklab,var(--hc) 60%,#fff)}.hp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:14px 0 10px}.hp-stats span{display:flex;flex-direction:column;padding:8px 0;border-radius:var(--r-sm);background:var(--surface-2)}.hp-stats b{font-family:var(--display);font-size:22px}.hp-stats small{color:var(--ink-3);font-size:11.5px;font-weight:700}.hp-badges{display:flex;justify-content:center;min-height:34px}.hp-badges img{border-radius:50%;margin:0 -5px;box-shadow:0 0 0 2px var(--surface)}.hp-actions{display:flex;gap:8px;margin-top:12px}.leader{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:10px}.leader li{display:grid;grid-template-columns:22px 32px 52px 1fr 64px;gap:10px;align-items:center;font-size:14px}.rank{font-family:var(--display);font-weight:800;color:var(--ink-3)}.leader-bar{height:10px;background:var(--track);border-radius:9px;overflow:hidden}.leader-bar span{display:block;height:100%;background:var(--hc);border-radius:inherit;animation:grow 1s var(--ease) both;transform-origin:left}.momentum{display:grid;gap:10px}.momentum h3{font-size:22px}.momentum-avatars{display:flex;gap:8px;margin-top:6px}.editor-top{display:flex;align-items:center;gap:18px;margin-bottom:8px}.editor-top .field{margin:0}.animal-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.animal{border-radius:50%;padding:3px;border:3px solid transparent;transition:transform .2s var(--spring)}.animal img{border-radius:50%}.animal.on{border-color:var(--hc, var(--ink));transform:scale(1.08)}.colour-row{display:flex;gap:10px;margin-bottom:18px}.swatch{width:38px;height:38px;border-radius:50%;transition:transform .2s var(--spring)}.swatch.on{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--ink);transform:scale(1.08)}.set-group{margin-bottom:16px;padding:18px 20px 8px}.set-group .h-sm{margin-bottom:6px}.set-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line);flex-wrap:wrap}.set-group .h-sm+.set-row,.privacy+.set-row{border-top:0}.set-ico{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--surface-2);color:var(--ink-2);flex-shrink:0}.set-txt{flex:1;min-width:180px}.set-txt b{display:block;font-size:15px}.set-txt small{color:var(--ink-3);font-size:13px}.set-ctl{margin-left:auto;display:flex;align-items:center}.set-ctl .segmented{margin:0}.set-ctl select,.set-ctl input{height:36px;border-radius:10px;padding:0 10px}.set-inline{display:flex;align-items:center;gap:10px}.set-sub{padding:0 0 12px 52px}.pin-in{width:80px;text-align:center;letter-spacing:.3em}.privacy{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:var(--r-sm);background:color-mix(in oklab,var(--ok) 9%,var(--surface));color:var(--ink-2);margin:8px 0 6px}.privacy svg{color:var(--ok);flex-shrink:0;margin-top:1px}.about{margin:24px 0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.shine,.contours,.token,.token-halo{animation:none!important}}.stack{display:flex;flex-direction:column;gap:16px;min-width:0}@media (min-width: 760px){.stack{gap:18px}}.stack .quick-grid{grid-template-columns:repeat(2,1fr)}.next-reward{display:flex;align-items:center;gap:12px;margin-top:18px;padding:10px;border-radius:var(--r-sm);background:var(--surface-2)}.next-reward>span:nth-child(2){flex:1;min-width:0}.next-reward small{display:block;color:var(--ink-3);font-size:12px;font-weight:600}.next-reward b{font-size:14.5px}.badge-strip{display:flex;margin:14px 0 0}.badge-strip img{border-radius:50%;margin-right:-8px;box-shadow:0 0 0 2px var(--surface)}@property --hc{syntax: "<color>"; inherits: true; initial-value: #e8453f;}.lockup{display:inline-flex;align-items:center;gap:10px}.lockup .wordmark{font-size:27px}.wordmark{display:inline-flex;font-family:var(--display);font-weight:800;letter-spacing:-.04em;line-height:1;color:inherit}.wm-l{display:inline-block}.wm-i{position:relative;display:inline-block}.wm-dot{position:absolute;left:50%;top:.07em;width:.21em;height:.21em;border-radius:50%;background:#2ec4b6;transform:translate(-50%)}.made-by{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--ink-3);letter-spacing:.01em}.made-by img{width:16px;height:16px;opacity:.85}.side-credit{padding:2px 14px 0;opacity:.8}.sheet-credit{display:flex;justify-content:center;margin-top:18px}.empty-feed{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;border-radius:var(--r);background:var(--surface-2)}.empty-feed svg{color:var(--t-coral)}.empty-feed p{color:var(--ink-2);max-width:46ch}.empty-feed b{color:var(--ink)}.a4-credit{text-align:right;font-size:10px;color:#8a8f9c;margin-top:12px}.ob{--ob-ink: #f4f1ea;--ob-ink-2: rgba(244, 241, 234, .74);--ob-ink-3: rgba(244, 241, 234, .56);--ob-line: rgba(255, 255, 255, .14);--ob-fill: rgba(255, 255, 255, .05);position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;overflow-y:auto;overflow-x:hidden;color:var(--ob-ink);caret-color:#ffc94a;background:radial-gradient(120% 70% at 50% -8%,#22304d,#0e1526 52%,#090d18);display:flex;flex-direction:column;min-height:100dvh}.ob ::selection{background:#ff8a4c73;color:#fff}.ob :focus-visible{outline:3px solid #ffc94a;outline-offset:3px}.ob-echo{position:fixed;left:50%;top:42%;width:170vmax;height:170vmax;transform:translate(-50%,-50%);pointer-events:none}.ob-echo circle{fill:none;stroke:#ffffff0b;stroke-width:1.2}.ob-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:58px;padding:0 28px;border-radius:999px;font-weight:700;font-size:17px;transition:transform .2s var(--ease),box-shadow .25s,background .2s;white-space:nowrap}.ob-btn.primary{background:linear-gradient(135deg,#ff5f5a,#ffb347);color:#1b1206;box-shadow:0 16px 36px -16px #ff5f5af2}.ob-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 40px -14px #ff5f5a}.ob-btn.ghost{background:var(--ob-fill);border:1px solid var(--ob-line);color:var(--ob-ink)}.ob-btn.ghost:hover{background:#ffffff1a}.ob-btn.sm{height:50px;padding:0 22px;font-size:16px}.ob-btn.add{height:52px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:var(--ob-ink);margin-top:6px}.ob-btn.add:hover:not(:disabled){background:#ffffff29}.ob-btn:active:not(:disabled){transform:scale(.97)}.ob-btn:disabled{opacity:.38}.ob-intro{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:max(36px,env(safe-area-inset-top)) 20px calc(64px + env(safe-area-inset-bottom))}.ob-stage{position:relative;width:clamp(180px,30vh,280px);aspect-ratio:1;perspective:900px;margin-bottom:18px}.ob-hero-mark{position:relative;width:100%;height:100%;transform-style:preserve-3d;filter:drop-shadow(0 30px 50px rgba(255,95,90,.28))}.ob-hero-mark .mark{width:100%;height:100%}.ob-ripple{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;border:2px solid rgba(255,138,76,.55);opacity:0;pointer-events:none}.ob-orbit{position:absolute;top:-24%;right:-24%;bottom:-24%;left:-24%;pointer-events:none}.ob-hero-face{position:absolute;width:58px;height:58px;border-radius:50%;box-shadow:0 0 0 4px #101829,0 16px 30px -12px #000000b3}.ob-hero-face img{width:100%;height:100%;border-radius:50%}.ob-hero-face:nth-child(1){top:10%;left:4%}.ob-hero-face:nth-child(2){top:70%;left:2%;width:48px;height:48px}.ob-hero-face:nth-child(3){top:80%;left:78%}.ob-hero-face:nth-child(4){top:46%;left:93%;width:46px;height:46px}@media (max-height: 700px),(max-width: 420px){.ob-hero-face:nth-child(n+3){display:none}}.ob-wordmark{font-size:clamp(58px,9.5vw,116px);overflow:hidden;padding:.06em .04em .1em;color:#fff}.ob-title{font-family:var(--display);font-weight:600;font-size:clamp(25px,3.2vw,38px);letter-spacing:-.02em;line-height:1.15;margin:10px 0 12px;text-wrap:balance;color:var(--ob-ink)}.ob-word{display:inline-block;white-space:pre}.ob-lede{max-width:44ch;font-size:17.5px;line-height:1.55;color:var(--ob-ink-2);text-wrap:pretty}.ob-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}.ob-private{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:14px;color:var(--ob-ink-3)}.ob-private svg{color:#5ee0c8}.ob-credit{color:#f4f1ea80}.ob-intro .ob-credit{position:absolute;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%)}.ob-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(16px,env(safe-area-inset-top)) clamp(16px,3vw,32px) 12px}.ob-brand{display:inline-flex;align-items:center;gap:10px}.ob-brand .wordmark{font-size:24px;color:#fff}.ob-progress{display:flex;gap:6px}.ob-progress span{width:38px;height:6px;border-radius:9px;background:#ffffff24;transition:background .4s}.ob-progress span.done{background:#ffffffb3}.ob-progress span.now{background:linear-gradient(90deg,#ff5f5a,#ffc94a)}.ob-count{font-size:13.5px;font-weight:600;color:var(--ob-ink-3);min-width:76px;text-align:right}@media (max-width: 600px){.ob-count{display:none}.ob-progress span{width:22px}}.ob-panel{position:relative;flex:1;padding:8px clamp(16px,3vw,32px) 32px}.ob-step{width:100%;max-width:1060px;margin:0 auto;padding-top:clamp(12px,6vh,64px)}.ob-step.narrow{max-width:660px}.ob-step h2{font-family:var(--display);font-size:clamp(32px,4.6vw,54px);font-weight:700;letter-spacing:-.03em;line-height:1.04;text-wrap:balance;color:#fff}.ob-sub{margin:14px 0 30px;max-width:52ch;font-size:17px;line-height:1.55;color:var(--ob-ink-2);text-wrap:pretty}.ob-input{width:100%;height:76px;padding:0 24px;border-radius:22px;border:1.5px solid var(--ob-line);background:var(--ob-fill);color:#fff;outline:none;font-family:var(--display);font-weight:600;font-size:clamp(26px,3.6vw,36px);letter-spacing:-.02em;transition:border-color .2s,box-shadow .2s,background .2s}.ob-input::placeholder{color:#f4f1ea57}.ob-input:focus{border-color:#ffb347;background:#ffffff12;box-shadow:0 0 0 5px #ffb34729}.ob-input.sm{height:58px;font-family:var(--font);font-size:19px;font-weight:600;letter-spacing:0;border-radius:16px;padding:0 18px}.ob-input.pin{width:168px;text-align:center;letter-spacing:.45em;font-size:24px}.ob-preview{margin-top:28px;padding:22px 24px;border-radius:22px;border:1px dashed var(--ob-line);display:grid;gap:6px}.ob-preview-label{font-size:13.5px;color:var(--ob-ink-3)}.ob-preview-hello{font-family:var(--display);font-weight:700;font-size:clamp(26px,3.4vw,36px);letter-spacing:-.02em;color:#ffffff4d;transition:color .4s;overflow-wrap:anywhere}.ob-preview.on .ob-preview-hello{color:#fff}.ob-step.split{display:grid;gap:28px}@media (min-width: 920px){.ob-step.split{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:56px;align-items:start}.ob-side{position:sticky;top:12px}}@media (max-width: 919px){.ob-side{order:-1}.ob-card{max-width:340px;margin:0 auto}}.ob-field{display:grid;gap:9px;margin-bottom:20px}.ob-field>span{font-size:14.5px;font-weight:650;color:var(--ob-ink-2)}.ob-field em{font-style:normal;font-weight:500;color:var(--ob-ink-3);margin-left:6px}.ob-field small{font-size:13.5px;color:var(--ob-ink-3);max-width:52ch;line-height:1.5}.ob-chars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}@media (max-width: 480px){.ob-chars{grid-template-columns:repeat(3,minmax(0,1fr))}}.ob-chars button{aspect-ratio:1;padding:4px;border-radius:50%;border:3px solid transparent;background:var(--ob-fill);transition:transform .35s var(--spring),border-color .3s,box-shadow .3s}.ob-chars button img{width:100%;height:100%;border-radius:50%;opacity:.72;filter:saturate(.8);transition:opacity .3s,filter .3s}.ob-chars button:hover img{opacity:1;filter:none}.ob-chars button:hover{transform:translateY(-3px)}.ob-chars button.on{border-color:var(--hc);transform:scale(1.07);box-shadow:0 14px 30px -12px var(--hc)}.ob-chars button.on img{opacity:1;filter:none}.ob-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 20px}.ob-row .ob-field{margin-bottom:20px}.ob-swatches{display:flex;gap:10px}.ob-swatches button{width:36px;height:36px;border-radius:50%;transition:transform .25s var(--spring),box-shadow .25s}.ob-swatches button:hover{transform:scale(1.1)}.ob-swatches button.on{box-shadow:0 0 0 3px #0e1526,0 0 0 5px #fff;transform:scale(1.06)}.ob-check{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 16px 0 12px;margin-bottom:20px;border-radius:999px;border:1px solid var(--ob-line);background:var(--ob-fill);font-weight:650}.ob-box{width:24px;height:24px;border-radius:8px;border:2px solid rgba(255,255,255,.4);display:grid;place-items:center;color:transparent;transition:all .2s}.ob-check.on .ob-box{background:#2ec4b6;border-color:#2ec4b6;color:#0b1b1a}.ob-card{position:relative;overflow:hidden;border-radius:30px;background:#fff;color:#121a2b;text-align:center;padding:0 22px 24px;display:flex;flex-direction:column;align-items:center;box-shadow:0 40px 80px -36px #000c;transition:--hc .5s var(--ease)}.ob-card-band{position:absolute;inset:0 0 auto;height:96px;background:linear-gradient(135deg,var(--hc),color-mix(in oklab,var(--hc) 50%,#ffc94a))}.ob-card-face{position:relative;margin-top:36px;width:124px;height:124px;border-radius:50%;padding:4px;background:#fff;box-shadow:0 0 0 3px var(--hc),0 18px 34px -16px #121a2b99}.ob-card-face img{width:100%;height:100%;border-radius:50%}.ob-card-name{margin-top:14px;font-family:var(--display);font-size:30px;letter-spacing:-.02em;overflow-wrap:anywhere}.ob-card-level{margin-top:2px;font-size:14px;font-weight:600;color:#5d6576}.ob-card-bar{width:100%;height:10px;margin:18px 0 14px;border-radius:9px;background:#121a2b14;overflow:hidden}.ob-card-bar span{display:block;width:8%;height:100%;border-radius:inherit;background:var(--hc)}.ob-card-dots{display:flex;gap:6px}.ob-card-dots span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#6f7789;background:#f0ebe2}.ob-roster{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ob-roster li{display:inline-flex;align-items:center;gap:8px;padding:5px 6px 5px 5px;border-radius:999px;background:var(--ob-fill);border:1px solid color-mix(in oklab,var(--hc) 65%,transparent);font-weight:650;font-size:14.5px}.ob-roster img{border-radius:50%}.ob-roster button{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;color:var(--ob-ink-2)}.ob-roster button:hover{background:#ffffff2e;color:#fff}.ob-goals{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:12px}.ob-goals li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"face name label" "days days days";align-items:center;gap:12px 14px;padding:16px;border-radius:22px;background:var(--ob-fill);border:1px solid rgba(255,255,255,.08)}.ob-goals li>img{grid-area:face;border-radius:50%;box-shadow:0 0 0 3px var(--hc)}.ob-goals li>b{grid-area:name;font-size:18px}.ob-days{grid-area:days;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.ob-days button{height:44px;border-radius:13px;background:#ffffff0f;color:var(--ob-ink-3);font-weight:750;font-size:15px;transition:background .25s,color .25s,transform .2s var(--spring)}.ob-days button:hover{transform:translateY(-2px);color:#fff}.ob-days button.on{background:var(--hc);color:#fff}.ob-days-label{grid-area:label;font-size:14px;font-weight:600;color:var(--ob-ink-2)}.ob-step.win{max-width:640px;text-align:center}.ob-step.win .ob-sub{margin-left:auto;margin-right:auto}.ob-badge{position:relative;width:220px;margin:0 auto 26px}.ob-badge>img{border-radius:50%;filter:grayscale(.92) brightness(.9);box-shadow:0 0 0 10px #ffffff0a,0 40px 70px -30px #ff5f5a99}.ob-badge:after{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;border:2px dashed rgba(255,201,74,.45);animation:spin 22s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ob-badge-heroes{position:absolute;left:50%;bottom:-16px;transform:translate(-50%);display:flex;z-index:1}.ob-badge-heroes img{border-radius:50%;margin:0 -6px;box-shadow:0 0 0 3px #101829,0 0 0 5px var(--hc)}.ob-foot{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(16px,3vw,32px) calc(14px + env(safe-area-inset-bottom));background:#090d18b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.07)}.ob-credit.inline{color:#f4f1ea6b}@media (max-width: 600px){.ob-credit.inline{display:none}}@media (max-width: 919px){.ob-step.split{display:flex;flex-direction:column;gap:0}.ob-form{display:contents}.ob-form>*{order:3}.ob-form>h2{order:1}.ob-form>.ob-sub{order:2;margin-bottom:18px}.ob-side{order:2;margin-bottom:22px}.ob-card{max-width:none;display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center;text-align:left;padding:14px 18px 14px 14px;border-radius:24px}.ob-card-band{inset:0 auto 0 0;width:8px;height:auto}.ob-card-face{grid-row:span 2;margin:0 0 0 4px;width:72px;height:72px}.ob-card-name{margin:0;font-size:24px;align-self:end}.ob-card-level{align-self:start}.ob-card-bar,.ob-card-dots{display:none}.ob-roster{justify-content:flex-start;margin-top:12px}}