*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--surface-base);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block}:focus-visible{outline:3px solid var(--accent-purple);outline-offset:2px}.app{max-width:480px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 22px) var(--space-4) calc(env(safe-area-inset-bottom) + 24px);margin:0 auto}.masthead{align-items:center;gap:14px;display:flex}.masthead-name{font-family:var(--font-display);font-weight:var(--fw-masthead);font-size:var(--fs-masthead);line-height:var(--lh-masthead);letter-spacing:var(--ls-masthead);text-transform:uppercase;overflow-wrap:anywhere;font-style:italic}.menu-button{background:var(--surface-card);width:48px;height:48px;color:var(--ink);border:0;border-radius:16px;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 3px #2e254714}.page-header{align-items:center;gap:12px;display:flex}.page-title{font-family:var(--font-display);font-size:var(--fs-heading);font-weight:var(--fw-heading);align-items:center;gap:10px;display:flex}.page-title-bar{border-radius:3px;width:6px;height:22px}.menu-layer{z-index:10;position:fixed;inset:0}.menu-scrim{background:var(--slab);opacity:.25;position:absolute;inset:0}.menu-drawer{background:var(--slab);width:min(324px,86vw);color:var(--ink-on-slab);border-radius:0 var(--radius-slab) var(--radius-slab) 0;padding:calc(env(safe-area-inset-top) + 24px) 14px calc(env(safe-area-inset-bottom) + 22px);outline:none;flex-direction:column;gap:8px;animation:.22s cubic-bezier(.2,.8,.2,1) menu-in;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}@keyframes menu-in{0%{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.menu-drawer{animation:none}}.menu-drawer button{text-align:left;color:var(--ink-on-slab);background:0 0;border:0}.menu-profile{align-items:center;gap:12px;padding:0 4px 10px;display:flex}.menu-initial{border-radius:var(--radius-round);background:var(--surface-card);width:48px;height:48px;color:var(--ink);font-family:var(--font-display);justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.menu-name{font-family:var(--font-display);text-transform:uppercase;font-size:28px;font-style:italic;font-weight:700;line-height:1;display:block}.menu-profile-link{font-size:var(--fs-caption);color:var(--ink-on-slab-muted);margin-top:3px;display:block}.menu-row{height:54px;font-family:var(--font-display);text-transform:uppercase;border-radius:18px;flex:none;align-items:center;padding:0 18px;font-size:19px;display:flex;position:relative;overflow:hidden}.menu-row-label{z-index:1;position:relative}.menu-motif{position:absolute}.menu-drawer .menu-row.is-current{background:var(--surface-card);color:var(--ink);font-weight:700}.menu-row.is-current .menu-motif{display:none}.menu-links{border-top:1px solid var(--slab-track);flex-direction:column;margin-top:8px;padding-top:6px;display:flex}.menu-drawer .menu-link{color:var(--surface-track);padding:11px 18px;font-size:15px}.menu-drawer .menu-link.is-current{color:var(--ink-on-slab);font-weight:500}.menu-drawer .menu-admin{height:52px;font-family:var(--font-display);text-transform:uppercase;border:2px solid #6a5e92;border-radius:18px;flex:none;align-items:center;gap:10px;margin-top:auto;padding:0 16px;font-size:17px;display:flex}@media (display-mode:browser) and (pointer:coarse){.menu-drawer{padding-bottom:calc(env(safe-area-inset-bottom) + 96px)}}.login{flex-direction:column;min-height:100dvh;display:flex}.login-masthead{flex-direction:column;gap:18px;padding-top:8vh;display:flex}.login-title{font-family:var(--font-display);font-weight:var(--fw-masthead);font-style:italic;font-size:var(--fs-masthead);line-height:var(--lh-masthead);letter-spacing:var(--ls-masthead);text-transform:uppercase;color:var(--ink);margin:0}.login-bands{gap:6px;display:flex}.login-bands span{border-radius:5px;flex:1;height:10px}.login-body{justify-content:center;gap:var(--space-4);flex-direction:column;flex:1;padding-bottom:12vh;display:flex}.login-heading{font-family:var(--font-display);font-size:var(--fs-heading);margin:0;font-weight:500}.login-form{gap:var(--space-3);flex-direction:column;display:flex}.login-field{color:var(--ink-muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.login-field input{border:2px solid var(--hairline);background:var(--surface-card);height:56px;color:var(--ink);font:inherit;border-radius:16px;padding:0 16px;font-size:17px}.login-field input:focus{border-color:var(--accent-purple);outline:none}.login-primary,.login-secondary{border-radius:16px;height:56px;font-size:16px;font-weight:500}.login-primary{background:var(--action);color:var(--action-ink);border:0}.login-primary:disabled{opacity:.6}.login-secondary{border:2px solid var(--hairline);color:var(--ink);background:0 0}.login-note{color:var(--ink-muted);margin:0}.home{gap:var(--space-4);flex-direction:column;padding-bottom:96px;display:flex}.home-note{color:var(--ink-muted);margin:0}.home-loading{border-radius:var(--radius-slab);background:var(--surface-muted);height:172px}.section-label{font-size:var(--fs-label);letter-spacing:var(--ls-label);color:var(--ink-muted);margin:0 4px 8px;font-weight:500}.hero{background:var(--slab);color:var(--ink-on-slab);border-radius:var(--radius-slab);flex-direction:column;gap:8px;padding:18px 20px 16px;display:flex}.hero-label{font-size:var(--fs-label);letter-spacing:var(--ls-label);color:var(--ink-on-slab-muted);font-weight:500}.hero-row{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.hero-number{font-family:var(--font-display);font-weight:700;font-size:var(--fs-number-hero);line-height:var(--lh-number-hero);letter-spacing:var(--ls-number-hero)}.hero-unit{letter-spacing:0;font-size:36px}.hero-side{text-align:right;padding-bottom:6px}.hero-side-number{font-family:var(--font-display);font-size:44px;line-height:1}.hero-caption{font-size:var(--fs-caption);color:var(--ink-on-slab-muted)}.hero-track{background:var(--slab-track);border-radius:7px;height:14px;margin-top:6px;overflow:hidden}.hero-track>div{border-radius:7px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}.week-nav{justify-content:space-between;align-items:center;display:flex}.round-button{border-radius:var(--radius-round);background:var(--surface-card);width:48px;height:48px;color:var(--ink);border:0;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 3px #2e254714}.week-title{font-family:var(--font-display);font-size:18px}.week-title span{font-family:var(--font-sans);color:var(--ink-muted);font-size:13px}.week-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:10px;display:grid}.day{background:var(--surface-card);border-radius:var(--radius-tile);text-align:center;padding:13px 0 8px;position:relative;overflow:hidden}.day-edge{height:5px;position:absolute;top:0;left:0;right:0}.day-label{color:var(--ink-muted);font-size:11px;font-weight:500}.day-num{font-family:var(--font-display);font-size:19px}.day.is-off{background:var(--surface-muted)}.day.is-off .day-num{color:var(--ink-subtle)}.day.is-today{background:var(--slab);color:var(--ink-on-slab)}.day.is-today .day-label{color:var(--ink-on-slab)}.mission{color:var(--ink);border-radius:26px;min-height:116px;padding:16px 20px;position:relative;overflow:hidden}.mission-when{font-size:var(--fs-label);letter-spacing:var(--ls-label);font-weight:500;position:relative}.mission-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-mission);line-height:var(--lh-mission);text-transform:uppercase;position:relative}.mission-sub{margin-top:2px;font-size:13px;position:relative}.mission-motif{opacity:.35;position:absolute;bottom:-6px;right:-8px}.stack{position:relative}.stack-card{box-sizing:border-box;text-align:left;background:var(--surface-muted);height:122px;color:var(--ink-muted);border:0;border-top:6px solid;border-radius:26px;flex-direction:column;justify-content:flex-start;padding:4px 18px 8px;font-size:13px;line-height:16px;transition:top .25s,left .25s,right .25s;display:flex;position:absolute}.stack-card.is-front{background:var(--surface-card);color:var(--ink);padding:12px 20px;line-height:normal;box-shadow:0 8px 24px #2e25471f}.stack-head{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:8px;display:flex}.stack-number{font-family:var(--font-display);font-weight:700;font-size:var(--fs-number-card);line-height:var(--lh-number-card)}.stack-number small{color:var(--decimal);font-size:26px}.stack-number span{color:var(--ink-muted);font-size:16px;font-weight:400}.stack-detail{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chip{border-radius:var(--radius-chip);padding:3px 10px;font-size:12px;font-weight:500}.chip.is-good{background:var(--status-good);color:var(--status-good-ink)}.chip.is-flag{background:var(--status-flag);color:var(--status-flag-ink)}@media (prefers-reduced-motion:reduce){.stack-card,.hero-track>div{transition:none}}.upload-button{right:max(18px,50vw - 222px);bottom:calc(env(safe-area-inset-bottom) + 22px);border-radius:var(--radius-round);background:var(--action);width:64px;height:64px;color:var(--action-ink);border:0;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 8px 20px #2e25474d}.sport{flex-direction:column;gap:12px;padding-bottom:96px;display:flex}.sport-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.toggle{background:var(--surface-muted);border-radius:12px;flex:none;padding:3px;display:flex}.toggle button{color:var(--ink-muted);background:0 0;border:0;border-radius:9px;min-height:36px;padding:8px 10px;font-size:13px}.toggle button[aria-pressed=true]{background:var(--surface-card);color:var(--ink);font-weight:500;box-shadow:0 1px 3px #2e25471f}.period{background:var(--surface-card);border-radius:22px;justify-content:space-between;align-items:center;height:44px;padding:0 16px;font-size:14px;display:flex;position:relative;box-shadow:0 1px 3px #2e254714}.period-text{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.period-text strong{color:var(--ink);font-weight:500}.period select{opacity:0;width:100%;font-size:16px;position:absolute;inset:0}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.tile{background:var(--surface-card);border-radius:var(--radius-tile);min-width:0;padding:10px 8px}.tile-label{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.tile-value{font-family:var(--font-display);white-space:nowrap;font-size:24px;line-height:1.15}.tile-value small{color:var(--decimal);font-size:15px}.tile-value span{color:var(--ink-muted);font-size:13px}.tile-note{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.tile-track{background:var(--surface-track);border-radius:3px;height:5px;margin-top:6px;overflow:hidden}.tile-track>div{background:var(--sport);border-radius:3px;height:100%}.card{background:var(--surface-card);border-radius:16px;padding:14px}.card-head{justify-content:space-between;align-items:baseline;display:flex}.card-head h2{font-family:var(--font-display);margin:0;font-size:17px;font-weight:500}.card-head span{color:var(--ink-muted);font-size:12px}.chart{width:100%;height:auto;margin-top:6px;display:block;overflow:visible}.chart text{font-family:var(--font-sans)}.chart .grid line{stroke:var(--hairline);stroke-width:1px;stroke-dasharray:2 4;stroke-linecap:round}.chart .grid-labels text{fill:var(--ink-subtle);text-anchor:end;stroke:var(--surface-card);stroke-width:3px;paint-order:stroke;font-size:11px}.chart .bar-planned{fill:color-mix(in srgb, var(--sport) 28%, var(--surface-card))}.chart .bar-done{fill:var(--sport)}.chart .bar-value{font-family:var(--font-display);fill:var(--ink);text-anchor:middle;font-size:14px}.chart .bar-value .decimal{fill:var(--decimal);font-size:10px}.chart .bar-planned-value{font-family:var(--font-display);fill:var(--chart-ref);text-anchor:middle;font-size:13px}.chart .axis{fill:var(--ink-muted);text-anchor:middle;font-size:12px}.chart .trend-line{fill:none;stroke:var(--sport);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.chart .trend-dot{fill:var(--sport)}.chart .trend-value{fill:var(--ink-subtle);text-anchor:middle;stroke:var(--surface-card);stroke-width:3px;paint-order:stroke;font-size:11px}.chart .trend-value.is-last{fill:var(--ink);font-weight:500}.legend{color:var(--ink-muted);gap:14px;margin-top:4px;font-size:12px;display:flex}.legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;display:inline-block}.legend .is-done{background:var(--sport)}.legend .is-planned{background:color-mix(in srgb, var(--sport) 28%, var(--surface-card))}.recent{flex-direction:column;gap:6px;display:flex}.recent-row{background:var(--surface-card);border-radius:var(--radius-tile);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.recent-row>div{min-width:0}.recent-row .chip{white-space:nowrap;flex:none}.recent-title{font-size:14px;font-weight:500}.recent-detail{color:var(--ink-muted);font-size:12px}.log{flex-direction:column;gap:12px;padding-bottom:96px;display:flex}.log-filters{flex-direction:column;gap:8px;display:flex}.log-sports{scrollbar-width:none;gap:6px;margin:0 -16px;padding:2px 16px;display:flex;overflow-x:auto}.log-sports::-webkit-scrollbar{display:none}.log-sports button{background:var(--surface-card);min-height:40px;color:var(--ink);border:0;border-top:4px solid var(--sport,transparent);border-radius:20px;flex:none;padding:0 16px;font-size:14px;box-shadow:0 1px 3px #2e254714}.log-sports button[aria-pressed=true]{background:var(--slab);color:var(--ink-on-slab);font-weight:500}.log-month{flex-direction:column;gap:14px;display:flex}.log-month-head{z-index:1;background:var(--surface-base);flex-direction:column;gap:2px;padding:10px 2px 4px;display:flex;position:sticky;top:0}.log-month-head h2{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:30px;font-weight:700;line-height:1}.log-month-head h2 span{color:var(--ink-muted);font-size:18px;font-weight:500}.log-month-head>span{color:var(--ink-muted);font-size:13px}.log-week{flex-direction:column;gap:10px;display:flex}.log-week-head{align-items:center;gap:10px;display:flex}.log-week-label{font-size:var(--fs-label);letter-spacing:var(--ls-label);color:var(--ink-muted);text-transform:uppercase;white-space:nowrap;font-weight:500}.log-week-head:after{content:"";background:var(--hairline);flex:1;order:1;height:1px}.log-week-summary{color:var(--ink-muted);white-space:nowrap;order:2;font-size:12px}.log-day{flex-direction:column;gap:6px;display:flex}.log-day-head{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.log-day-head h3{font-family:var(--font-display);margin:0;font-size:18px;font-weight:500}.log-card{background:var(--surface-card);border-top:4px solid var(--sport);border-radius:16px;padding:10px 12px 12px;box-shadow:0 1px 3px #2e25470f}.log-card.is-missed{background:var(--surface-muted);box-shadow:none;border-top-style:dashed}.log-card.is-missed .log-card-title{color:var(--ink-muted)}.log-card-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.log-card-row>div{min-width:0}.log-card-row .chip{white-space:nowrap;flex:none;margin-top:2px}.log-card-sport{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink-muted);font-size:11px;font-weight:500}.log-card-title{font-size:15px;font-weight:500}.log-card-numbers{color:var(--ink-muted);margin-top:2px;font-size:13px}.log-card-note{border-left:2px solid var(--hairline);color:var(--ink-muted);margin:8px 0 0;padding-left:10px;font-size:13px}.log-note{background:color-mix(in srgb, var(--slab) 6%, var(--surface-card));border-radius:14px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.log-note p{margin:0;font-size:13px;line-height:1.4}.log-note strong{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink-muted);font-size:11px;font-weight:500;display:block}