/* Onest (SIL OFL 1.1), Google Fonts: one variable file per script, weights 400-700; served from here, nothing from third-party sites. */
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/onest-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/onest-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* The approved look (docs/mockup_2026-10-10): common part, then «Сегодня», «Здоровье», «Питание», «Макбук спит». */
:root,:root[data-theme=dark]{
color-scheme:dark;
--bg:#0B0E13;--card:#12161D;--card2:#181D26;--track:#1E242E;--track2:#2A313C;
--t1:#F2F4F7;--t2:#C3CAD3;--t3:#A3ACB8;--t4:#8A94A1;--ph:#9AA4B1;
--teal-t:#9BE5D6;--amber-t:#F7CE8A;--orange-t:#F2A784;--violet-t:#D4CCFF;
--teal-rgb:111,214,194;--amber-rgb:244,190,106;--orange-rgb:238,142,98;--violet-rgb:185,168,255;
--teal:#6FD6C2;--amber:#F4BE6A;--orange:#EE8E62;--violet:#B9A8FF;
--w:255,255,255;
--line:rgba(var(--w),.06);--line2:rgba(var(--w),.10);
--sh:inset 0 1px 0 rgba(var(--w),.04);--sh-hero:inset 0 1px 0 rgba(var(--w),.05),0 18px 40px rgba(0,0,0,.45);
--glow-o:.8;--fg:.45;
--nav-bg:rgba(18,22,29,.78);--nav-line:rgba(var(--w),.08);--nav-sh:0 16px 40px rgba(0,0,0,.5);
--data:#C3CAD3;--mark:#C3CAD3;--sel-bg:#F2F4F7;--sel-fg:#0B0E13;--onfill:#0B0E13;
}
:root[data-theme=light]{
color-scheme:light;
--bg:#EDF1F5;--card:#FFFFFF;--card2:#F1F4F8;--track:#E1E7EE;--track2:#D3DBE4;
--t1:#111A22;--t2:#2B3743;--t3:#43505D;--t4:#556270;--ph:#5C6977;
--teal-t:#0A6B5B;--amber-t:#7F4F00;--orange-t:#9C3A1F;--violet-t:#4F3CB8;
--teal-rgb:19,145,125;--amber-rgb:196,124,0;--orange-rgb:208,84,47;--violet-rgb:110,92,226;
--teal:#0E7C6B;--amber:#9A6100;--orange:#B4472A;--violet:#5F4BD1;
--w:17,26,34;
--line:rgba(var(--w),.09);--line2:rgba(var(--w),.14);
--sh:0 1px 2px rgba(17,26,34,.05),0 6px 18px rgba(17,26,34,.05);--sh-hero:0 1px 2px rgba(17,26,34,.06),0 14px 32px rgba(17,26,34,.09);
--glow-o:.28;--fg:0;
--nav-bg:rgba(255,255,255,.72);--nav-line:rgba(var(--w),.10);--nav-sh:0 10px 30px rgba(17,26,34,.12);
--data:#3A4755;--mark:#43505D;--sel-bg:#111A22;--sel-fg:#FFFFFF;--onfill:#FFFFFF;
}
.teal{--c:var(--teal-rgb);--tx:var(--teal-t)}
.amber{--c:var(--amber-rgb);--tx:var(--amber-t)}
.orange{--c:var(--orange-rgb);--tx:var(--orange-t)}
.violet{--c:var(--violet-rgb);--tx:var(--violet-t)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--t1);font-family:'Onest',system-ui,sans-serif;line-height:1.4}
::selection{background:rgba(var(--teal-rgb),.3)}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--teal-t);outline-offset:2px}
h1,h2,h3,p{margin:0}
.app{width:100%;min-height:100vh;position:relative;overflow:hidden}
.glow{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(60px);opacity:var(--glow-o);pointer-events:none}
.wrap{position:relative;padding:26px 16px 110px;display:flex;flex-direction:column;gap:14px}
.hd{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.hd>div{display:flex;flex-direction:column;gap:4px}
h1{font-size:32px;font-weight:600;letter-spacing:-.02em}
.eyebrow,.lbl{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--t4);font-weight:400}
.pill{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:rgba(var(--teal-rgb),.10);border:1px solid rgba(var(--teal-rgb),.24);color:var(--teal-t);font-size:12px;white-space:nowrap}
.pill i{width:6px;height:6px;border-radius:50%;background:var(--teal)}
.card{border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);padding:18px;display:flex;flex-direction:column;gap:12px}
.card.pad2{padding:6px 18px;gap:0}
.card.vio{border-color:rgba(var(--violet-rgb),.2)}
.ring{border-radius:26px;padding:1px;background:linear-gradient(160deg,rgba(var(--c),.45),rgba(var(--c),.04) 45%,rgba(var(--w),.06))}
.ring>.in{border-radius:25px;background:var(--card);box-shadow:var(--sh-hero);padding:20px;display:flex;flex-direction:column;gap:14px}
.row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.col{display:flex;flex-direction:column}
.s12{font-size:12px}.s13{font-size:13px}.s14{font-size:14px}.s15{font-size:15px}
.t1{color:var(--t1)}.t2{color:var(--t2)}.t3{color:var(--t3)}.t4{color:var(--t4)}
.tx{color:var(--tx)}
b{font-weight:600}
.num{font-variant-numeric:tabular-nums}
.big{font-size:36px;font-weight:600;letter-spacing:-.03em;line-height:1}
.h2big{font-size:21px;font-weight:600;letter-spacing:-.01em;margin:12px 0 0}
/* bars */
.bar{height:8px;border-radius:4px;background:var(--track)}
.bar.sm{height:5px;border-radius:3px}
.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--c),.35),rgb(var(--c)));box-shadow:0 0 10px rgba(var(--c),var(--fg))}
.macs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mac{display:flex;flex-direction:column;gap:3px;border-radius:14px;background:var(--card2);padding:12px;min-width:0}
.mac .v{font-size:18px;font-weight:600}
.mac .bar{margin-top:3px}
/* links and rows */
.btn{min-height:46px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:rgba(var(--teal-rgb),.12);border:1px solid rgba(var(--teal-rgb),.28);color:var(--teal-t);font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.btn.plain{background:var(--card2);border-color:var(--line2);color:var(--t2)}
.lnk{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border-radius:14px;background:var(--card2);border:1px solid var(--line);color:var(--t2);font-size:14px}
.chev{flex-shrink:0;color:var(--t4)}
a:hover .chev,.lnk:hover .chev{color:var(--teal-t)}
.lnk:hover,.btn:hover{border-color:rgba(var(--teal-rgb),.5)}
.mt{width:32px;height:32px;border-radius:10px;background:rgba(var(--c),.14);color:var(--tx);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.chip{display:inline-flex;align-items:center;padding:4px 9px;border-radius:9px;background:rgba(var(--c),.14);color:var(--tx);font-size:12px;font-weight:500}
.dots{display:inline-flex;gap:3px}
.dots i{width:8px;height:8px;border-radius:50%;background:var(--violet)}
.dots i.o{background:transparent;box-shadow:inset 0 0 0 1.5px var(--t4)}
/* nav */
.nav{position:fixed;z-index:5;left:14px;right:14px;bottom:16px;height:70px;border-radius:26px;background:var(--nav-bg);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--nav-line);box-shadow:var(--nav-sh);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px;gap:6px}
.ni{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:20px;color:var(--t4);font-size:12px;font-weight:500;min-height:44px}
.ni[aria-current=page]{background:rgba(var(--teal-rgb),.13);color:var(--teal-t)}
/* svg text */
.ax{fill:var(--t4);font-size:13px;font-family:'Onest',system-ui,sans-serif}
.axs{fill:var(--t2);font-size:13px;font-family:'Onest',system-ui,sans-serif}
.alert{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:22px;background:rgba(var(--c),.09);border:1px solid rgba(var(--c),.30);min-height:44px}
.alert .lbl{color:var(--tx)}
.alert p{font-size:14px;line-height:1.4;color:var(--t1)}
.caf{position:relative;height:50px}
.caf .trk{position:absolute;left:0;right:0;top:32px;height:2px;border-radius:1px;background:var(--track2)}
.caf .trk-f{position:absolute;left:0;top:32px;height:2px;border-radius:1px;background:rgba(var(--teal-rgb),.6)}
.caf .zone{position:absolute;right:0;top:20px;bottom:0;border-left:1px dashed var(--t4);background:rgba(var(--w),.05);border-radius:0 8px 8px 0}
.caf .dot{position:absolute;top:26px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--teal);border:3px solid rgba(var(--teal-rgb),.35);background-clip:padding-box;box-shadow:0 0 12px rgba(var(--teal-rgb),var(--fg))}
.caf .now{position:absolute;top:0;bottom:0;width:0;margin-left:-1px;border-left:2px solid var(--t1)}
.caf .now b{position:absolute;top:-2px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:600;color:var(--t1);background:var(--card);padding:0 5px;white-space:nowrap}
.axis3{display:grid;grid-template-columns:1fr auto 1fr;font-size:12px;color:var(--t4)}
.axis3 span:last-child{text-align:right}
.cal{width:58px;height:62px;border-radius:16px;overflow:hidden;background:var(--card2);border:1px solid var(--line2);display:flex;flex-direction:column;flex-shrink:0}
.cal .m{background:rgba(var(--teal-rgb),.18);color:var(--teal-t);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:4px 0}
.cal .d{flex-grow:1;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600}
:root[data-theme=light] .alert{background:#FFF8EB;border-color:rgba(var(--amber-rgb),.45)}
.next{display:flex;gap:14px;align-items:center;padding:14px;min-height:62px}
.filters{display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap;margin:0 -16px;padding:2px 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.filters::-webkit-scrollbar{display:none}
.fc{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;background:var(--card);border:1px solid var(--line2);color:var(--t2);font-size:14px;white-space:nowrap;scroll-snap-align:start}
.fc[aria-current=true]{background:var(--sel-bg);color:var(--sel-fg);border-color:transparent;font-weight:500}
.hname{font-size:18px;font-weight:600}
.rest{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--teal-t)}
.gnote{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:14px;background:rgba(var(--violet-rgb),.07);border:1px solid rgba(var(--violet-rgb),.18)}
.gnote span{font-size:13px;color:var(--violet-t);line-height:1.4}
.oon{display:flex;align-items:center;gap:10px;padding:12px 0;min-height:44px}
.oon+.oon{border-top:1px solid var(--line)}
.oon .main{flex-grow:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.rb{position:relative;height:6px;border-radius:3px;background:var(--track);margin:6px 0 4px}
.rb .nb{position:absolute;top:0;bottom:0;border-radius:3px;background:rgba(var(--teal-rgb),.4)}
.rb .pt{position:absolute;top:-4px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:rgb(var(--c));border:3px solid var(--card);background-clip:padding-box}
.search{display:flex;align-items:center;gap:10px;min-height:48px;background:var(--card);border:1px solid var(--line2);border-radius:16px;padding:0 14px;color:var(--t4)}
.search:focus-within{border-color:var(--teal);outline:2px solid var(--teal-t);outline-offset:2px}
.search input{flex-grow:1;min-width:0;background:transparent;border:0;outline:2px solid transparent;color:var(--t1);font:inherit;font-size:16px;caret-color:var(--teal-t);min-height:44px}
.search input::placeholder{color:var(--ph);opacity:1}
.tl{position:relative}
.tl:before{content:"";position:absolute;left:37px;top:28px;bottom:28px;width:2px;background:linear-gradient(var(--track2),var(--track))}
.doc{display:flex;gap:14px;align-items:center;padding:10px 0;min-height:56px;position:relative}
.ic{position:relative;z-index:1;width:40px;height:40px;border-radius:13px;background:var(--card2);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--t2)}
.ic.on{background:rgba(var(--teal-rgb),.16);border-color:rgba(var(--teal-rgb),.35);color:var(--teal)}
.plan{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:8px 0}
.plan+.plan{border-top:1px solid var(--line)}
.legend{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--t4)}
.grow{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:4px 2px;border-top:1px solid var(--line)}
.gtitle{display:flex;align-items:center;gap:12px;margin-top:22px;padding:22px 4px 4px;border-top:1px solid var(--line)}
.sub{display:flex;flex-direction:column;gap:2px;border-radius:14px;background:var(--card2);padding:10px 12px;min-width:0}
.sub .v{font-size:16px;font-weight:600}
.keyrow{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--t3)}
.keyrow span{display:inline-flex;align-items:center;gap:6px}
.sw-d{width:18px;border-top:2px dashed var(--t3)}
.sw-a{width:10px;height:10px;border-radius:3px;background:rgba(var(--teal-rgb),.7)}
.sc{position:relative;height:10px;border-radius:5px;background:var(--track);margin:6px 0 30px}
.sc.two{margin-bottom:50px}
.sc>i.f{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,rgba(var(--c),.3),rgb(var(--c)));box-shadow:0 0 10px rgba(var(--c),var(--fg))}
.mk{font-style:normal;position:absolute;top:-4px;width:2px;height:18px;margin-left:-1px}.mk:before{content:"";position:absolute;inset:0;border-radius:1px;background:var(--mark)}
.mk b{position:absolute;top:22px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:500;color:var(--t2);white-space:nowrap}
.mk.r2 b{top:40px}
.mk.r2:after{content:"";position:absolute;left:0;top:18px;width:1px;height:20px;background:var(--t4)}
.mk.end b{left:auto;right:-1px;transform:none}
.sv{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.gridh,.grid7{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.gridh{font-size:12px;color:var(--t4);text-align:center}
.cd{height:30px;border-radius:9px;background:var(--card2);border:1px solid var(--line)}
.cd.late{background:rgba(var(--orange-rgb),.30);border-color:rgba(var(--orange-rgb),.6);box-shadow:0 0 12px rgba(var(--orange-rgb),var(--fg))}
.cd.today{border:1.5px solid var(--teal)}
.cd.fut{background:transparent;border:1px dashed var(--t4);opacity:.7}
.wk{font-size:12px;color:var(--t3)}
.chp{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;background:var(--card2);border:1px solid var(--line2);color:var(--t1);font:inherit;font-size:14px;cursor:pointer}
.chp:hover{border-color:rgba(var(--teal-rgb),.5)}
.sw-late{width:12px;height:12px;border-radius:4px;background:rgba(var(--orange-rgb),.30);border:1px solid rgba(var(--orange-rgb),.6)}
.sw-today{width:12px;height:12px;border-radius:4px;border:1.5px solid var(--teal)}
.sw-no{width:12px;height:12px;border-radius:4px;background:var(--card2);border:1px solid var(--line2)}
.sw-fut{width:12px;height:12px;border-radius:4px;border:1px dashed var(--t4)}
.app{height:auto;min-height:100vh;min-height:100svh}
.sl{position:relative;min-height:100svh;padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}
.orb{position:relative;width:168px;height:168px;display:flex;align-items:center;justify-content:center}
.orb .r1{position:absolute;inset:0;border-radius:84px;border:1px solid rgba(var(--w),.10)}
.orb .r2{position:absolute;inset:22px;border-radius:62px;border:1px solid rgba(var(--w),.16)}
.orb .ic2{width:100px;height:100px;border-radius:34px;padding:1px;background:linear-gradient(160deg,rgba(var(--w),.32),rgba(var(--w),.04) 55%,rgba(var(--w),.06))}
.orb .ic2>div{width:100%;height:100%;border-radius:33px;background:var(--card);box-shadow:var(--sh-hero);display:flex;align-items:center;justify-content:center;color:var(--t2)}
.info{width:100%;padding:6px 16px;gap:0}
.info>div{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.info>div+div{border-top:1px solid var(--line)}
.cta{width:100%;min-height:52px;font-size:15px;font-weight:600;border-radius:18px;gap:10px}
.spin{display:none;width:16px;height:16px;border-radius:50%;border:2px solid rgba(var(--teal-rgb),.3);border-top-color:var(--teal-t);animation:sp .8s linear infinite}
.cta[aria-busy=true] .spin{display:block}
.cta[aria-busy=true]{cursor:progress}
@keyframes sp{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spin{animation:none}}
.status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--teal-t);text-align:center}
.status[hidden]{display:none}

/* ---- what the mockup had in style="" (the policy forbids it): classes; widths and positions come from JS as CSS variables ---- */
[hidden]{display:none!important}
.teal{--cs:var(--teal)}.amber{--cs:var(--amber)}.orange{--cs:var(--orange)}.violet{--cs:var(--violet)}
.bar i{width:var(--pct,0%)}
.sc>i.f{width:var(--pct,0%)}
.mk{left:var(--left,0%)}
.caf .trk-f{width:var(--pct,0%)}
.caf .dot,.caf .now,.caf .zone{left:var(--left,0%)}
.rb .nb{left:var(--l,0%);right:var(--r,0%)}
.rb .pt{left:var(--left,0%)}
.glow.g-today{left:-80px;top:-120px;background:rgba(var(--teal-rgb),.14)}
.glow.g-health{right:-90px;top:-110px;width:340px;height:340px;background:rgba(var(--teal-rgb),.06)}
.glow.g-food{left:-100px;top:-100px;background:rgba(var(--violet-rgb),.06)}
.glow.g-sleep{left:45px;top:170px;width:300px;height:300px;background:rgba(var(--w),.10)}
.g2{gap:2px}.g3{gap:3px}.g4{gap:4px}.g6{gap:6px}.g8{gap:8px}.g14{gap:14px}.g20{gap:20px}.g0{gap:0}
.w4{font-weight:400}.w5{font-weight:500}.w6{font-weight:600}
.nw{white-space:nowrap}
.top{align-items:flex-start}.bs{align-items:baseline}.fe{align-items:flex-end}.ac{align-items:center}
.bl5{display:flex;align-items:baseline;gap:5px}.bl6{display:flex;align-items:baseline;gap:6px}
.end2{align-items:flex-end;gap:2px}.end6{align-items:flex-end;gap:6px;flex-shrink:0;white-space:nowrap}
.pt3{padding-top:3px}.pb6{padding-bottom:6px}.mt2{margin-top:2px}
.n40{font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:1}
.lh{line-height:1.45}
.chart{display:block;height:auto;width:100%}
.alert .col{gap:6px;flex-grow:1}
.card.caf-c{padding:16px 18px}
.card.next{flex-direction:row}
.next .col{gap:3px;flex-grow:1}
.nt{font-size:16px;font-weight:500}
.nrow{display:flex;gap:12px;align-items:center}
.card.g4{gap:4px}.card.g0{gap:0}.card.g14{gap:14px}.card.g20{gap:20px}
.doc .col{gap:2px;flex-grow:1}
.plan .col{flex-grow:0}
.lnk.q{background:rgba(var(--c),.09);border-color:rgba(var(--c),.3);color:var(--t1);padding:10px 14px;min-height:56px}
button.fc,button.lnk,button.btn,.search input{font-family:inherit}
button.fc,button.lnk,button.btn{cursor:pointer}
button.lnk{width:100%;text-align:left}
.more{display:flex;flex-direction:column}
.gtitle .gicon{width:44px;height:44px;border-radius:14px;background:rgba(var(--violet-rgb),.10);border:1px solid rgba(var(--violet-rgb),.28);display:flex;align-items:center;justify-content:center;color:var(--violet)}
.gh{font-size:21px;font-weight:600;letter-spacing:-.01em}
.legend.up{margin-top:-4px}
.card.vio .gc{padding-bottom:14px;border-bottom:1px solid var(--line)}
.card.vio .gc:last-child{padding-bottom:0;border-bottom:0}
.gc{gap:5px}
.gabout{line-height:1.5;padding:6px 0 8px}
.grow.wide{flex-wrap:wrap;padding:8px 2px}
.grow.wide .lh{order:3;flex-basis:100%}
.grow.wide .dots{order:2}
.gv{display:flex;align-items:center;gap:10px}
.lnk.mt6{margin-top:6px}
.ver{text-align:center;padding-top:6px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chp{cursor:default}
.cd.off{background:transparent;border-color:transparent}
.sub .bar{margin-top:3px}
.col.g2{gap:2px}.col.g3{gap:3px}.col.g4{gap:4px}.col.g6{gap:6px}.col.g8{gap:8px}
.h1s{font-size:30px}
.h1s.msg{font-size:22px;line-height:1.3;text-wrap:balance}
.sl-hd{gap:10px;text-align:center;align-items:center}
.sl-p{max-width:300px;font-size:15px;line-height:1.55;color:var(--t2);text-wrap:balance}
.sl-foot{text-align:center;line-height:1.5;text-wrap:balance}
.info .w5.lock{display:flex;align-items:center;gap:6px}
.lk{stroke:var(--teal-t)}
/* svg parts */
.fs0{stop-color:var(--data);stop-opacity:.22}.fs1{stop-color:var(--data);stop-opacity:0}
.band{fill:rgba(var(--teal-rgb),.2)}
.bline{stroke:var(--teal);stroke-width:1.2;opacity:.8}
.btxt{fill:var(--teal-t);font-size:11px;font-family:'Onest',system-ui,sans-serif}
.pline{stroke:var(--data)}
.pdot{fill:var(--card);stroke:var(--data)}
.halo{fill:rgba(var(--c),.2)}
.hot{fill:var(--cs)}
.w6{font-weight:600}
.bs0{stop-color:var(--teal);stop-opacity:.75}.bs1{stop-color:var(--teal);stop-opacity:.2}
.bn0{stop-color:var(--teal-t)}.bn1{stop-color:var(--teal);stop-opacity:.4}
.nline{stroke:var(--t3);stroke-width:1.2}
.wstub{fill:var(--track2)}
.mk.nt:before{display:none}

a.doc{color:inherit;text-decoration:none}
.back{width:max-content;padding:0 16px;min-height:40px}
.p-doc .dt{font-size:20px;font-weight:600;margin:14px 0 4px;overflow-wrap:anywhere}
.pg{margin:16px 0 0;display:flex;flex-direction:column;gap:6px}
.pg img{display:block;width:100%;height:auto;border:1px solid var(--line2);border-radius:6px;background:#fff}