@property --glow{syntax: "<color>"; inherits: true; initial-value: #8f97c8;}@property --deep{syntax: "<color>"; inherits: true; initial-value: #2a3060;}:root{--night: #0d1130;--night-2: #151a44;--ink: #eef0ff;--ink-2: rgb(238 240 255 / .7);--ink-3: rgb(238 240 255 / .48);--line: rgb(255 255 255 / .1);--glass-top: rgb(255 255 255 / .085);--glass-bottom: rgb(255 255 255 / .035);--glass-edge: rgb(255 255 255 / .14);--strain: #4d8dff;--display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--text: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--t-xs: .75rem;--t-sm: .875rem;--t-md: 1rem;--t-lg: 1.25rem;--t-xl: 1.563rem;--t-2xl: 2.441rem;--r-hero: 32px;--r-panel: 22px;--r-control: 12px;--gap: 20px;color-scheme:dark;transition:--glow 1.4s ease,--deep 1.4s ease}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--night);color:var(--ink);font-family:var(--text);font-size:var(--t-md);line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}a{color:var(--ink);text-underline-offset:3px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;background:#ffffff14;padding:.1em .4em;border-radius:6px}:focus-visible{outline:2px solid var(--glow);outline-offset:3px;border-radius:6px}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(120% 80% at 20% -10%,color-mix(in oklab,var(--deep) 70%,transparent),transparent 60%),linear-gradient(180deg,var(--night-2),var(--night) 60%);transition:--glow 1.4s ease,--deep 1.4s ease}.aurora__blob{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}.aurora__blob--a{width:62vw;height:62vw;left:-12vw;top:-28vw;background:radial-gradient(circle,color-mix(in oklab,var(--glow) 55%,transparent),transparent 65%);animation:drift-a 38s ease-in-out infinite alternate}.aurora__blob--b{width:48vw;height:48vw;right:-14vw;top:8vh;background:radial-gradient(circle,color-mix(in oklab,var(--deep) 90%,transparent),transparent 70%);animation:drift-b 46s ease-in-out infinite alternate}.aurora__blob--c{width:54vw;height:40vw;left:22vw;bottom:-26vw;background:radial-gradient(circle,rgb(77 141 255 / .28),transparent 70%);animation:drift-a 52s ease-in-out infinite alternate-reverse}.aurora__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes drift-a{to{transform:translate3d(8vw,6vh,0) scale(1.08)}}@keyframes drift-b{to{transform:translate3d(-10vw,10vh,0) scale(.92)}}.glass{position:relative;background:linear-gradient(160deg,var(--glass-top),var(--glass-bottom));border:1px solid var(--glass-edge);border-radius:var(--r-panel);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);box-shadow:inset 0 1px #ffffff24,0 24px 60px -30px #030514b3}.glass--hero{border-radius:var(--r-hero)}.shell{max-width:1480px;margin:0 auto;padding:22px 36px 64px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}.shell>*{grid-column:1 / -1}.shell--center{min-height:100vh;display:grid;place-items:center}.topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:4px 2px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:650;font-size:var(--t-lg);letter-spacing:-.01em}.topbar__source{flex:1}.chip{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-sm);color:var(--ink-2);padding:5px 12px;border-radius:999px;background:#ffffff0f;border:1px solid var(--line)}.chip--live i{width:7px;height:7px;border-radius:50%;background:var(--glow);box-shadow:0 0 10px var(--glow)}.seg{display:inline-flex;padding:3px;border-radius:var(--r-control);background:#ffffff0f;border:1px solid var(--line)}.seg button{border:0;background:none;padding:5px 12px;border-radius:9px;font-size:var(--t-sm);color:var(--ink-2);transition:background .2s,color .2s}.seg button.is-on{background:#ffffff29;color:var(--ink);box-shadow:inset 0 1px #ffffff2e}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--glass-edge);border-radius:var(--r-control);padding:7px 16px;font-weight:600;font-size:var(--t-sm);background:linear-gradient(180deg,#fff3,#ffffff14);box-shadow:inset 0 1px #ffffff40}.btn:hover:not(:disabled){background:linear-gradient(180deg,#ffffff42,#ffffff1f)}.linkbtn{background:none;border:0;padding:0;color:var(--ink-2);font-size:var(--t-sm);text-decoration:underline;text-underline-offset:3px}.linkbtn:hover{color:var(--ink)}.iconbtn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#ffffff0f;font-size:1.2rem;line-height:1;flex:none}.iconbtn:hover:not(:disabled){background:#ffffff1f}.syncbox{position:relative;display:flex;align-items:center;gap:12px}.synclog{position:absolute;right:0;top:calc(100% + 10px);z-index:20;width:min(560px,80vw);padding:14px 16px;border-radius:16px;background:#14183cd1}.synclog pre{margin:0;max-height:280px;overflow:auto;font-size:var(--t-xs);color:var(--ink-2);white-space:pre-wrap}.synclog__err{margin:0 0 8px;color:#ffb3b8;font-size:var(--t-sm)}.spinner{width:12px;height:12px;border-radius:50%;border:2px solid rgb(255 255 255 / .3);border-top-color:var(--ink);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader{width:54px;height:54px;border-radius:50%;border:5px solid rgb(255 255 255 / .12);border-top-color:var(--glow);animation:spin 1s linear infinite}.empty{max-width:520px;padding:32px 36px}.empty h1{font-family:var(--display);font-size:var(--t-xl);margin:0 0 8px}.empty p{color:var(--ink-2);margin:8px 0 0}.connect{padding:18px 22px}.connect__head{display:flex;justify-content:space-between;align-items:baseline}.connect__steps{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.connect__steps li{display:flex;gap:12px}.connect__steps strong{font-weight:600}.connect__steps p{margin:2px 0 0;font-size:var(--t-sm);color:var(--ink-2);max-width:46ch}.connect__check{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--ink-3);font-size:12px;margin-top:2px}.connect__steps li.is-done .connect__check{background:var(--glow);border-color:var(--glow);color:var(--night)}.connect__steps li.is-done strong{text-decoration:line-through;text-decoration-color:var(--ink-3);color:var(--ink-2)}.scrubber{display:flex;align-items:center;gap:14px;padding:14px 16px 6px;border-radius:18px}.scrubber__track{position:relative;flex:1;min-width:0}.scrubber svg{display:block;cursor:pointer;overflow:visible}.scrubber rect{transition:opacity .2s}.axis-text{fill:var(--ink-3);font-size:11px;font-family:var(--text)}.hero{display:grid;grid-template-columns:340px minmax(260px,1fr) minmax(280px,340px);grid-template-areas:"head head head" "dial side vitals";gap:18px 36px;padding:30px 36px 32px}.hero__head{grid-area:head}.hero__date{font-family:var(--display);font-size:clamp(2rem,3.4vw,3.4rem);font-weight:700;font-stretch:78%;letter-spacing:-.03em;line-height:1;margin:0}.hero__summary{margin:10px 0 0;font-size:var(--t-lg);color:var(--ink-2);max-width:64ch;line-height:1.4}.hero__flag{margin:8px 0 0;font-size:var(--t-sm);color:#ffd58a}.hero__dial{grid-area:dial;display:grid;place-items:center}.hero__side{grid-area:side;display:flex;flex-direction:column;justify-content:center;gap:22px}.hero__vitals{grid-area:vitals;align-self:center}.ring{position:relative;flex:none}.ring svg{display:block;overflow:visible}.ring circle{transition:stroke-dasharray .1s linear}.ring__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.dial__value{font-family:var(--display);font-weight:750;font-stretch:75%;font-size:7.2rem;line-height:.82;letter-spacing:-.05em;text-shadow:0 0 40px color-mix(in oklab,var(--glow) 45%,transparent)}.dial__pct{font-size:.36em;font-weight:500;letter-spacing:0;margin-left:2px;color:var(--ink-2)}.dial__label{margin-top:10px;font-size:var(--t-sm);color:var(--ink-2)}.dial__zone{margin-top:6px;display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:var(--t-sm)}.dial__zone i{width:9px;height:9px;border-radius:50%;background:var(--zone);box-shadow:0 0 12px var(--zone)}.mini{display:flex;align-items:center;gap:20px}.mini__value{font-family:var(--display);font-weight:700;font-stretch:80%;font-size:2.3rem;letter-spacing:-.03em;line-height:1}.mini__value small{font-size:.45em;color:var(--ink-2);font-weight:500}.mini__text{display:flex;flex-direction:column;gap:3px;min-width:0}.mini__title{font-family:var(--display);font-weight:650;font-size:var(--t-lg)}.mini__sub{font-size:var(--t-sm);color:var(--ink-2)}.mini__legend{display:flex;gap:12px;flex-wrap:wrap;font-size:var(--t-xs);color:var(--ink-2)}.mini__legend em{font-style:normal;display:inline-flex;align-items:center;gap:5px}.mini__legend em:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--c)}.stagebar{display:flex;gap:2px;height:8px;margin-top:6px;width:min(260px,100%)}.stagebar span{border-radius:4px;transition:flex-grow .6s ease}.panel__title{font-family:var(--display);font-weight:650;font-size:var(--t-lg);margin:0;letter-spacing:-.01em}.vital{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.vital__label{color:var(--ink-2);font-size:var(--t-sm)}.vital__value{grid-row:span 2;align-self:center;font-family:var(--display);font-size:1.7rem;font-weight:650;font-stretch:85%;letter-spacing:-.02em}.vital__value small{font-size:.5em;color:var(--ink-3);margin-left:3px;font-weight:500}.vital__delta{font-size:var(--t-xs);color:var(--ink-3)}.vital__delta.is-good{color:#8ff0c0}.vital__delta.is-off{color:#ffb0a8}.hint{font-size:var(--t-xs);color:var(--ink-3);margin:10px 0 0}.panel{padding:20px 22px 16px;min-width:0}.panel__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.panel__sub{margin:2px 0 0;font-size:var(--t-sm);color:var(--ink-2);max-width:62ch}.panel__stat{text-align:right;flex:none}.panel__stat b{display:block;font-family:var(--display);font-size:1.9rem;font-weight:700;font-stretch:82%;letter-spacing:-.02em;line-height:1.05}.panel__stat span{font-size:var(--t-xs);color:var(--ink-3)}.span-8{grid-column:span 8!important}.span-7{grid-column:span 7!important}.span-6{grid-column:span 6!important}.span-5{grid-column:span 5!important}.span-4{grid-column:span 4!important}.chart{position:relative}.chart svg{display:block;overflow:visible}.grid-line{stroke:#ffffff12}.crosshair{stroke:#ffffff59;stroke-dasharray:3 3}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:var(--t-xs);color:var(--ink-2);margin-top:8px}.legend span{display:inline-flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;border-radius:3px;display:inline-block;flex:none}.swatch--band{background:#ffffff1f;border:1px dashed rgb(255 255 255 / .35)}.swatch--hollow{border-radius:50%;border:2px solid var(--ink-2);background:transparent;width:9px;height:9px}.tip{position:absolute;pointer-events:none;z-index:10;min-width:150px;padding:10px 12px;border-radius:12px;font-size:var(--t-xs);background:#121638db;border:1px solid var(--glass-edge);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px -10px #0009;white-space:nowrap}.tip strong{display:block;font-size:var(--t-sm);margin-bottom:4px}.tip__row{display:flex;align-items:center;gap:8px;color:var(--ink-2)}.tip__label{flex:1}.tip__value{color:var(--ink);font-weight:600}.wtable{width:100%;border-collapse:collapse;font-size:var(--t-sm)}.wtable th{text-align:left;font-weight:500;color:var(--ink-3);font-size:var(--t-xs);padding:0 10px 8px 0}.wtable td{padding:9px 10px 9px 0;border-top:1px solid var(--line);white-space:nowrap}.wtable td.num,.wtable th.num{text-align:right}.wtable tr{cursor:pointer}.wtable tbody tr:hover td{background:#ffffff0a}.wtable tr.is-sel td{background:#ffffff14}.wbar{display:flex;align-items:center;gap:8px}.wbar i{display:block;height:6px;border-radius:3px;background:var(--strain)}.sports{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.sport{padding:8px 12px;border-radius:14px;background:#ffffff0d;border:1px solid var(--line);font-size:var(--t-sm)}.sport b{font-family:var(--display);font-weight:650;display:block}.sport span{color:var(--ink-3);font-size:var(--t-xs)}.scroll{max-height:360px;overflow:auto}.footer{color:var(--ink-3);font-size:var(--t-xs);text-align:center;padding-top:8px}@media(max-width:1240px){.hero{grid-template-columns:320px 1fr;grid-template-areas:"head head" "dial side" "vitals vitals"}.hero__vitals{display:grid;grid-template-columns:repeat(5,1fr);column-gap:18px}.hero__vitals .panel__title,.hero__vitals .hint{grid-column:1 / -1}.vital{grid-template-columns:1fr;border-bottom:0}.vital__value{grid-row:auto}.span-8,.span-7,.span-6,.span-5,.span-4{grid-column:1 / -1!important}}@media(max-width:760px){.shell{padding:16px 14px 48px;gap:14px}.hero{grid-template-columns:1fr;grid-template-areas:"head" "dial" "side" "vitals";padding:22px}.hero__vitals{grid-template-columns:repeat(2,1fr)}.connect__steps{grid-template-columns:1fr}.topbar__source{flex-basis:100%;order:3}}@media(prefers-reduced-motion:reduce){.aurora__blob{animation:none}.aurora{transition:none}*{transition-duration:.01ms!important}}.login{width:min(400px,92vw);padding:36px 34px 32px;display:flex;flex-direction:column;gap:14px}.login h1{font-family:var(--display);font-size:var(--t-xl);font-weight:700;font-stretch:85%;margin:4px 0 0;letter-spacing:-.02em}.login p{margin:0;color:var(--ink-2);font-size:var(--t-sm)}.field{display:flex;flex-direction:column;gap:6px;font-size:var(--t-sm);color:var(--ink-2);margin-top:6px}.field input{font:inherit;color:var(--ink);font-size:var(--t-md);padding:11px 14px;border-radius:var(--r-control);background:#ffffff0f;border:1px solid var(--glass-edge)}.field input:focus-visible{outline:2px solid var(--glow);outline-offset:1px}.field input[aria-invalid=true]{border-color:#ff9aa2}.login__error{color:#ffb3b8!important}.btn--wide{justify-content:center;padding:11px 16px;font-size:var(--t-md);margin-top:4px}a.btn{text-decoration:none}
