:root{--ink:#1e3a8a;--ink-muted:#6b7280;--bg:#fafafa;--surface:#fff;--rule:#e5e7eb;--accent:#dc2626;--accent-ink:#fff;--line-height:1.75rem;--ruled-spacing:.875rem;--measure:60ch;scrollbar-color:var(--rule) transparent;caret-color:var(--accent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#e0e7ff;--ink-muted:#9ca3af;--bg:#1a1a1a;--surface:#262626;--rule:#404040;--accent:#ef4444;--accent-ink:#1a1a1a}}*,:before,:after{box-sizing:border-box}html{overflow-x:clip}body{-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}.screen{min-height:100vh}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent);text-underline-offset:.18em}.num{font-variant-numeric:tabular-nums}button,[role=button],summary,select,input[type=checkbox],input[type=radio]{min-height:44px}button{min-width:44px}input,select,textarea{font:inherit;font-size:max(1rem,16px)}img,video,canvas,svg{max-width:100%;height:auto}pre{overflow-x:auto}@media (width<=480px){.screen{padding-inline:1rem}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.side-tab,.form-input,.form-select,.button,.bar-fill{transition:all .15s ease-out}}.j-card{background:var(--surface);max-width:56rem;min-height:100vh;margin:0 auto}.spine-title{background:var(--accent);color:var(--accent-ink);text-align:center;letter-spacing:.05em;text-transform:uppercase;border-bottom:3px solid var(--ink);padding:1rem;font-size:1.125rem;font-weight:700}.side-tabs{border-bottom:2px solid var(--rule);background:var(--surface);z-index:10;display:flex;position:sticky;top:0}.side-tab{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:none;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;position:relative}.side-tab:hover,.side-tab.active{color:var(--ink)}.side-tab.active:after{content:"";background:var(--ink);height:2px;position:absolute;bottom:-2px;left:0;right:0}.tracklist{padding:1.5rem 1rem}.tracklist-section{margin-bottom:2rem}.tracklist-heading{text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--ruled-spacing);border-bottom:1px solid var(--rule);color:var(--ink);padding-bottom:.5rem;font-size:.875rem;font-weight:700}.ruled-entry{padding:var(--ruled-spacing) 0;border-bottom:1px solid var(--rule);align-items:baseline;gap:.5rem;display:flex}.ruled-entry:last-child{border-bottom:none}.entry-label{color:var(--ink);flex:1;font-size:.9375rem}.entry-value{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.entry-time{color:var(--ink-muted);font-variant-numeric:tabular-nums;text-align:right;min-width:4rem;font-size:.875rem}.j-card-form{flex-direction:column;gap:1.5rem;display:flex}.form-field{flex-direction:column;gap:.5rem;display:flex}.form-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink);font-size:.75rem;font-weight:600}.form-input,.form-select{border:2px solid var(--rule);background:var(--surface);color:var(--ink);padding:.75rem;font-family:inherit}.form-input:focus,.form-select:focus{border-color:var(--ink);outline:none}.form-input::placeholder{color:var(--ink-muted)}.button{background:var(--accent);color:var(--accent-ink);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;padding:.875rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:700}.button:hover:not(:disabled){opacity:.9}.button:disabled{opacity:.5;cursor:not-allowed}.button-secondary{background:var(--surface);color:var(--ink);border:2px solid var(--ink)}.button-secondary:hover:not(:disabled){background:var(--bg);opacity:1}.chart-container{margin-bottom:2rem;padding:1rem 0}.chart-bars{border-bottom:2px solid var(--rule);align-items:flex-end;gap:.75rem;height:12rem;padding:1rem 0;display:flex}.chart-bar{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.bar-fill{background:var(--accent);width:100%;min-height:4px}.bar-fill:hover{opacity:.8}.bar-label{color:var(--ink-muted);text-align:center;text-transform:uppercase;letter-spacing:.05em;word-break:break-word;font-size:.75rem}.bar-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}.empty-state{text-align:center;color:var(--ink-muted);padding:3rem 1rem}.empty-state-heading{color:var(--ink);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:1rem;font-weight:700}.empty-state-text{margin-bottom:1.5rem;font-size:.875rem}.pb-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;margin-bottom:2rem;display:grid}.pb-card{border:2px solid var(--rule);background:var(--surface);padding:1rem}.pb-exercise{text-transform:uppercase;letter-spacing:.05em;color:var(--ink);margin-bottom:.5rem;font-size:.875rem;font-weight:700}.pb-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.pb-unit{color:var(--ink-muted);margin-left:.25rem;font-size:.875rem}@media (width<=640px){.tracklist{padding:1rem .75rem}.spine-title{font-size:1rem}.pb-grid{grid-template-columns:1fr}}@media (width<=480px){body,.container,[class*=container],section,header,footer,nav,main,article{padding-inline:max(1rem,16px)}}p,li,dt,dd,blockquote,figcaption,td,th{max-width:min(75ch,100%)}