@font-face{font-family:"Inter";src:url(fonts/Inter-Variable.woff) format("woff");font-weight:100 900;font-display:swap}
@font-face{font-family:"Bricolage";src:url(fonts/brico-700.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Bricolage";src:url(fonts/brico-800.ttf) format("truetype");font-weight:800;font-display:swap}
:root{
  --bg:#050e12;--ink:#e8f3f4;--muted:#8fb1b8;--dim:#5c8088;
  --glass-b:rgba(255,255,255,.1);--water:#5ad6ef;--ember:#ff8a4c;--glacier:#c9f3ff;
  --low:#7aa7d9;--fun:#3ddc97;--pushy:#ffb020;--high:#ff5370;--r:22px;
  --disp:"Bricolage","Inter",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable}
body{min-height:100vh;background:var(--bg);color:var(--ink);font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-feature-settings:"tnum" 1,"cv11" 1;-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.45}
a{color:inherit}
code{font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(255,255,255,.07);padding:1px 6px;border-radius:6px;color:var(--glacier)}
small{font-size:.8em}
.muted{color:var(--muted)}.sm{font-size:13px}.warn{color:#ffd37a}.fine{font-size:11.5px;color:var(--dim);margin-top:8px;line-height:1.5}
.pad{padding:18px}

/* ---- background ---- */
.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(120% 80% at 70% -10%,#0f3a4d 0%,#08222e 42%,#050e12 100%)}
.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45;animation:drift 24s ease-in-out infinite alternate}
.o1{width:420px;height:420px;background:#0e7490;top:-140px;left:-140px}
.o2{width:380px;height:380px;background:#b4421c;top:-60px;right:-160px;opacity:.2;animation-duration:30s}
.o3{width:340px;height:340px;background:#0f766e;bottom:-140px;left:25%;opacity:.3;animation-duration:34s}
@keyframes drift{to{transform:translate(40px,60px) scale(1.12)}}
}
.waves{position:absolute;left:0;bottom:0;width:100%;height:170px}
.w{fill:rgba(90,214,239,.06)}.w1{animation:sway 14s ease-in-out infinite alternate}
.w2{fill:rgba(45,212,191,.05);animation:sway 19s ease-in-out infinite alternate-reverse}
.w3{fill:rgba(90,214,239,.05);animation:sway 25s ease-in-out infinite alternate}
@keyframes sway{to{transform:translateX(-70px)}}

/* ---- layout ---- */
.wrap{max-width:1120px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 14px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}
.top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px}
.brand{display:flex;gap:11px;align-items:center;text-decoration:none;min-width:0}
.logo{width:42px;height:42px;flex:none;filter:drop-shadow(0 4px 16px rgba(255,138,76,.35))}
h1{font:800 22px/1.05 var(--disp);letter-spacing:-.02em}h1 span{color:var(--water);font-weight:700}
.sub{font-size:11.5px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-actions{display:flex;gap:8px;align-items:center;flex:none}
.proto{font:700 9.5px Inter;letter-spacing:.12em;color:#ffd37a;border:1px solid rgba(255,211,122,.4);padding:4px 7px;border-radius:99px}
.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--glass-b);background:rgba(255,255,255,.055);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:.2s}
.icon-btn:hover{background:rgba(255,255,255,.12)}.icon-btn.spin svg{animation:rot .8s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.032));border:1px solid var(--glass-b);border-radius:var(--r);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:0 10px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08)}

.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:5px;border-radius:99px;background:rgba(255,255,255,.045);border:1px solid var(--glass-b);position:sticky;top:8px;z-index:20;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);scroll-snap-type:x proximity}
.tabs::-webkit-scrollbar{display:none}
.tabs a{flex:none;padding:9px 16px;border-radius:99px;text-decoration:none;font:650 13.5px Inter;color:var(--muted);transition:.25s;scroll-snap-align:center;white-space:nowrap}
.tabs a sup{color:#ffb020;font-size:10px;margin-left:1px}
.tabs a:hover{color:var(--ink)}
.tabs a.on{color:#04222b;background:linear-gradient(135deg,#9be9f8,#5ad6ef 60%,#3bb8d6);box-shadow:0 2px 16px rgba(90,214,239,.4)}
.tabs a.on sup{color:#7a4a00}
.view{display:flex;flex-direction:column;gap:14px;animation:rise .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* banners */
#banner{display:flex;flex-direction:column;gap:8px}
.bn{padding:10px 14px;border-radius:14px;font-size:13px;border:1px solid rgba(255,176,32,.4);background:rgba(255,176,32,.1);color:#ffe2a3}
.bn.mock{border-color:rgba(255,83,112,.55);background:repeating-linear-gradient(135deg,rgba(255,83,112,.14) 0 10px,rgba(255,83,112,.07) 10px 20px);color:#ffd0d8}
.bn button{margin-left:6px;border:1px solid currentColor;background:none;color:inherit;border-radius:99px;padding:3px 10px;font:600 12px Inter;cursor:pointer}

/* intro */
.intro h2{font:800 30px/1.1 var(--disp);letter-spacing:-.025em}
.intro h2 em{font-style:normal;background:linear-gradient(90deg,#9be9f8,var(--water),#ffb48a);-webkit-background-clip:text;background-clip:text;color:transparent}
.intro p{color:var(--muted);margin-top:6px;font-size:14px;max-width:62ch}.intro b{color:var(--ink)}
.wxline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:12px 6px}
.wxline>div{padding:2px 12px;border-left:1px solid rgba(255,255,255,.08);font-size:13px;color:var(--muted)}.wxline>div:first-child{border-left:0}
.wxline .k{display:block;font:600 10px Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:2px}
.wxline b{font:800 22px var(--disp);color:var(--ink)}
.lg-t{margin-right:4px}.ph{font:700 10px Inter;letter-spacing:.08em;color:#ffd37a;border:1px dashed rgba(255,211,122,.55);padding:2px 6px;border-radius:6px}

/* chips & badges */
.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:99px;font:700 10.5px Inter;letter-spacing:.03em;white-space:nowrap}
.badge.live{color:#8ff5c4;background:rgba(61,220,151,.12);border:1px solid rgba(61,220,151,.4)}
.badge.live i{width:7px;height:7px;border-radius:50%;background:#3ddc97;animation:ping 1.8s ease-out infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(61,220,151,.7)}100%{box-shadow:0 0 0 8px rgba(61,220,151,0)}}
.badge.proxy{color:#ffd37a;background:repeating-linear-gradient(135deg,rgba(255,176,32,.16) 0 6px,rgba(255,176,32,.07) 6px 12px);border:1px dashed rgba(255,176,32,.6)}
.badge.mock,.tg.t-mock{color:#fff;background:#d63a56;border:1px solid #ff8da0}
.badge.model{color:#d8c4ff;background:rgba(160,120,255,.14);border:1px solid rgba(160,120,255,.45);margin-left:6px;vertical-align:2px}
.badge.soft{color:var(--muted);background:rgba(255,255,255,.06);border:1px solid var(--glass-b);font-weight:600}
.badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.tag{font:700 9.5px Inter;letter-spacing:.06em;padding:2px 6px;border-radius:5px;margin-left:4px;vertical-align:1px}
.tag.est{color:#d8c4ff;background:rgba(160,120,255,.15)}.tag.warn{color:#ffd37a;background:rgba(255,176,32,.15)}.tag.bad{color:#ffb0bd;background:rgba(255,83,112,.18)}
.mk{color:#ff8da0}
.prov{font-size:10.5px;color:var(--dim);letter-spacing:.02em;margin-top:8px}

/* cards */
.cards{display:grid;grid-template-columns:1fr;gap:14px}
.rcard{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:9px;padding:18px 18px 14px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;animation:rise .7s calc(var(--i)*.07s) cubic-bezier(.2,.8,.2,1) both;border-color:color-mix(in srgb,var(--st) 25%,rgba(255,255,255,.1))}
.rcard:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--st) 65%,transparent);box-shadow:0 14px 50px rgba(0,0,0,.4),0 0 40px color-mix(in srgb,var(--st) 25%,transparent)}
.rcard>*{position:relative;z-index:1}
.tide{position:absolute!important;left:0;right:0;bottom:0;height:var(--lvl,40%);z-index:0!important;background:linear-gradient(180deg,color-mix(in srgb,var(--st) 20%,transparent),color-mix(in srgb,var(--st) 6%,transparent));transition:height 1s;pointer-events:none}
.tide::before{content:"";position:absolute;left:0;right:0;top:-9px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'%3E%3Cpath d='M0 5 Q15 0 30 5 T60 5 T90 5 T120 5 V10 H0Z' fill='%23fff' fill-opacity='.0'/%3E%3C/svg%3E");}
.tide::after{content:"";position:absolute;left:-100%;right:-100%;top:-8px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='16' viewBox='0 0 160 16'%3E%3Cpath d='M0 8 Q20 0 40 8 T80 8 T120 8 T160 8 V16 H0Z' fill='%23ffffff' fill-opacity='.07'/%3E%3C/svg%3E") repeat-x;animation:tidew 7s linear infinite}
@keyframes tidew{to{transform:translateX(160px)}}
.is-proxy .tide{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--st) 12%,transparent) 0 8px,transparent 8px 16px)}
.rc-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.rc-top h3{font:800 26px/1 var(--disp);letter-spacing:-.02em}.rc-top p{font-size:12px;color:var(--muted);margin-top:4px}
.rc-mid{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;min-height:62px}
.big{font:800 52px/1 var(--disp);letter-spacing:-.03em;background:linear-gradient(180deg,#fff 20%,color-mix(in srgb,var(--st) 55%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}
.u{font:600 14px Inter;color:var(--muted);margin-left:6px;-webkit-text-fill-color:var(--muted);letter-spacing:0}
.rc-chip{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.pc{font-size:10.5px;color:var(--dim)}
.nogauge{font:800 26px var(--disp);color:var(--muted);letter-spacing:-.01em}.nogauge.lg{font-size:28px;margin-bottom:6px}
.proxyval{display:block;font-size:12.5px;color:var(--muted);margin-top:6px;padding:6px 10px;border:1px dashed rgba(255,176,32,.55);border-radius:12px;background:rgba(255,176,32,.06)}
.proxyval span{font:800 9.5px Inter;letter-spacing:.1em;color:#1a1000;background:#ffb020;padding:1px 6px;border-radius:5px;margin-right:4px}
.proxyval b{color:#ffe2a3;font-size:15px}.proxyval.lg{font-size:14px;padding:9px 12px}
.rc-mid .proxy-col{flex:1}
.rc-mid:has(.nogauge){flex-direction:column;align-items:flex-start;gap:8px}
.rc-mid:has(.nogauge) .rc-chip{flex-direction:row;align-items:center;order:-1;align-self:stretch;justify-content:space-between;order:2}
.trend{font:650 13px Inter;display:inline-flex;gap:6px;align-items:baseline;color:var(--glacier)}.trend b{font-size:14px}.trend small{color:var(--dim);font-weight:500}
.trend.surge,.trend.plunge{color:#ffcf6b}.trend.down{color:#9fc4ff}
.sp{position:relative;height:56px;margin:2px -4px 0}.spark{width:100%;height:100%}.splab{position:absolute;right:4px;top:-2px;font-size:9.5px;color:var(--dim);letter-spacing:.04em}
.rc-foot{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--muted);flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.07);padding-top:9px}
.rc-foot small{color:var(--dim)}
.mini3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mini{position:relative;padding:8px 10px;border-radius:12px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column}
.mini .mn{font:600 9.5px Inter;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);padding-right:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini b{font:800 20px var(--disp)}.mini small{color:var(--muted);font-size:10px}
.mini i{position:absolute;right:9px;bottom:12px;width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}

/* network panel */
.netpanel{display:grid;gap:14px;grid-template-columns:1fr}
.netpanel h2,.sec-h h2{font:800 19px var(--disp);letter-spacing:-.01em}
.keys{display:flex;flex-wrap:wrap;gap:14px;list-style:none;margin-top:10px;font-size:12px;color:var(--muted);padding:0}
.keys i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-2px}
.k1{background:var(--fun);box-shadow:0 0 8px var(--fun)}.k2{border:2px dashed #ffb020}.k3{background:#5c8088}
.net{width:100%;max-width:440px;margin:0 auto;display:block;height:auto}
.rv-base{fill:none;stroke:#1d7f9e;stroke-opacity:.5;stroke-linecap:round}
.rv-flow{fill:none;stroke:#bff3ff;stroke-opacity:.8;stroke-linecap:round;stroke-dasharray:1 14;animation:flow 1.6s linear infinite}
@keyframes flow{to{stroke-dashoffset:-15}}
.trib .rv-base{stroke:#3c6877;stroke-opacity:.6}.trib .rv-flow{stroke-opacity:.35}.faint .rv-base{stroke-dasharray:3 6;stroke-opacity:.4}.faint .rv-flow{display:none}
.rv-base.palguin,.rv-base.nevados,.rv-base.puesco{stroke:#2d7f8c}
.dim{opacity:.4}
.net .nl{font:700 12.5px Inter;fill:#e8f3f4}.net .nv{font:600 10.5px Inter;fill:#8fb1b8}.net .nv.warn{fill:#ffd37a}
.net .ml{font:500 10px Inter;fill:#8fb1b8}.net .ml.faint{fill:#5c8088}.net .ml.bold{fill:#c9f3ff;font-weight:700}
.net .lakel{font:700 12px Inter;fill:#d8f6ff}.net .lakel.s{font-size:9px}.net .lkw{stroke:#bff3ff;stroke-opacity:.5;stroke-width:1.5;animation:lkw 4s ease-in-out infinite alternate}@keyframes lkw{to{transform:translateX(6px)}}
.net .nd{cursor:pointer}.net .nd:hover circle{filter:brightness(1.3)}.net .ring{animation:ringp 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes ringp{0%{transform:scale(.7);opacity:.5}100%{transform:scale(1.5);opacity:0}}
.netmini{display:flex;align-items:center;justify-content:center}.netmini .net{max-width:340px}

/* river page */
.back{font:600 13px Inter;color:var(--muted);text-decoration:none;align-self:flex-start;padding:4px 2px}.back:hover{color:var(--ink)}
.hero{position:relative;overflow:hidden;padding:20px 18px 16px;border-color:color-mix(in srgb,var(--st) 35%,rgba(255,255,255,.1))}
.hero>*{position:relative;z-index:1}.hero .tide{height:22%;opacity:.8}
.hero-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}
.hero-head h2{font:800 34px/1 var(--disp);letter-spacing:-.025em}
.hero-nums{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px}
.label{font:650 10.5px Inter;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.bigger{font:800 76px/1 var(--disp);letter-spacing:-.04em;background:linear-gradient(180deg,#fff 15%,color-mix(in srgb,var(--st) 60%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:4px}
.big2{font:800 44px/1 var(--disp);letter-spacing:-.03em;margin-top:6px}.big2 .u,.bigger .u{font-size:16px}
.sub2{font-size:12px;color:var(--muted);display:block;margin-top:4px}
.hero-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px}
.pin{position:absolute;top:-4px;width:6px;height:20px;border-radius:4px;background:#fff;margin-left:-3px;box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 45%,transparent),0 0 14px var(--c);transition:left .8s}
.mlabs{position:relative;height:16px;margin-top:5px;font-size:10.5px;color:var(--dim)}.mlabs span{position:absolute;transform:translateX(-50%)}
.ph-note{margin-top:2px}
.deltas{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.deltas .k{display:block;font:600 10px Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.deltas .v{font:700 14px Inter}.deltas .v small{color:var(--muted);font-weight:500}
.deltas .v.up{color:#a8e8ff}.deltas .v.dn{color:#a6c4ff}
.proxyhero .proxybox{margin-top:14px;padding:14px;border-radius:16px;border:1px dashed rgba(255,176,32,.5);background:rgba(255,176,32,.05)}
.warnline{font-size:12.5px;color:#ffd37a;margin-top:8px}
.pctbar{margin-top:18px}.pb{position:relative;height:10px;border-radius:99px;background:linear-gradient(90deg,var(--low),var(--fun) 40%,var(--pushy) 75%,var(--high));opacity:.7}
.pb i{position:absolute;top:-5px;width:6px;height:20px;border-radius:4px;background:#fff;margin-left:-3px;box-shadow:0 0 12px #fff}
.pbl{display:flex;justify-content:space-between;font-size:11px;color:var(--dim);margin-top:8px;gap:6px}.pbl b{color:var(--muted);font-weight:600;text-align:center}

.sec-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.ctl{display:flex;gap:8px;flex-wrap:wrap}
.ctl{max-width:100%;min-width:0}
.seg-toggle{display:inline-flex;max-width:100%;overflow-x:auto;scrollbar-width:none;gap:2px;padding:3px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid var(--glass-b)}
.seg-toggle button{flex:none;white-space:nowrap;border:0;background:none;color:var(--muted);padding:6px 12px;border-radius:99px;font:650 12px Inter;cursor:pointer;transition:.2s}
.seg-toggle button.on{background:linear-gradient(135deg,rgba(90,214,239,.4),rgba(59,130,246,.4));color:#fff}
.chart,.wxc{position:relative;touch-action:pan-y}
.chart svg,.wxc svg{display:block;width:100%;height:auto;overflow:visible}
.chart .grid,.wxc .grid{stroke:rgba(255,255,255,.07)}.chart .grid.v,.wxc .grid.v{stroke:rgba(255,255,255,.04)}
.chart text,.wxc text{fill:var(--dim);font:500 10.5px Inter}
.chart .thr,.wxc .thr{font-size:9.5px;font-weight:600}
.chart .line{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(90,214,239,.4))}.chart .line.proxy{stroke-dasharray:7 5;filter:none}
.chart .wm{fill:rgba(255,255,255,.35);font:700 9.5px Inter;letter-spacing:.1em}.chart .wm.big{font-size:20px;fill:rgba(255,176,32,.28);letter-spacing:.14em}.chart .wm.big.mock{fill:rgba(255,83,112,.4)}
.chart .pulse{animation:pls 2s ease-out infinite;transform-box:fill-box;transform-origin:center}@keyframes pls{0%{opacity:.6;transform:scale(.8)}100%{opacity:0;transform:scale(3)}}
.chart .cursor line{stroke:rgba(255,255,255,.4);stroke-dasharray:3 3}.chart .cursor circle{fill:#fff;stroke:var(--water);stroke-width:3}
.tip{position:absolute;top:0;pointer-events:none;padding:8px 11px;border-radius:12px;background:rgba(5,15,24,.9);border:1px solid rgba(255,255,255,.15);font-size:12px;line-height:1.45;white-space:nowrap;transform:translateX(-50%);z-index:3}
.tip b{font-size:14px}.tip span{color:var(--muted)}.tip i{font-style:normal;font-weight:700}
.chart-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--dim);margin-top:8px;flex-wrap:wrap}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.tile{padding:10px 12px;border-radius:14px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.07)}
.tile .k{display:block;font:600 10px Inter;letter-spacing:.07em;text-transform:uppercase;color:var(--dim)}.tile b{font:800 24px var(--disp)}.tile small{color:var(--muted);margin-left:3px}
.wxleg{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:6px}.wxleg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.wxleg i.dash{background:none;border-top:2px dashed;height:0;width:14px;border-radius:0;vertical-align:3px}
.mbars{display:flex;gap:6px;align-items:flex-end;height:130px;padding-top:6px}
.mb em{font:700 9.5px Inter;font-style:normal;color:var(--muted)}.mb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:5px}.mb i{display:block;width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#b79cff,#6b4fd6);opacity:.55}
.mb.past i{opacity:.35}.mb.today i{opacity:1;box-shadow:0 0 14px rgba(160,120,255,.6)}.mb span{font-size:10px;color:var(--dim)}.mb.today span{color:#d8c4ff;font-weight:700}

.grid2{display:grid;grid-template-columns:1fr;gap:14px}
.blurb{font-size:14px;color:var(--muted);line-height:1.6}
.ctx{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.ctx h4{font:700 10.5px Inter;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.ctx ul,.howto ul,.plain{list-style:none;padding:0;display:flex;flex-direction:column;gap:7px}.ctx li,.howto li,.plain li{font-size:13px;color:var(--muted);padding-left:14px;position:relative}
.ctx li::before,.howto li::before,.plain li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--water);opacity:.7}
.runs{list-style:none;padding:0;margin-top:10px;display:flex;flex-direction:column;gap:2px}
.runs li{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07);font-size:13px;color:var(--muted)}.runs li:first-child{border-top:0}
.rk{font-weight:650;color:var(--ink)}em.unv,em.beta{font:700 9px Inter;letter-spacing:.07em;font-style:normal;padding:2px 5px;border-radius:5px;margin-left:5px;vertical-align:1px;display:inline-block}
em.unv{color:#ffd37a;background:rgba(255,176,32,.15)}em.beta{color:#b8d6ff;background:rgba(80,140,255,.18)}
.stns{display:grid;gap:12px;grid-template-columns:1fr}
.stn{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;background:rgba(0,0,0,.18)}
.stn header{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.stn header b{font:800 17px var(--disp)}.role{font:700 9.5px Inter;letter-spacing:.08em;color:var(--water);margin-left:auto}
dl>div{display:grid;grid-template-columns:118px 1fr;gap:10px;padding:6px 0;border-top:1px solid rgba(255,255,255,.05);font-size:12.5px}dl>div:first-child{border-top:0}
dt{color:var(--dim);font-weight:600}dd{margin:0;color:var(--muted);word-break:break-word}dd a{color:var(--glacier)}
.vet>div{grid-template-columns:1fr;gap:3px;padding:10px 0}.vet dt{color:var(--ink);font-weight:700;font-size:13px}.vet dd{font-size:13px}
.tbl{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12.5px}th{text-align:left;font:700 10px Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:6px 10px 8px 0}td{padding:8px 10px 8px 0;border-top:1px solid rgba(255,255,255,.06);color:var(--muted);white-space:nowrap}
.o-live{color:#8ff5c4}.o-fallback{color:#ffd37a}.o-cached{color:#9fc4ff}
.mxl{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.mxl li{display:flex;gap:12px;align-items:flex-start}.mxl b{display:block;font-size:13.5px}.mxl span:not(.tg){display:block;font-size:12.5px;color:var(--muted)}
.tg{flex:none;min-width:96px;text-align:center;font:800 9.5px Inter;letter-spacing:.07em;padding:4px 7px;border-radius:7px;margin-top:1px;display:inline-block;color:#04222b;background:#8ff5c4}
.tg.t-placeholder,.tg.t-beta,.tg.t-estimate{background:#ffd37a}.tg.t-model{background:#c9b6ff}.tg.t-src{min-width:0;margin-left:6px;background:rgba(255,255,255,.12);color:var(--muted)}
.foot{text-align:center;color:var(--dim);font-size:11.5px;line-height:1.7;padding:10px 8px}
.demo{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center;margin-bottom:10px;padding:6px 8px 6px 14px;border-radius:99px;border:1px dashed rgba(255,83,112,.45);background:rgba(255,83,112,.06)}
.demo button{border:1px solid var(--glass-b);background:rgba(255,255,255,.05);color:var(--muted);border-radius:99px;padding:5px 12px;font:650 12px Inter;cursor:pointer}.demo button.on{background:#d63a56;color:#fff;border-color:#ff8da0}
.skeleton{animation:pulse 1.4s ease-in-out infinite;color:var(--muted)}@keyframes pulse{50%{opacity:.45}}
.empty{padding:40px;text-align:center;color:var(--dim)}.err{color:#ffb0bd}

@media (min-width:700px){
  .wrap{padding-top:30px;gap:18px}.cards{grid-template-columns:repeat(2,1fr)}.rcard.feat{grid-column:span 2}
  .netpanel{grid-template-columns:1fr 1fr;align-items:center}.grid2{grid-template-columns:1.2fr 1fr}.stns{grid-template-columns:repeat(2,1fr)}
  .intro h2{font-size:40px}.pad{padding:22px}.hero{padding:26px 26px 20px}.hero-head h2{font-size:44px}.bigger{font-size:96px}
  .sub{font-size:12.5px}h1{font-size:26px}
}
@media (min-width:1000px){.cards{grid-template-columns:repeat(3,1fr)}.rcard.feat{grid-column:span 2}.stns{grid-template-columns:repeat(3,1fr)}.stns:has(.stn:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.stns:has(.stn:only-child){grid-template-columns:minmax(0,640px)}}
@media (max-width:520px){
  .sub{display:none}.proto{display:none}.big{font-size:46px}.bigger{font-size:64px}.big2{font-size:36px}.hero-head h2{font-size:30px}
  .wxline{grid-template-columns:repeat(2,1fr);row-gap:10px}.wxline>div:nth-child(3){border-left:0}
  .tiles{grid-template-columns:repeat(2,1fr)}.deltas{grid-template-columns:repeat(2,1fr);row-gap:12px}
  .runs li{grid-template-columns:1fr;gap:3px}dl>div{grid-template-columns:1fr;gap:1px}.ctx{grid-template-columns:1fr}
  .hero-nums{grid-template-columns:1fr 1fr;gap:10px}.mini b{font-size:17px}.intro h2{font-size:27px}
  .tabs a{padding:9px 13px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---- Now / Advanced ---- */
.maintabs{display:flex;gap:4px;padding:4px;margin:4px 0 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);width:max-content}
.maintabs a{padding:8px 22px;border-radius:999px;color:#bcd3d8;text-decoration:none;font-weight:600;font-size:15px}
.maintabs a.on{background:#e8fbff;color:#06222b}
.tabs[hidden]{display:none}
.sqgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:760px){.sqgrid{grid-template-columns:repeat(5,1fr);gap:16px}}
.sq{position:relative;aspect-ratio:1;border-radius:22px;background:var(--bg);color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;
 box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25);text-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .15s}
.sq:hover{transform:translateY(-3px)}
.sq-n{position:absolute;top:12px;left:14px;font-weight:700;font-size:16px}
.sq-v{font-size:clamp(40px,13vw,64px);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.sq-u{font-size:13px;opacity:.85;margin-top:4px}
.sq-px{position:absolute;bottom:10px;right:12px;font-size:11px;opacity:.75;text-transform:lowercase;letter-spacing:.04em}
.sqgrid .sq:nth-child(5):last-child{grid-column:1/-1;aspect-ratio:auto;min-height:150px}
@media(min-width:760px){.sqgrid .sq:nth-child(5):last-child{grid-column:auto;aspect-ratio:1}}



.sq-px.est{text-transform:none;opacity:.9;font-weight:600;letter-spacing:.02em}

/* =====================================================================================================
   v3 · Futa design language (chilewaterlevels.com) — same glass/Inter/tab system, Pucón ember accent.
   ===================================================================================================== */
:root{--disp:"Inter",system-ui,sans-serif;--aqua:#4fd1e8;--teal:#2dd4bf;--good:#34d399;--warn:#fbbf24;--hot:#fb923c;--acc1:rgba(255,138,76,.30);--acc2:rgba(79,209,232,.30)}
.wrap{max-width:760px;gap:14px}
@media (min-width:720px){.wrap{padding-top:40px;gap:18px}}
h1{font:700 21px/1.1 Inter,system-ui;letter-spacing:-.02em}
.sub{font-size:12.5px;margin-top:1px}
.logo{width:38px;height:38px}
.lang{display:flex;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:3px}
.lang button{border:0;background:none;color:var(--muted);font:650 11.5px Inter,system-ui;padding:6px 10px;border-radius:99px;cursor:pointer;min-width:34px;transition:.25s}
.lang button[aria-pressed=true]{background:linear-gradient(135deg,var(--acc1),var(--acc2));color:#fff;box-shadow:0 2px 10px rgba(255,138,76,.18)}
@media (max-width:430px){.lang button{padding:6px 8px;min-width:30px}.top-actions{gap:6px}.sub{max-width:44vw}}
/* main tabs: 3 equal columns + sliding indicator (Futa) */
.ftabs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:99px;background:rgba(255,255,255,.045);border:1px solid var(--glass-b);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ftabs a{position:relative;z-index:1;text-align:center;padding:11px 8px;border-radius:99px;text-decoration:none;font:650 14px Inter,system-ui;color:var(--muted);transition:color .25s}
.ftabs a[aria-selected=true]{color:#fff}
.ftabs a:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}
.tab-ind{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:33%;border-radius:99px;background:linear-gradient(135deg,var(--acc1),var(--acc2));border:1px solid rgba(255,190,150,.35);box-shadow:0 4px 18px rgba(255,138,76,.18);opacity:0}
.tab-ind.on{opacity:1;transition:transform .38s cubic-bezier(.3,.9,.3,1),width .38s cubic-bezier(.3,.9,.3,1),opacity .2s}
.tabs{top:8px}
.tabs a.on{color:#fff;background:linear-gradient(135deg,var(--acc1),var(--acc2));box-shadow:0 2px 14px rgba(255,138,76,.2)}
/* hero (Now) */
.hero{padding:22px 18px 16px}
@media (min-width:720px){.hero{padding:28px 26px 20px}}
.label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.approx-tag{font-size:9.5px;letter-spacing:.08em;padding:2px 7px;border-radius:99px;border:1px solid rgba(255,255,255,.18);color:var(--muted);text-transform:uppercase;font-weight:650}
.nh-head{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:16px}
.now-hero .sqgrid{grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:600px){.now-hero .sqgrid{grid-template-columns:repeat(5,1fr);gap:10px}.now-hero .sqgrid .sq:nth-child(5):last-child{grid-column:auto;aspect-ratio:1;min-height:0}}
.sq{border-radius:18px;background:linear-gradient(165deg,color-mix(in srgb,var(--bg) 92%,#fff) 0%,var(--bg) 45%,color-mix(in srgb,var(--bg) 70%,#000) 100%);border:1px solid color-mix(in srgb,var(--bg) 60%,#fff);
  box-shadow:0 10px 30px color-mix(in srgb,var(--bg) 35%,transparent),inset 0 1px 0 rgba(255,255,255,.25);animation:rise .6s calc(var(--i,0)*60ms) cubic-bezier(.2,.8,.2,1) both;transition:transform .2s,box-shadow .2s}
.sq:hover{transform:translateY(-3px);box-shadow:0 16px 40px color-mix(in srgb,var(--bg) 50%,transparent),inset 0 1px 0 rgba(255,255,255,.3)}
.sq-n{font:700 14.5px Inter,system-ui;text-shadow:0 1px 6px rgba(0,0,0,.3)}
.sq-v{font-family:Inter,system-ui;font-size:clamp(38px,12vw,46px);font-weight:800;letter-spacing:-.045em;text-shadow:0 2px 14px rgba(0,0,0,.25)}
.sq-u{font-size:12.5px;font-weight:600}
.sq-px{font-size:10px;bottom:9px;right:10px;padding:1px 7px;border-radius:99px;border:1px solid rgba(255,255,255,.45);opacity:.9;background:rgba(0,0,0,.12)}
.sq-px.est{left:8px;right:8px;text-align:center;font-size:9.5px}



.now-hero .deltas{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.now-hero .deltas>div{display:flex;flex-direction:column;gap:3px}
.now-hero .k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:600}
.now-hero .v{font-size:14px;font-weight:650}.now-hero .sub2{display:block;color:var(--muted);font-weight:500;font-size:11.5px}
.tr-up,.tr-surge{color:var(--hot)}.tr-down,.tr-plunge{color:var(--aqua)}.tr-flat{color:var(--good)}
.now-hero .ph-note{text-align:center;margin-top:12px}
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.strip .tile{display:flex;flex-direction:column;gap:3px;padding:13px 12px;border-radius:18px;animation:rise .8s .15s cubic-bezier(.2,.8,.2,1) both}
.strip .k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:600}
.strip .v{font-size:17px;font-weight:650}.strip .v small{font-size:11.5px;color:var(--muted);font-weight:500}
@media (max-width:520px){.strip{grid-template-columns:repeat(2,1fr)}}
.foot a{color:var(--muted)}
.card{padding:16px}.ch{font-size:14px;font-weight:650;letter-spacing:.02em;color:var(--muted);text-transform:uppercase;margin-bottom:10px}
/* Map */
.mt{font:700 20px Inter,system-ui;letter-spacing:-.01em}.msub{color:var(--muted);font-size:13px;margin-top:3px;max-width:46ch}
.map-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted)}
.map-legend .lg{display:inline-flex;align-items:center;gap:6px}
.lgd{width:11px;height:11px;border-radius:50%;border:2px solid var(--teal);background:rgba(6,20,31,.8)}
.lgd.ref{border-color:#a5b4fc}.lgd.est{border-color:#ffb020;border-style:dashed}
.mapcard{padding:0;overflow:hidden;position:relative}
.mapbox{height:clamp(440px,60vh,580px);background:#06141f;border-radius:inherit;isolation:isolate}
.mapbox.leaflet-container{font-family:inherit;background:#06141f}
.mapbox[data-layer=dark] .leaflet-tile-pane{filter:grayscale(1) sepia(1) hue-rotate(158deg) saturate(1.9) brightness(.82) contrast(1.15)}
.mapbox[data-layer=dark] .tl-hill{mix-blend-mode:screen}.mapbox[data-layer=dark] .tl-ref{filter:brightness(1.35)}
.mapbox[data-layer=topo] .leaflet-tile-pane{filter:saturate(.8) brightness(.78) contrast(1.05)}
.mapbox[data-layer=sat] .leaflet-tile-pane{filter:brightness(.82) saturate(.9)}
.mapbox::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:450;box-shadow:inset 0 0 70px rgba(5,15,24,.75)}
.mfail{padding:40px 20px;text-align:center;color:var(--muted);font-size:13.5px}
.leaflet-control-zoom{border:1px solid var(--glass-b)!important;border-radius:14px!important;overflow:hidden;background:rgba(6,20,31,.66);box-shadow:0 6px 22px rgba(0,0,0,.35)!important}
.leaflet-control-zoom a{background:transparent!important;color:var(--ink)!important;border-bottom:1px solid var(--glass-b)!important;width:38px!important;height:38px!important;line-height:36px!important;font-size:20px!important}
.leaflet-control-attribution{background:rgba(6,20,31,.72)!important;color:var(--muted)!important;font-size:10px;border-radius:10px 0 0 0;max-width:calc(100% - 60px)}
.leaflet-control-attribution a{color:#b5d6e8!important}
.mctl{position:absolute;top:12px;right:12px;z-index:800;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.mlayers{background:rgba(6,20,31,.7);backdrop-filter:blur(16px)}.mlayers button{padding:7px 12px;font-size:12px}
.micon{width:40px;height:40px;border-radius:14px;border:1px solid var(--glass-b);background:rgba(6,20,31,.7);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.pin-w{background:none;border:0}
.pin-l{position:absolute;transform:translate(-50%,calc(-100% - 8px));display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;padding:6px 11px;border-radius:12px;background:rgba(6,20,31,.88);border:1.5px solid rgba(94,234,212,.75);box-shadow:0 6px 18px rgba(0,0,0,.45);font:600 11.5px Inter,system-ui;color:var(--ink);cursor:pointer}
.pin-l::after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;background:inherit;border-right:inherit;border-bottom:inherit;transform:translateX(-50%) rotate(45deg)}
.pin-l i{width:9px;height:9px;border-radius:50%;align-self:center;box-shadow:0 0 8px currentColor}
.pin-l b{font-size:15px;font-weight:750}.pin-l small{color:var(--muted);font-size:10px}
.pin-l em{font-style:normal;font-size:9px;letter-spacing:.06em;border:1px solid rgba(255,176,32,.6);color:#ffd37a;border-radius:99px;padding:0 5px;margin-left:2px}
.pin-l.k-est{border-style:dashed;border-color:rgba(255,176,32,.8)}.pin-l.k-ref{border-color:rgba(165,180,252,.7)}
.mpopw .leaflet-popup-content-wrapper{background:rgba(6,20,31,.94);color:var(--ink);border:1px solid var(--glass-b);border-radius:14px}
.mpopw .leaflet-popup-tip{background:rgba(6,20,31,.94)}
.mpop{display:flex;flex-direction:column;gap:3px;font:500 12px Inter,system-ui}.mpop b{font-size:14px}.mpop span{font-size:18px;font-weight:750}.mpop small{color:var(--muted)}.mpop a{color:var(--aqua);margin-top:4px}
/* river lines (real OSM geometry, overlaid on the map — same technique as Futaleufú Levels / Maipo Levels) */
.rv-glow{stroke:var(--water);stroke-opacity:.16}
.rv-main{stroke:#6ee7f7;stroke-opacity:.92;filter:drop-shadow(0 0 5px rgba(79,209,232,.7))}
.rv-trib{stroke:#7dd3fc;stroke-opacity:.72}
.rv-flow{stroke:#fff;stroke-opacity:.8;stroke-dasharray:1 15;animation:rvflow 1.6s linear infinite}
.rv-flow-t{stroke-opacity:.55;animation-duration:2.2s}
@keyframes rvflow{to{stroke-dashoffset:-16}}
@media (prefers-reduced-motion:reduce){.rv-flow{animation:none}}
.leaflet-interactive.rv-main,.leaflet-interactive.rv-trib{cursor:default}
.mtip.leaflet-tooltip{background:rgba(6,20,31,.9);color:var(--ink);border:1px solid var(--glass-b);border-radius:8px;font:600 11.5px Inter,system-ui;padding:3px 8px}
.mtip.leaflet-tooltip::before{display:none}
.mlist{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:600px){.mlist{grid-template-columns:1fr 1fr}}
.mrow{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:14px;border:1px solid var(--glass-b);background:rgba(255,255,255,.04);text-decoration:none;transition:.2s}
.mrow:hover{background:rgba(255,255,255,.08)}
.mrow>i{width:10px;height:10px;border-radius:50%;flex:none}
.mrow>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}.mrow b{font-size:13.5px}.mrow small{font-size:11px;color:var(--muted)}
.mrow.k-est small{color:#ffd37a}.mv{font-weight:750;font-size:15px;white-space:nowrap}.mv small{font-size:10.5px;color:var(--muted);font-weight:500}

.about h3{font-size:15px;margin:16px 0 6px}.about p,.about li{font-size:14px;color:var(--muted);line-height:1.6}.about ul{padding-left:18px}.about b{color:var(--ink)}.about a{color:var(--aqua)}
.sq-px{white-space:nowrap}@media(min-width:600px){.sq-px .lng{display:none}.sq-px.est{left:auto;right:10px}}
@media(min-width:600px){.now-hero .sqgrid{grid-template-columns:repeat(3,1fr);gap:12px}.now-hero .sq{aspect-ratio:3/2}.now-hero .sq-v{font-size:52px}}
.mbq{display:flex;flex-direction:column;gap:6px;margin:4px 0 12px}.mbq .eq{padding:9px 13px;border-radius:12px;background:rgba(255,176,32,.07);border:1px solid rgba(255,176,32,.28);font-size:14px;font-variant-numeric:tabular-nums}.mbq small{color:var(--muted)}.cmpw{margin-top:12px}.cmp{width:100%;height:auto;display:block}.tiles+.tiles{margin-top:8px}

/* v7 · neutral glass squares + discrete status dot (blue low · green medium · red high) */
.now-hero .sq,.sq{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));border:1px solid var(--glass-b);box-shadow:0 8px 26px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.07);color:var(--ink)}
.sq:hover{box-shadow:0 14px 34px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
.sq-n{color:var(--muted);text-shadow:none}
.sq-v{background:linear-gradient(180deg,#fff 10%,#9be7f5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.sq-u{color:var(--muted);margin-top:6px}
.sq-px{color:var(--muted);border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.04)}

/* Now squares: in-flow layout so the number can never overlap the river name (all widths) */
.now-hero .sq,.sq{display:grid;grid-template-rows:auto 1fr auto auto;justify-items:center;align-items:center;padding:12px 12px 10px;gap:2px;min-width:0;aspect-ratio:auto;min-height:132px}
.now-hero .sq-n,.sq-n{position:static;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}
.now-hero .sq-v,.sq-v{align-self:center;font-size:clamp(34px,10vw,44px);line-height:1;margin-top:2px}
.now-hero .sq-u,.sq-u{margin-top:0}
.now-hero .sq-px,.sq-px{position:static;justify-self:center;margin-top:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media(min-width:600px){.now-hero .sq,.sq{min-height:156px}.now-hero .sq-v{font-size:clamp(38px,4.2vw,52px)}}
@media(min-width:1024px){.now-hero .sq,.sq{min-height:176px}}
.zbtn{font:600 12px Inter,system-ui;color:var(--ink);background:rgba(255,255,255,.06);border:1px solid var(--glass-b);border-radius:99px;padding:5px 11px;cursor:pointer}
.csvl{margin-top:10px;font-size:12.5px;color:var(--muted);line-height:1.8}.csvl a{color:#9be7f5}.csvl code{font-size:11px;opacity:.75}
.chart svg{touch-action:pan-y;user-select:none}