:root{--fs-label:12px;--fs-row:16px;--fs-meta:13px}
html body /* Home: one fixed screen on a 12-column,html body 1200px grid. 8px scale. Left 7 columns,html body right 5. */
.view[data-view="home"] .h2{position:relative;display:flex;flex-direction:column;height:calc(100dvh - 99px);box-sizing:border-box;padding:0 24px;overflow:hidden;background:none}html body .h2>canvas.hm-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}html body .h2-in,html body .h2-strip{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto}html body .h2-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-top:clamp(32px,10vh,96px);align-items:stretch}html body .h2-l{grid-column:1/8;display:flex;flex-direction:column;min-width:0}html body .h2-r{grid-column:8/13;min-width:0}html body .h2-k{margin:0;font:400 12px/16px "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:.06em !important;text-transform:uppercase;color:#6b5f55}html body .h2-h{margin:0;font:600 clamp(34px,min(3.7vw,7.4vh),52px)/1 Inter,system-ui,sans-serif !important;letter-spacing:-.02em !important;color:#1a1410;white-space:nowrap}html body .h2-h em{font:inherit !important;font-style:normal !important;color:#fe6102}html body .h2-st{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;margin-top:clamp(24px,5vh,40px)}html body .h2-st p{margin:0;padding:0 32px;border-left:1px solid #e0d4c6}html body .h2-st p:first-child{padding-left:0;border-left:0}html body .h2-st b{display:block;font:400 36px/40px "JetBrains Mono",ui-monospace,monospace !important;font-variant-numeric:tabular-nums;color:#1a1410;letter-spacing:-.02em}html body .h2-st i{display:block;margin-top:8px;font:400 12px/16px Inter,system-ui,sans-serif !important;font-style:normal !important;color:#6b5f55}html body .h2-ns{margin:16px 0 0;font:400 13px/16px Inter,system-ui,sans-serif !important;color:#8a7d72}html body .h2-cta{display:flex;gap:16px;margin-top:32px}html body .h2-b{display:inline-flex;align-items:center;height:44px;padding:0 24px;box-sizing:border-box;border:1px solid #1a1410;font:500 12px/1 "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:.08em !important;text-transform:uppercase;color:#1a1410;text-decoration:none;background:none}html body .h2-b.p{background:#fe6102;border-color:#fe6102;color:#fff}html body .h2-r header{display:flex;justify-content:space-between;align-items:center;height:16px;margin-top:0;padding-top:0;font:400 12px/16px "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:.06em !important;text-transform:uppercase;color:#1a1410}html body .h2-r header a{color:#6b5f55;text-decoration:none}html body .h2-dot{display:inline-block;width:8px;height:8px;border-radius:50% !important;background:#2fa36b;margin-right:8px;animation:h2p 2.4s ease-out infinite}
@keyframes h2p{70%,100%{box-shadow:0 0 0 7px rgba(47,163,107,0)}}html body .h2-bar{display:flex;height:8px;margin-top:16px;gap:2px}html body .h2-bar span{display:block;height:100%;background:#1a1410}html body .h2-leg{list-style:none;display:flex;gap:16px;margin:8px 0 0;padding:0;font:400 11px/16px "JetBrains Mono",ui-monospace,monospace !important;color:#6b5f55;white-space:nowrap}html body .h2-leg b{font-weight:400 !important;color:#1a1410}
@keyframes h2in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}html body .h2-strip{margin-top:auto;height:72px;border-top:1px solid #e9dfd3;display:flex;align-items:center;justify-content:space-between;gap:24px}html body .h2-sg{display:flex;align-items:center;gap:24px;min-width:0}html body .h2-th{font:400 11px/1 "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:.06em !important;text-transform:uppercase;color:#8a7d72;white-space:nowrap}html body .h2-vn{font:400 12px/1 "JetBrains Mono",ui-monospace,monospace !important;color:#6b5f55}html body .h2-strip a{display:flex;opacity:.6}html body .h2-strip img{display:block;height:24px;width:auto;filter:grayscale(1)}
@media(max-width:999px){html body .view[data-view="home"] .h2{height:auto;overflow:visible}html body .h2-l,html body .h2-r{grid-column:1/-1}html body .h2-r{margin-top:32px}html body .h2-h{white-space:normal}html body .h2-st b{font-size:24px !important;line-height:32px}html body .h2-st p{padding:0 16px}html body .h2-strip{flex-wrap:wrap;height:auto;padding:16px 0}
}
@media(prefers-reduced-motion:reduce){html body .h2-dot,}html body /* Telegram and X: nav icons (every page) and a labelled pair in the home strip */
/* Telegram and X sit in the same 36px bordered squares as the mode toggle next to them: one row of icon buttons, one line. */
.mm-soc{display:inline-flex;align-items:center;gap:8px;margin:0 8px 0 0;align-self:center}html body .mm-soc a{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(26,20,16,.22);color:#6b5f55;opacity:.8;transition:color .15s,opacity .15s,border-color .15s}html body .mm-soc a:hover{color:#fe6102;border-color:#e07a2e;opacity:1}html body .h2-strip .h2-soc a{display:inline;opacity:1;font:400 12px/1 "JetBrains Mono",ui-monospace,monospace !important;color:#6b5f55;text-decoration:none}html body .h2-strip .h2-soc a:hover{color:#fe6102}@media(min-width:1000px){html body .h2-strip{flex-wrap:nowrap}}
html body section.panel.h2::before,html body section.panel.h2::after{content:none !important;display:none !important}
html body .view[data-view="home"]{height:auto !important;padding-bottom:0 !important;min-height:0 !important}




html body .h2-all{display:block;margin-top:12px;text-align:right;font:400 12px/16px "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:.06em !important;text-transform:uppercase;color:#1a1410;text-decoration:none}
html body .h2-all:hover{color:#fe6102}
html body .h2-in{margin:auto 0;padding-top:0;max-width:1200px}
html body .h2-in{margin-left:auto;margin-right:auto}
html body .h2-strip img{height:20px}



html body .h2-r ol{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
html body .h2-r ol li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:6px 8px;border-radius:6px;overflow:hidden}
html body .h2-r ol li .l,html body .h2-r ol li .r{display:flex;flex-direction:column;gap:4px;min-width:0}
html body .h2-r ol li .r{align-items:flex-end;text-align:right}
html body .h2-r ol li b{font:500 var(--fs-row) /20px Inter,system-ui,sans-serif !important;letter-spacing:0 !important;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .h2-r ol li b span{font-weight:400 !important;color:#8a8a8a}
html body .h2-r ol li small{font:400 var(--fs-meta) /16px Inter,system-ui,sans-serif !important;letter-spacing:0 !important;color:#8a8a8a;white-space:nowrap}
html body .h2-r ol li small i{font:inherit !important;font-style:normal !important}
html body .h2-r ol li small i.buy{color:#1a9e5c}
html body .h2-r ol li small i.sell{color:#d6453d}
html body .h2-r ol li strong{font:600 18px/20px "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:0 !important;font-variant-numeric:tabular-nums;color:#111}
html body .h2-r ol li time{font:400 var(--fs-meta) /16px "JetBrains Mono",ui-monospace,monospace !important;font-variant-numeric:tabular-nums}
html body .h2-r ol li.new{animation:h2in .2s ease-out both,h2fl 1s ease-out}
@keyframes h2fl{from{background-color:rgba(254,97,2,.14)}to{background-color:rgba(254,97,2,0)}}
html body .h2-r header{font:400 var(--fs-label) /16px "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:.08em !important;color:#8a8a8a}
html body .h2-r header .h2-dot{width:6px;height:6px;margin-right:6px}
html body .h2-all{margin-top:16px;font:400 var(--fs-label) /16px "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:.08em !important;color:#fe6102}
html body .h2-all:hover{color:#fe6102;opacity:.8}

html body .h2-sg:not(.h2-soc) a{transition:transform .18s ease,opacity .18s ease}
html body .h2-sg:not(.h2-soc) a img{transition:filter .18s ease}
html body .h2-sg:not(.h2-soc) a:hover{opacity:1;transform:translateY(-2px)}
html body .h2-sg:not(.h2-soc) a:hover img{filter:none}

html body .h2-r{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:24px;box-sizing:border-box}
html body .h2-r header{color:rgba(0,0,0,.6);justify-content:space-between}
html body .h2-r header em{font:inherit !important;font-style:normal !important;color:#1a9e5c;text-transform:uppercase}
html body .h2-r ol li .bar{position:absolute;left:0;top:0;bottom:0;background:rgba(254,97,2,.06);pointer-events:none}
html body .h2-r ol li .coin,html body .h2-r ol li .l,html body .h2-r ol li .r{position:relative}
html body .h2-r ol li .coin{display:flex;width:28px;height:28px}
html body .h2-r ol li .coin svg{width:28px;height:28px}
html body .h2-r ol li small i.buy{color:#1a9e5c}
html body .h2-all{margin-top:auto;padding-top:16px;align-self:flex-end;display:block}
html body .h2-strip{height:64px}
html body .h2-st b{font-size:48px !important;line-height:52px !important}
html body .h2-st i{font-size:13px !important}
html body .h2-l{justify-content:space-between}
html body .h2-r header{font:500 15px/20px Inter,system-ui,sans-serif !important;letter-spacing:0 !important;text-transform:none;color:#1a1410;height:20px}
html body .h2-r header em{font:400 12px/16px Inter,system-ui,sans-serif !important;letter-spacing:0 !important;text-transform:none;color:#8a8a8a}
html body .h2-r ol li b .h2vl{display:inline-block;margin-left:8px;vertical-align:-3px;line-height:0}
html body .h2-r ol li b .h2vl svg{display:block;width:16px;height:16px}
html body .h2-st b{font-size:56px !important;line-height:60px !important}
html body .h2-r header .tp-t{display:inline-flex;align-items:center;gap:8px}
html body .tp-mk{display:block;flex:none;transform-origin:50% 100%;overflow:visible}
html body .tp-mk .tp-eye{transform-box:fill-box;transform-origin:center}
html body .tp-mk .tp-eye.blink{animation:tpb .14s ease-in-out}
html body .tp-mk .tp-pupil{transition:transform .15s ease-out}
html body .tp-mk .tp-pupil.down{transform:translateY(.7px)}
html body .tp-mk.drop{animation:tpd .6s cubic-bezier(.3,1.4,.5,1) both}
html body .tp-mk.hop{animation:tph .3s ease-out}
@keyframes tpd{0%{transform:translateY(-24px);opacity:0}60%{transform:translateY(0) scaleY(.85)}80%{transform:translateY(-3px) scaleY(1.03)}100%{transform:none;opacity:1}}
@keyframes tpb{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.1)}}
@keyframes tph{50%{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){html body .tp-mk,html body .tp-mk .tp-eye{animation:none !important}}
html body .h2-r ol li .bar{display:none !important}
html body .h2-r ol li.h2big{box-shadow:inset 2px 0 0 #fe6102}
html body .h2-r ol li .coin{position:relative;display:block;width:28px;height:28px;overflow:visible}
html body .h2-r ol li .coin>svg{width:28px;height:28px;border-radius:50%}
html body .h2-r ol li .coin .bdg{position:absolute;right:-5px;bottom:-5px;display:flex;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #fff}
html body .h2-r ol li .coin .bdg svg{width:14px;height:14px}
html body .h2-r ol li small u{text-decoration:none;font-weight:500 !important;color:#1a1410}
html body .h2-all{font:500 14px/20px Inter,system-ui,sans-serif !important;letter-spacing:0 !important;text-transform:none;color:#fe6102;text-decoration:none}
html body .h2-all{border:0 !important;text-decoration:none !important;box-shadow:none !important}
html body .h2-r ol li.h2big::before{content:"" !important;display:block !important;position:absolute;left:0;top:0;bottom:0;width:2px;background:#fe6102}
html body .h2-r{background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border:1px solid rgba(0,0,0,.06)}
html body .h2-r header .tp-t{display:inline-block;gap:0}
html body .tp-first{position:relative;display:inline-block}
html body .tp-mk{position:absolute;left:50%;bottom:88%;width:16px;height:16px;transform:translateX(-50%);transform-origin:50% 100%}
html body .tp-mk.drop{animation:tpd2 .6s cubic-bezier(.3,1.4,.5,1) both}
html body .tp-mk.hop{animation:tph2 .3s ease-out}
@keyframes tpd2{0%{transform:translateX(-50%) translateY(-24px);opacity:0}60%{transform:translateX(-50%) scaleY(.85)}80%{transform:translateX(-50%) translateY(-3px) scaleY(1.03)}100%{transform:translateX(-50%);opacity:1}}
@keyframes tph2{50%{transform:translateX(-50%) translateY(-4px)}}
html body .h2-r{border-radius:0;border:1px solid rgba(26,20,16,.12)}
html body .h2-r header{align-items:center;height:auto;min-height:28px;font:400 12px/16px "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:.08em !important;text-transform:uppercase;color:#1a1410}
html body .h2-r header .tp-t{display:inline-flex;align-items:center;white-space:pre}
html body .tp-o{position:relative;display:inline-block;width:12px;height:12px;margin-right:1px}
html body .tp-mk{left:0;bottom:0;width:12px;height:12px;transform:none;transform-origin:50% 100%}
html body .tp-mk.drop{animation:tpd3 .6s cubic-bezier(.3,1.4,.5,1) both}
html body .tp-mk.hop{animation:tph3 .3s ease-out}
@keyframes tpd3{0%{transform:translateY(-20px);opacity:0}60%{transform:scaleY(.85)}80%{transform:translateY(-3px) scaleY(1.03)}100%{transform:none;opacity:1}}
@keyframes tph3{50%{transform:translateY(-4px)}}
html body .h2-r header .tp-lv{display:flex;flex-direction:column;align-items:flex-end;font-style:normal !important;color:#1a9e5c}
html body .h2-r header .tp-lv b{font-weight:400 !important;display:inline-flex;align-items:center}
html body .h2-r header .tp-lv time{font:400 11px/12px "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:.04em !important;text-transform:none;color:#8a8a8a}
html body .h2-all{font:400 12px/16px "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:.08em !important;text-transform:uppercase;color:#fe6102}
html body .h2-st b{font-size:72px !important;line-height:76px !important;letter-spacing:-.03em !important;font-variant-numeric:tabular-nums;white-space:nowrap}
html body .h2-st b span{display:inline-block}
html body .h2-st b span.roll{animation:h2roll .15s ease-out}
@keyframes h2roll{from{transform:translateY(40%);opacity:.2}to{transform:none;opacity:1}}
html body .h2-st i{font-size:13px !important;color:#8a8a8a}
html body .h2-st p[hidden]{display:none}
html body .h2-st p{padding:0;border:0}
html body .h2-r header .tp-t{font-size:15px;line-height:20px;letter-spacing:.1em !important;align-items:center}
html body .tp-o{width:15px;height:15px;margin-right:.1em;vertical-align:middle}
html body .tp-mk{width:15px;height:15px}
html body .h2-r header .tp-lv{font-size:12px}
html body .h2-st b span{font:inherit !important;letter-spacing:inherit !important;color:inherit}
html body .h2-strip .h2-soc a.h2-by{display:inline-flex;align-items:center;gap:8px}
html body .h2-strip .h2-by img{height:20px;width:20px;border-radius:50%;filter:grayscale(1);opacity:.7;transition:filter .2s,opacity .2s}
html body .h2-strip .h2-by:hover img{filter:none;opacity:1}
html body .h2-strip .h2-soc a{border:0;text-decoration:none;box-shadow:none}
html body .h2-r header .tp-t{font:600 28px/32px Inter,system-ui,sans-serif !important;letter-spacing:-.01em !important;text-transform:none;white-space:pre;color:#1a1410}
html body .h2-r header{text-transform:none;min-height:40px}
html body .tp-o{width:22px;height:22px;vertical-align:baseline;margin-right:1px;position:relative;top:2px}
html body .tp-mk{width:22px;height:22px}
html body .tp-mk.drop{animation:tpd4 .72s cubic-bezier(.3,0,.4,1) both}
@keyframes tpd4{0%{transform:translateY(-60px);opacity:0}50%{transform:translateY(0);opacity:1}57%{transform:scale(1.15,.85)}72%{transform:translateY(-6px)}86%{transform:translateY(0) scale(1.05,.95)}100%{transform:none;opacity:1}}
html body .tp-mk .tp-eye.sleepy{transform:scaleY(.5);transition:transform 1.2s ease-in}
html body .tp-mk .tp-eye{transition:transform .08s}
html body .h2-r header .tp-lv time{font-size:12px}
html body .h2-strip{height:56px;margin-top:80px;border-top:1px solid rgba(0,0,0,.08);align-items:center;justify-content:space-between}
html body .h2-strip .h2-sg{display:flex;align-items:center;gap:20px}
html body .h2-strip .h2-th,html body .h2-strip .h2-sg a{font:400 11px/16px "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:.08em !important;text-transform:uppercase;color:#8a8a8a;text-decoration:none;opacity:1}
html body .h2-strip .h2-sg a:hover{color:#1a1410}
html body .h2-strip a.h2-by{display:inline-flex;align-items:center;gap:8px}
html body .h2-strip .h2-by img{height:16px;width:16px;border-radius:50%;filter:none;opacity:1}
html body .h2-strip .h2-sg>a:not(.h2-by) img{height:16px;width:auto;max-width:72px;object-fit:contain;filter:grayscale(1);opacity:.6;display:block}
html body .h2-strip .h2-soc{gap:20px}
html body .h2-strip{margin-top:80px !important}
html body .h2-strip .h2-sg a{border:0 !important;box-shadow:none !important;color:#8a8a8a !important}
html body .h2-strip .h2-sg a:hover{color:#1a1410 !important}
html body .h2-in{margin-top:auto !important;margin-bottom:0 !important}
@media(min-width:1000px){html body .h2::before{content:"";flex:1 1 0}html body .h2::after{content:"";flex:.4 1 0;order:9}html body .h2-in{margin-top:0 !important}}
@media(min-width:1000px){html body .h2::before,html body .h2::after{content:none !important}html body .h2-in{margin-top:auto !important}html body .h2{padding-bottom:clamp(24px,10vh,96px)}}
@media(min-width:1000px){html body .h2{justify-content:center;padding-bottom:0}html body .h2-in{margin-top:0 !important}}
html body .h2-r{position:relative}
html body .h2-r::before{content:"";position:absolute;left:20px;top:60px;bottom:0;width:52px;z-index:0;pointer-events:none;background:
 radial-gradient(circle,rgba(26,20,16,.08) 1.5px,transparent 1.7px) 4px 0/12px 12px repeat-y,
 radial-gradient(circle,rgba(26,20,16,.08) 1.5px,transparent 1.7px) calc(100% - 4px) 0/12px 12px repeat-y,
 #f3ede3;border-radius:0 0 26px 26px/0 0 10px 10px;transform-origin:top;animation:h2unroll .6s ease-out both}
html body .h2-r.feed::before{animation:h2feed .3s ease-out}
@keyframes h2unroll{from{transform:scaleY(0)}to{transform:none}}
@keyframes h2feed{from{background-position:4px -64px,calc(100% - 4px) -64px,0 0}to{background-position:4px 0,calc(100% - 4px) 0,0 0}}
html body .h2-r>*{position:relative;z-index:1}
html body .h2-r header{min-height:36px}
html body .h2-o,html body .tp-o{width:28px;height:28px;top:0}
html body .tp-mk{width:28px;height:28px}
html body .tp-mk.shk{animation:h2shk .2s linear}
@keyframes h2shk{25%{transform:translateX(-1px)}75%{transform:translateX(1px)}}
html body .h2-r header .tp-lv{flex-direction:row;font:400 11px/16px "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:.08em !important;text-transform:uppercase;color:#1a9e5c}
@media(prefers-reduced-motion:reduce){html body .h2-r::before{animation:none !important}}
@media(min-width:1000px){html body .h2{padding-bottom:56px}html body .h2-strip{position:absolute !important;left:24px;right:24px;bottom:0;margin-top:0 !important;z-index:2}}
html body .h2-r::before{content:none !important;animation:none !important}
html body .h2-r{overflow:hidden;--cas-r:0deg}
html body .h2-cas{position:absolute;z-index:0;right:-46px;bottom:-34px;width:300px;height:auto;opacity:.09;transform:rotate(-8deg);pointer-events:none;overflow:visible}
html body .h2-cas .cas-t{font-family:"JetBrains Mono",ui-monospace,monospace !important;letter-spacing:.08em !important}
html body .h2-cas .cas-rec{filter:drop-shadow(0 0 3px #fe6102)}
html body .h2-cas .cas-pu{transition:transform .25s ease-out}
html body .h2-r.rec .h2-cas .cas-pu{animation:cp 1.2s ease-in-out}
html body .h2-r.rec .h2-cas .cas-rec{animation:cr .5s ease-out}
@keyframes cp{0%,100%{transform:none}20%,70%{transform:translateY(1.6px)}}
@keyframes cr{0%{transform-box:fill-box;transform-origin:center;transform:scale(2.4)}100%{transform-box:fill-box;transform-origin:center;transform:none}}
@media(prefers-reduced-motion:reduce){html body .h2-r.rec .h2-cas *{animation:none !important}}
html body .h2-r header{min-height:0;height:16px;justify-content:flex-end;margin-bottom:16px}
html body .h2-cas{opacity:.06;right:-70px;bottom:-50px;width:300px;z-index:0}
html body .h2-cas .cas-rec{filter:none}
html body .h2-r>ol,html body .h2-r>a{position:relative;z-index:1}
html body .h2-cas{width:340px;right:-120px;bottom:-60px}
html body .h2-cas .cas-pu{transition:transform .2s ease-out}
@keyframes cp{0%,100%{transform:none}15%,75%{transform:translate(2px,3px)}}
@keyframes cr{0%{opacity:.15}100%{opacity:1}}
html body .h2-r.rec .h2-cas .cas-rec{animation:cr .5s ease-out}
@media(min-width:1000px){html body .h2{justify-content:flex-start;padding-bottom:0}html body .h2-in{margin-top:clamp(64px,12vh,140px) !important;align-items:start}html body .h2-l,html body .h2-r{align-self:start}}
html body .h2-strip .h2-sg>a:not(.h2-by) img[src*="tsinghua"]{height:16px;width:16px}
html body .h2-strip .h2-soc{flex:none;width:auto;margin:0;white-space:nowrap}
@media(min-width:1000px){html body .h2-strip{width:auto !important;max-width:none !important;box-sizing:border-box}}
html body .h2-strip .h2-sg>a:not(.h2-by) img{transition:filter .2s,opacity .2s}html body .h2-strip .h2-sg>a:not(.h2-by):hover img{filter:none;opacity:1}
html body .h2-r ol li{display:grid;grid-template-columns:28px 1fr auto;column-gap:12px;row-gap:0;align-items:baseline}
html body .h2-r ol li .l,html body .h2-r ol li .r{display:contents}
html body .h2-r ol li .coin{grid-column:1;grid-row:1/3;align-self:center}
html body .h2-r ol li b{grid-column:2;grid-row:1;font-size:17px !important;line-height:24px !important}
html body .h2-r ol li strong{grid-column:3;grid-row:1;justify-self:end;font-size:19px !important;line-height:24px !important}
html body .h2-r ol li .l small{grid-column:2;grid-row:2;font-size:13px !important;line-height:20px !important}
html body .h2-r ol li .r small{grid-column:3;grid-row:2;justify-self:end;font-size:13px !important;line-height:20px !important}
html body .h2-r ol li time{font-size:13px !important;line-height:20px !important}
html body .h2-r header{margin-bottom:12px}
html body .h2-cas{width:70%;height:auto;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);opacity:.05}
html body .h2-cas *{stroke-width:2px}
html body .h2-r header,html body .h2-r .h2-all{margin-right:8px}
html body .h2-r{overflow:visible}
html body .h2-cas{display:none !important}
html body .tape-mascot{position:absolute;top:-18px;left:-14px;width:40px;height:26px;z-index:2;overflow:visible;transform:rotate(-6deg);transform-origin:bottom center;pointer-events:none;animation:tmdrop .5s cubic-bezier(.3,1.3,.5,1) both}
html body .tape-mascot .cas-reel{transform-box:fill-box;transform-origin:center;transition:transform .4s cubic-bezier(.3,1.4,.5,1)}
html body .tape-mascot.hop{animation:tmhop .3s ease-out}
@keyframes tmdrop{0%{transform:translateY(-40px) rotate(-6deg);opacity:0}55%{opacity:1;transform:translateY(0) rotate(-6deg) scale(1.08,.85)}80%{transform:translateY(-3px) rotate(-6deg)}100%{transform:rotate(-6deg)}}
@keyframes tmhop{50%{transform:translateY(-6px) rotate(-6deg)}0%,100%{transform:rotate(-6deg)}}
html body .h2-r.rec .tape-mascot .cas-rec{animation:tmrec .4s steps(1) 1}
@keyframes tmrec{0%{opacity:.1}100%{opacity:1}}
html body .h2-r.rec .tape-mascot .cas-pu{animation:cp 1.2s ease-in-out}
@media(prefers-reduced-motion:reduce){html body .tape-mascot,html body .tape-mascot.hop,html body .h2-r.rec .tape-mascot *{animation:none !important}html body .tape-mascot .cas-reel{transition:none}}
html body .tape-mascot{top:-26px}
html body #hm-fills-l{font:400 13px/16px "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:0 !important;color:rgba(26,20,16,.6) !important;margin-top:8px}
html body .h2-r ol li{padding-top:3px;padding-bottom:3px}
html body .h2-r ol{row-gap:2px}
html body .h2-r .h2-all{margin-top:0}
html body .h2-r .h2-all{padding-bottom:0 !important;margin-bottom:0 !important}
html body .h2-r{padding-bottom:16px}
html body .h2-r{padding-top:8px;padding-bottom:24px}
html body .h2-r header{height:auto;margin-bottom:8px}
html body .h2-r header{position:absolute;top:8px;right:24px;margin:0;z-index:2}
html body .h2-r{padding-top:28px;padding-bottom:30px}
html body .h2-r ol{row-gap:8px}
html body .h2-r header{right:32px}
html body .h2-r ol{row-gap:4px}
html body .h2-r{padding-bottom:26px}
html body .h2-r ol{height:216px;overflow:hidden}
html body .h2-r ol.sl li{animation:h2sl .3s ease-out}
html body .h2-r ol.sl li:first-child{animation-name:h2sli}
@keyframes h2sl{from{transform:translateY(-55px)}}
@keyframes h2sli{from{transform:translateY(-55px);opacity:0}}
html body .h2-r ol li time{font:400 13px/20px "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:0 !important;color:rgba(26,20,16,.5) !important}
@media(prefers-reduced-motion:reduce){html body .h2-r ol.sl li{animation:none !important}}
html body .h2-r{background:rgba(250,247,240,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(17,17,17,.10);box-shadow:0 1px 0 rgba(17,17,17,.04)}
html body .h2-v{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%;max-width:1200px;margin:96px auto 0;box-sizing:border-box;min-height:24px}
html body .h2-vk{font:400 11px/16px "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:.08em !important;text-transform:uppercase;color:rgba(26,20,16,.5)}
html body .h2-vl{flex:1;display:flex;justify-content:space-around;align-items:center}
html body .h2-vi{display:inline-flex;height:24px;filter:grayscale(1);opacity:.5;transition:filter .2s,opacity .2s}
html body .h2-vi:hover{filter:none;opacity:1}
html body .h2-vi svg,html body .h2-vi img{height:24px;width:24px}
@media(max-width:999px){html body .h2-v{display:none}}
html body .h2-r ol li{flex:none}

/* PAGE INSET: every section's content sits 24px inside the 1200px frame
   (x 144 to 1296 at 1440), as Premium, Flow, Trades and Home already did.
   Today, Compare and Board were flush or narrower. Trade and Vaults untouched. */
html body .view[data-view="today"],
html body .view[data-view="overview"]{padding-left:24px !important;padding-right:24px !important}
html body .view[data-view="today"] > .panel{padding-left:0 !important;padding-right:0 !important}
html body .view[data-view="board"] .bd{max-width:none !important;margin:0 !important;padding:0 0 40px !important}
/* Home footer sits at the bottom edge: the panel fills exactly the space under the header (no 4px spill), the strip text hugs the bottom (founder 2026-10-16: "a little bit up from bottom"). */
@media(min-width:1000px){
html body .view[data-view="home"] .h2{height:calc(100dvh - 103px) !important;padding-bottom:0 !important}
html body .view[data-view="home"] .h2 .h2-strip{height:64px !important;align-items:flex-end !important;padding-bottom:28px !important;box-sizing:border-box}
}