.training-hero__note{margin-top:var(--space-6);max-width:46rem}.panel{gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);display:grid}.panel--stack{margin-top:var(--space-6)}.panel--danger{border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.panel__title{font-family:var(--font-display);font-size:var(--text-lg)}.field{gap:var(--space-2);display:grid}.field>label{font-weight:700}.field__hint{color:var(--text-muted);font-size:var(--text-sm)}.field__input{width:100%;min-width:0;max-width:100%;min-height:var(--tap-min);padding:var(--space-3) var(--space-4);font:inherit;color:var(--text);background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius)}.field__input--area{min-height:5.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-sm);resize:vertical;line-height:1.45}.actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.actions .btn{flex:11rem}.countdown{font-family:var(--font-display);font-size:var(--text-xl)}.status{color:var(--text-muted)}.status:empty{display:none}.plan{gap:var(--space-2);padding:0;list-style:none;display:grid}.plan__item{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);flex-wrap:wrap;display:flex}.plan__day{font-weight:700}.plan__game{color:var(--text-muted)}.plan__status{font-size:var(--text-sm);margin-left:auto;font-weight:700}.plan__status.is-done{color:var(--success)}.plan__status.is-pending{color:var(--text-muted)}.challenge-grid{gap:var(--space-4);padding:0;list-style:none;display:grid}.challenge-card{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);align-content:start;display:grid}.challenge-card__title{font-size:var(--text-lg)}.challenge-card .chip{justify-self:start}.challenge-card .btn{width:100%}.share{margin-top:var(--space-8);justify-items:start}.share__canvas{border-radius:var(--radius);border:1px solid var(--border-strong);width:100%;max-width:22rem;height:auto}.stats{gap:var(--space-4);display:grid}.stats-card{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);align-content:start;display:grid}.stats-card__title{font-size:var(--text-lg)}.stats-card__metrics{gap:var(--space-1) var(--space-3);grid-template-rows:auto auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:column;display:grid}.stats-card__metrics dt{color:var(--text-muted);font-size:var(--text-sm)}.stats-card__metrics dd{font-family:var(--font-display);font-size:var(--text-xl);margin:0}.stats-card__unit{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-muted);line-height:1.3;display:block}.stats-card__graph{width:100%;height:auto}.streak{gap:var(--space-4);display:grid}.streak__card{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border)}.streak__label{color:var(--text-muted);font-size:var(--text-sm);font-weight:700}.streak__value{margin-top:var(--space-2);font-family:var(--font-display);font-size:var(--text-2xl);align-items:baseline;gap:var(--space-2);display:flex}.streak__value span{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-muted);font-weight:600}.streak__last,.streak__none{color:var(--text-muted);margin-top:var(--space-4)}.achievements{gap:var(--space-3);padding:0;list-style:none;display:grid}.achievement{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);align-content:start;display:grid}.achievement.is-unlocked{border-color:color-mix(in srgb, var(--success) 45%, transparent)}.achievement__head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.achievement__name{font-size:var(--text-base)}.achievement__text{color:var(--text-muted);font-size:var(--text-sm)}.achievement__bar{background:var(--surface-2);border-radius:999px;height:.5rem;overflow:hidden}.achievement__fill{background:var(--gradient-accent);height:100%;display:block}.achievement.is-unlocked .achievement__fill{background:var(--success)}@media (width>=48rem){.challenge-grid,.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.achievements{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=36rem){.streak{grid-template-columns:repeat(2,minmax(0,1fr))}}