:root{--black:#080909;--panel:#0c0e0f;--panel2:#111415;--white:#f4f1ea;--muted:#858b89;--line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.065);--blue:#164fe8;--blue2:#07236f;--acid:#d9ff70;--cyan:#71dfff;--violet:#a788ff;--rose:#fa7597;--green:#64e3bb}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#061a62}body{margin:0;color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;font-variant-numeric:tabular-nums;background:#061a62;min-height:100vh}.ambient{position:fixed;inset:0;background:radial-gradient(circle at 50% 44%,#1c64ff 0,#0d3bbf 28%,#061b68 62%,#020817 100%);pointer-events:none}.ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.04) 50%,transparent 70%);mix-blend-mode:screen}
.app-frame{position:relative;width:min(1540px,calc(100% - 52px));margin:26px auto;background:var(--black);box-shadow:0 34px 100px rgba(0,0,0,.62),0 0 80px rgba(41,107,255,.26);border:1px solid rgba(255,255,255,.14);overflow:hidden}.app-frame:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent calc(20% - 1px),rgba(255,255,255,.055) 20%,transparent calc(20% + 1px),transparent calc(40% - 1px),rgba(255,255,255,.055) 40%,transparent calc(40% + 1px),transparent calc(60% - 1px),rgba(255,255,255,.055) 60%,transparent calc(60% + 1px),transparent calc(80% - 1px),rgba(255,255,255,.055) 80%,transparent calc(80% + 1px));z-index:0}.app-frame>*{position:relative;z-index:1}
.topbar{height:72px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:220px 1fr 220px;align-items:center;padding:0 34px;background:rgba(8,9,9,.92);position:sticky;top:0;z-index:50;backdrop-filter:blur(18px)}.brand{color:var(--white);text-decoration:none;font-family:Georgia,"Times New Roman",serif;font-size:15px;letter-spacing:.04em}.brand span{color:var(--acid);margin:0 2px}.topbar nav{display:flex;justify-content:center;align-self:stretch}.topbar nav a{min-width:100px;display:grid;place-items:center;color:#6e7472;text-decoration:none;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.14em;border-left:1px solid var(--line2);transition:.22s}.topbar nav a:last-child{border-right:1px solid var(--line2)}.topbar nav a:hover,.topbar nav a.active{color:#fff;background:rgba(255,255,255,.025);box-shadow:inset 0 -2px var(--blue)}.top-actions{justify-self:end;display:flex;align-items:center;gap:9px;color:#727a77;font-size:9px;font-weight:800;letter-spacing:.1em}.sync-light{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}.avatar{margin-left:8px;width:34px;height:34px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;color:var(--acid)}
main{padding:0 34px}.eyebrow{margin:0 0 13px;color:#8b9390;font-size:9px;font-weight:900;letter-spacing:.2em}.hero{height:620px;position:relative;border-bottom:1px solid var(--line);overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr .72fr;align-items:center;padding:0 42px}.hero:before{content:"";position:absolute;left:32%;top:13%;width:54%;height:78%;background:radial-gradient(ellipse,rgba(40,77,255,.24),transparent 64%);filter:blur(10px)}.hero-index{position:absolute;left:0;top:50%;transform:translateY(-50%);display:grid;justify-items:center;gap:8px;color:#545b59;font-size:8px}.hero-index i{width:1px;height:96px;background:linear-gradient(var(--blue),rgba(255,255,255,.08))}.hero-copy{position:relative;z-index:3}.hero h1,.section-intro h2,.wellness-title h2,.insight-copy h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.05em}.hero h1{font-size:clamp(62px,7vw,112px);line-height:.78;margin:0;position:relative;z-index:3}.hero h1 em,.section-intro h2 em,.wellness-title h2 em,.insight-copy h2 em{font-weight:400;color:#aeb5b2}.hero-subtitle{margin:29px 0 0;color:#777e7b;font-size:11px;letter-spacing:.04em}.performance-orbit{position:absolute;left:42%;top:50%;transform:translate(-50%,-50%);width:360px;height:360px;z-index:1}.orbit{position:absolute;border-radius:50%;inset:0;border:1px solid rgba(255,255,255,.8);box-shadow:0 0 26px rgba(255,255,255,.18),inset 0 0 32px rgba(255,255,255,.06)}.orbit-a{clip-path:inset(0 0 42% 0);transform:rotate(-10deg)}.orbit-b{inset:26px;border-color:rgba(49,92,255,.8);transform:rotate(32deg);clip-path:inset(50% 0 0 0);box-shadow:0 0 22px rgba(40,83,255,.5)}.orbit-core{position:absolute;inset:88px;border-radius:50%;background:radial-gradient(circle at 42% 35%,#1c2020,#070808 70%);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 26px 70px #000}.orbit-core span,.orbit-core small{font-size:8px;letter-spacing:.18em;color:#6e7774}.orbit-core strong{font-family:Georgia,serif;font-size:72px;line-height:.92;font-weight:400}.orbit-dot{position:absolute;width:7px;height:7px;border:1px solid #fff;border-radius:50%;box-shadow:0 0 12px #fff}.dot-a{top:55px;right:69px}.dot-b{bottom:49px;left:81px;border-color:var(--blue);box-shadow:0 0 12px var(--blue)}.hero-note{position:relative;z-index:4;justify-self:end;width:220px;margin-top:-24px}.hero-note>span{color:#626966;font-size:8px;letter-spacing:.2em}.hero-note>p{font-family:Georgia,serif;font-size:15px;line-height:1.5;color:#b7bcba;margin:18px 0 58px}.hero-note>div{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;gap:12px}.hero-note strong{font-size:11px}.hero-note small{font-size:9px;color:#676e6c}
.kpi-grid{position:absolute;left:42px;right:42px;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);z-index:5}.kpi{height:116px;padding:21px 24px;border-right:1px solid var(--line);background:rgba(8,9,9,.74);backdrop-filter:blur(12px);transition:.22s}.kpi:first-child{border-left:1px solid var(--line)}.kpi:hover{background:rgba(23,47,124,.22)}.kpi-label{display:block;color:#656d6a;font-size:8px;text-transform:uppercase;letter-spacing:.15em}.kpi strong{display:block;margin:8px 0 4px;font-family:Georgia,serif;font-weight:400;font-size:27px;letter-spacing:-.04em}.kpi small{color:#686f6d;font-size:9px}.kpi small.good{color:var(--green)}
.section-intro{min-height:250px;display:grid;grid-template-columns:70px 1fr 300px;align-items:center;border-bottom:1px solid var(--line);padding:20px 42px}.section-intro.compact-intro{min-height:190px;grid-template-columns:70px 1fr}.section-no{font-family:Georgia,serif;color:#575e5b;font-size:12px;align-self:start;margin-top:64px}.section-intro h2,.wellness-title h2,.insight-copy h2{font-size:clamp(38px,4vw,63px);line-height:.94;margin:0}.section-intro>p{font-family:Georgia,serif;color:#858b89;line-height:1.65;font-size:14px;margin:0}.editorial-grid{display:grid;border-bottom:1px solid var(--line)}.volume-grid{grid-template-columns:2.25fr .9fr}.recovery-grid{grid-template-columns:1.9fr .85fr}.panel{padding:28px 32px;min-width:0}.volume-panel,.recovery-panel{border-right:1px solid var(--line)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.panel-code{display:block;color:#5e6663;font-size:8px;font-weight:900;letter-spacing:.18em;margin-bottom:9px}.panel h3,.movement-panel h3{margin:0;font-family:Georgia,serif;font-weight:400;font-size:22px}.legend{display:flex;gap:15px;color:#6f7673;font-size:9px}.legend i{width:7px;height:7px;display:inline-block;margin-right:5px;border-radius:50%}.legend .run{background:var(--green);box-shadow:0 0 8px var(--green)}.legend .time{background:var(--acid);box-shadow:0 0 8px var(--acid)}.chart{height:315px}.chart.compact{height:225px}.chart svg{width:100%;height:100%;overflow:visible}.interactive-chart{cursor:crosshair;touch-action:none}.axis-label{font-size:9px;fill:#5f6865}.grid-line{stroke:rgba(255,255,255,.08);stroke-width:1}.line-main{fill:none;stroke:var(--green);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(100,227,187,.26))}.line-secondary{fill:none;stroke:var(--acid);stroke-width:2;stroke-linecap:round}.area{fill:rgba(100,227,187,.06)}.mix-panel{display:flex;flex-direction:column}.sport-layout{display:grid;grid-template-columns:145px 1fr;gap:20px;align-items:center;margin:24px 0}.donut{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;filter:drop-shadow(0 0 24px rgba(22,79,232,.3))}.donut:after{content:"";width:92px;height:92px;background:var(--black);border:1px solid var(--line);border-radius:50%}.sport-list{display:grid;gap:11px}.sport-row{display:grid;grid-template-columns:7px 1fr auto;gap:8px;align-items:center;font-size:10px}.sport-row i{width:7px;height:7px;border-radius:50%}.sport-row span{color:#7b8380}.panel-caption{margin:auto 0 0;padding-top:21px;border-top:1px solid var(--line);font-family:Georgia,serif;color:#727976;font-size:12px;line-height:1.55}
.status,.fresh{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid var(--line);color:var(--green);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.status.warn{color:#ff9a76}.movement-panel{position:relative;padding:28px 32px;overflow:hidden}.steps-main{font-family:Georgia,serif;font-size:49px;letter-spacing:-.05em;margin:40px 0 2px}.steps-main small{font-family:Inter,sans-serif;color:#686f6d;font-size:10px;letter-spacing:0}.progress{height:2px;background:rgba(255,255,255,.1);margin:19px 0 9px}.progress span{display:block;height:100%;background:var(--blue);box-shadow:0 0 10px var(--blue)}.subtitle{color:#6e7572;font-size:9px}.mini-pairs{display:grid;grid-template-columns:1fr 1fr;margin-top:22px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.mini-pairs div{padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.mini-pairs strong{display:block;font-family:Georgia,serif;font-size:20px;font-weight:400}.mini-pairs small{color:#656c69;font-size:8px}.movement-quote{position:absolute;right:-8px;bottom:-13px;font-family:Georgia,serif;font-size:38px;line-height:.78;color:rgba(255,255,255,.035);text-align:right;pointer-events:none}.movement-quote em{color:rgba(25,76,226,.2);font-style:normal}
.wellness-section{display:grid;grid-template-columns:.72fr 2.28fr;border-bottom:1px solid var(--line)}.wellness-title{padding:42px;border-right:1px solid var(--line);position:relative}.wellness-title .section-no{position:absolute;top:0;right:24px}.wellness-title h2{margin-top:48px}.wellness-title .status{margin-top:34px}.wellness-content{padding:28px 32px}.wellness-summary{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:20px}.wellness-card{padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.wellness-card span{display:block;color:#666e6b;font-size:8px;letter-spacing:.08em}.wellness-card strong{display:block;font-family:Georgia,serif;font-size:25px;font-weight:400;margin:8px 0 2px}.wellness-card small{color:#646b69;font-size:8px}.wellness-chart{height:270px;border-top:1px solid var(--line);padding-top:14px}.wellness-chart svg{width:100%;height:100%}
.detail-stage{border-bottom:1px solid var(--line)}.activity-panel{margin:0 0 42px;border:1px solid var(--line);background:#090b0b}.activity-summary{display:grid;grid-template-columns:68px 1fr auto;gap:18px;align-items:center;padding:24px 28px;border-bottom:1px solid var(--line)}.sport-icon{width:54px;height:54px;border:1px solid var(--line);display:grid;place-items:center;font-size:23px}.activity-title h2{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:0 0 6px}.activity-title small,.external-link,.muted{color:#6a7270;font-size:9px}.detail-stats,.strength-grid{display:grid;grid-template-columns:repeat(8,1fr);border-bottom:1px solid var(--line)}.strength-grid{grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.detail-stat{padding:15px;border-right:1px solid var(--line);min-width:0}.detail-stat:last-child{border-right:0}.detail-stat span{display:block;color:#5f6764;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.detail-stat strong{display:block;font-family:Georgia,serif;font-size:17px;font-weight:400;margin:7px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-stat small{color:#646c69;font-size:8px}.segment-strip{display:flex;gap:0;overflow:auto;border-bottom:1px solid var(--line)}.lap-chip{flex:0 0 auto;min-width:100px;padding:12px 14px;border-right:1px solid var(--line);text-align:center}.lap-chip strong,.lap-chip span,.lap-chip em{display:block}.lap-chip strong{font-family:Georgia,serif;font-weight:400}.lap-chip span{color:var(--cyan);font-size:9px;margin-top:4px}.lap-chip em{color:var(--violet);font-size:8px;font-style:normal;margin-top:3px}.analysis-grid{display:grid;grid-template-columns:1fr 250px;gap:0;border-bottom:1px solid var(--line)}.chart-shell{min-width:0;border-right:1px solid var(--line)}.track-tabs{display:flex;gap:27px;padding:13px 18px;border-bottom:1px solid var(--line);color:#59615f;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.track-tabs span.active{color:var(--green)}.tracks-svg{width:100%;height:440px;display:block}.track-label{font-size:10px;fill:#68716e;writing-mode:sideways-lr}.track-scale{font-size:8px;fill:#59615f}.side-stack{display:grid}.mini-card{padding:18px;border-bottom:1px solid var(--line)}.mini-card:last-child{border-bottom:0}.mini-card h3,.lap-table h3{margin:0 0 13px;font-family:Georgia,serif;font-size:17px;font-weight:400}.pair{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line2);font-size:9px}.pair span{color:#727a77}.route-map{width:100%;height:160px;filter:invert(.9) hue-rotate(140deg) saturate(.8)}.lap-table{padding:25px 28px}.set-timeline{position:relative;height:350px;margin:18px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,rgba(255,255,255,.04) 44px,rgba(255,255,255,.04) 88px);border:1px solid var(--line);overflow:hidden}.set-block{position:absolute;top:48px;height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:6px;overflow:hidden;cursor:crosshair}.set-block.active{background:linear-gradient(180deg,var(--green),rgba(24,94,76,.58));color:#07110e}.set-block.rest{background:rgba(255,255,255,.065);color:#868e8b;top:108px;height:120px}.set-block span{font-size:9px;font-weight:900;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.set-block small{font-size:8px}.empty{padding:52px;text-align:center;color:#69716e}.empty.small{padding:35px}
.log-section{padding:60px 42px;border-bottom:1px solid var(--line)}.log-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.log-head h2{font-family:Georgia,serif;font-size:50px;font-weight:400;line-height:.9;margin:0}.log-head p{color:#686f6d;font-size:10px}.filter-row{display:flex;gap:8px;align-items:center}select{border:1px solid var(--line);background:#0d1010;color:#d2d6d4;padding:7px 11px;font:inherit;font-size:9px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th,td{text-align:left;padding:13px 11px;border-bottom:1px solid var(--line2);font-size:10px}th{color:#5f6764;font-size:8px;letter-spacing:.12em;text-transform:uppercase}td strong{display:block;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}td small{color:#646c69}.type-pill{display:inline-block;color:var(--green);font-size:8px;letter-spacing:.05em;text-transform:uppercase}.activity-table tbody tr{cursor:pointer;transition:.16s}.activity-table tbody tr:hover,.activity-table tbody tr.selected{background:rgba(27,72,202,.12)}.ghost-button{border:0;border-bottom:1px solid #6d7572;background:transparent;color:#b7bfbc;padding:4px 0;font-size:8px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.insight-section{display:grid;grid-template-columns:1.9fr .8fr;border-bottom:1px solid var(--line)}.insight-copy{padding:65px 42px;border-right:1px solid var(--line);position:relative}.insight-copy>.section-no{position:absolute;right:28px;top:0}.insight-copy h2{margin:0 0 48px}.insight-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.insight{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:24px 1fr;gap:10px}.insight .num{color:var(--blue);font-family:Georgia,serif;font-size:11px}.insight strong{display:block;font-family:Georgia,serif;font-size:15px;font-weight:400;margin-bottom:7px}.insight p{margin:0;color:#6e7673;font-size:9px;line-height:1.6}.marker-panel{padding:65px 34px;background:radial-gradient(circle at 70% 25%,rgba(27,77,218,.18),transparent 38%)}.marker{padding:20px 0;border-bottom:1px solid var(--line)}.marker strong{display:block;font-family:Georgia,serif;font-size:34px;font-weight:400;color:var(--acid)}.marker span{color:#69716e;font-size:8px}footer{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 34px;color:#505755;font-size:7px;letter-spacing:.15em}
.hover-guide{display:none;stroke:rgba(255,255,255,.58);stroke-width:1;stroke-dasharray:4 4;pointer-events:none}.hover-guide.visible{display:block}.chart-tooltip{position:fixed;z-index:1000;display:none;width:224px;padding:14px;background:rgba(4,5,5,.96);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 50px #000;pointer-events:none}.chart-tooltip.show{display:block}.chart-tooltip header{display:flex;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid var(--line)}.chart-tooltip header strong{font-family:Georgia,serif;font-size:14px;font-weight:400}.chart-tooltip header em{color:var(--green);font-size:8px;font-style:normal}.chart-tooltip p{margin:8px 0;color:#858d8a;font-size:9px}.chart-tooltip>div{display:grid;gap:7px;padding-top:8px}.chart-tooltip span{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;color:#7d8582;font-size:9px}.chart-tooltip span i{width:5px;height:5px;border-radius:50%}.chart-tooltip span b{color:#fff;font-size:10px}.chart-tooltip span:not(:has(i)){grid-template-columns:1fr auto}
@media(max-width:1100px){.app-frame{width:calc(100% - 24px);margin:12px auto}.topbar{grid-template-columns:170px 1fr 150px;padding:0 20px}.topbar nav a{min-width:72px}.hero{grid-template-columns:1.2fr .8fr;padding:0 30px}.performance-orbit{left:55%;width:310px;height:310px}.hero-note{display:none}.kpi-grid{left:30px;right:30px}.section-intro{grid-template-columns:60px 1fr 240px;padding:20px 30px}.volume-grid,.recovery-grid{grid-template-columns:1.7fr 1fr}.wellness-section{grid-template-columns:1fr}.wellness-title{border-right:0;border-bottom:1px solid var(--line)}.detail-stats{grid-template-columns:repeat(4,1fr)}.analysis-grid{grid-template-columns:1fr}.chart-shell{border-right:0;border-bottom:1px solid var(--line)}.side-stack{grid-template-columns:1fr 1fr}.insight-section{grid-template-columns:1.6fr .8fr}}
@media(max-width:760px){.app-frame{width:100%;margin:0;border:0}.topbar{height:auto;min-height:62px;grid-template-columns:1fr auto;padding:12px 16px}.topbar nav{grid-column:1/-1;order:3;overflow:auto;justify-content:flex-start}.topbar nav a{min-width:auto;padding:12px 15px;border:0}.top-actions span:not(.sync-light){display:none}main{padding:0 14px}.hero{height:700px;display:block;padding:80px 15px}.hero h1{font-size:64px}.performance-orbit{left:58%;top:48%;width:280px;height:280px}.orbit-core{inset:70px}.kpi-grid{left:15px;right:15px;grid-template-columns:1fr 1fr}.kpi{height:92px;padding:13px}.section-intro,.section-intro.compact-intro{min-height:210px;grid-template-columns:40px 1fr;padding:20px 15px}.section-intro>p{display:none}.section-intro h2,.wellness-title h2,.insight-copy h2{font-size:42px}.section-no{margin-top:45px}.volume-grid,.recovery-grid,.wellness-section,.insight-section{grid-template-columns:1fr}.volume-panel,.recovery-panel,.insight-copy{border-right:0;border-bottom:1px solid var(--line)}.panel{padding:22px 15px}.sport-layout{grid-template-columns:125px 1fr}.donut{width:125px;height:125px}.wellness-title,.wellness-content{padding:28px 15px}.wellness-summary{grid-template-columns:1fr 1fr}.activity-summary{grid-template-columns:54px 1fr;padding:18px 14px}.external-link{display:none}.detail-stats,.strength-grid{grid-template-columns:1fr 1fr}.analysis-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr}.track-tabs{overflow:auto}.tracks-svg{height:370px}.log-section,.insight-copy,.marker-panel{padding:45px 15px}.log-head{display:grid;gap:18px}.insight-list{grid-template-columns:1fr}.chart-tooltip{width:208px}footer{padding:0 16px}}