*{box-sizing:border-box}:root{color-scheme:dark;--bg: var(--fp-bg-page);--surface: var(--fp-surface);--surface2: var(--fp-surface-raised);--border: var(--fp-border);--text: var(--fp-text-primary);--muted: var(--fp-text-muted);--purple: var(--fp-cat-coach);--green: var(--fp-success)}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at top,rgba(53, 207, 223,.18),transparent 34%),var(--bg)}button,select,a{font:inherit}.progress-page{width:min(1080px,calc(100% - 32px));margin:auto;padding:32px 0 90px}.page-nav{display:flex;justify-content:space-between;margin-bottom:42px}.page-nav a{color:#f3f0e8;text-decoration:none;font-weight:750}.brand-badge{display:inline-flex;margin-bottom:14px;padding:7px 12px;border:1px solid rgba(53, 207, 223,.35);border-radius:999px;color:#bcc6c2;background:rgba(53, 207, 223,.12);font-size:13px;font-weight:800}.page-header h1{margin:0 0 10px;font-size:clamp(36px,6vw,58px)}.page-header p,.status{color:var(--muted)}.status{min-height:24px}.status.error{color:#e39a9a}.hidden{display:none!important}.selector-card,.chart-card,.records-card,.recommendation,.empty-panel{padding:22px;border:1px solid var(--border);border-radius:20px;background:rgba(32, 43, 44,.95)}.selector-card{margin:28px 0}.selector-card label{display:grid;grid-template-columns:auto minmax(240px,420px);align-items:center;justify-content:space-between;gap:20px;font-weight:800}.selector-card select{min-height:46px;padding:10px 13px;border:1px solid var(--border);border-radius:11px;color:var(--text);background:var(--surface2)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.stats-grid article{display:grid;gap:8px;padding:19px;border:1px solid var(--border);border-radius:17px;background:rgba(32, 43, 44,.95)}.stats-grid span{color:var(--muted);font-size:12px;font-weight:750}.stats-grid strong{font-size:25px}.positive{color:#7fc8b4}.negative{color:#e39a9a}.chart-card header{display:flex;align-items:center;justify-content:space-between;gap:18px}.chart-card h2,.records-card h2{margin:0 0 6px}.chart-card header p{margin:0;color:var(--muted)}.legend{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.legend i{width:11px;height:11px;border-radius:50%;background:var(--purple)}.chart{min-height:300px;margin-top:18px}.chart svg{display:block;width:100%;height:300px;overflow:visible}.grid-line{stroke:rgba(255,255,255,.08);stroke-width:1}.chart-line{fill:none;stroke:#35cfdf;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:url(#areaGradient)}.chart-dot{fill:#9d8fc7;stroke:#28b8c8;stroke-width:3}.axis-label{fill:#8e9d99;font-size:11px}.recommendation{margin:14px 0;border-color:rgba(47, 155, 255,.35);background:linear-gradient(135deg,rgba(30, 66, 52,.34),rgba(32, 43, 44,.95))}.recommendation h2{margin:0 0 7px;font-size:18px}.recommendation p{margin:0;color:#bcc6c2;line-height:1.6}.records-card{margin-top:14px}.record-row{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.record-row:last-child{border:0}.record-row span{color:var(--muted)}.record-row strong{text-align:center}.pr-badge{display:inline-block;margin-inline-start:7px;padding:3px 6px;border-radius:6px;color:#e8cfa2;background:rgba(214, 164, 93,.15);font-size:10px}.empty-panel{text-align:center;margin-top:28px}.empty-panel p{color:var(--muted)}.empty-panel a{display:inline-block;margin-top:10px;padding:11px 16px;border-radius:11px;color:var(--fp-text-inverse);background:linear-gradient(135deg,#6e9fc2,#35cfdf);font-weight:800;text-decoration:none}@media(max-width:760px){.progress-page{width:calc(100% - 20px);padding-top:20px}.stats-grid{grid-template-columns:1fr 1fr}.selector-card label{grid-template-columns:1fr}.chart-card header{align-items:flex-start;flex-direction:column}.record-row{grid-template-columns:1fr repeat(3,auto);font-size:12px}}@media(max-width:460px){.stats-grid{grid-template-columns:1fr}.page-nav{gap:14px;font-size:13px}}