:root{--nav-h:60px;--radius:18px;--radius-sm:12px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--display:var(--font);--bg:#05050f;--text:#eeeef8;--muted:#a0a0bc;--accent:#a58bff;--accent-2:#6ee7ff;--up:#4ff0a8;--down:#ff6b8f;--panel:#16143080;--panel-border:#beb4ff2e;--panel-shadow:0 20px 60px #00000073;--nav-bg:#0807168c;--glyph:linear-gradient(135deg, #a58bff, #6ee7ff)}.theme-eth{--bg:#06041a;--text:#efeaff;--muted:#a99fd6;--accent:#a58bff;--accent-2:#70e4ff;--panel:linear-gradient(160deg, #4634aa47, #120c3680);--panel-border:#b9a5ff42;--panel-shadow:0 24px 70px #0a042899, inset 0 1px 0 #ffffff1f;--nav-bg:#0a062280;--glyph:linear-gradient(135deg, #c7b6ff 0%, #6c4cff 55%, #2a1a8c 100%)}.theme-pengu{--bg:#030d18;--text:#f0faff;--muted:#9fc6dd;--accent:#8fe0ff;--accent-2:#fff;--up:#6ff7d0;--down:#ff8aa8;--panel:linear-gradient(165deg, #dcf4ff21, #78beeb0d 60%, #0a28464d);--panel-border:#d7f2ff57;--panel-shadow:0 24px 70px #000a198c, inset 0 1px 0 #ffffff4d, inset 0 0 40px #b4e6ff0f;--nav-bg:#04142480;--glyph:radial-gradient(circle at 35% 30%, #fff, #9fe6ff 45%, #2f86c8 100%)}.theme-keycat{--bg:#071a5c;--text:#fff;--muted:#a9d4f5;--accent:#e8893a;--accent-2:#3fd8ff;--stage-accent:#3fd8ff;--up:#3fd8ff;--down:#e8893a;--display:var(--mono);--panel:linear-gradient(170deg, #a9d4f529, #071a5cc7);--panel-border:#a9d4f573;--panel-shadow:0 0 0 1px #3fd8ff24, 0 0 30px #3fd8ff38, 0 24px 60px #030b2e99;--nav-bg:#071a5c9e;--glyph:repeating-linear-gradient(90deg, #a9d4f5 0 5px, #071a5c 5px 6px)}body.theme-keycat{background:linear-gradient(#0b2a8a,#071a5c 45%,#030b2e) fixed}.theme-keycat .feed-status .dot{background:#a9d4f5;box-shadow:0 0 10px #a9d4f5}.theme-keycat .feed-status[data-state=live] .dot{background:#e8893a;box-shadow:0 0 10px #e8893a}.theme-keycat .feed-status[data-state=offline] .dot{box-shadow:none;background:#fff}.theme-keycat .lbl-live{color:#071a5c;background:#e8893a;border-color:#e8893a;box-shadow:0 0 14px -2px #e8893a}.theme-keycat .state.error{border-color:#e8893a99;box-shadow:0 0 40px -10px #e8893a99}.theme-keycat .err-icon{background:#e8893a;box-shadow:0 0 20px #e8893a}.theme-keycat .note-err{color:#ffd9bd;background:#e8893a1f;border-color:#e8893a73}.theme-keycat .card-err{color:#ffd9bd;background:#030b2e99;border-color:#e8893a80}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}html,body{margin:0;overflow-x:hidden}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}a{color:inherit}h1,h2{font-family:var(--display)}.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.up{color:var(--up)!important}.down{color:var(--down)!important}.muted{color:var(--muted)}.topnav{height:var(--nav-h);z-index:30;padding:0 max(16px, env(safe-area-inset-left)) 0 max(16px, env(safe-area-inset-left));background:var(--nav-bg);-webkit-backdrop-filter:blur(16px)saturate(140%);border-bottom:1px solid #ffffff12;align-items:center;gap:16px;display:flex;position:fixed;inset:0 0 auto}.brand{letter-spacing:-.01em;color:var(--text);flex-shrink:0;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.brand-mark{width:26px;height:26px;color:var(--accent);filter:drop-shadow(0 0 6px var(--accent))}.brand-name{font-size:16px}.brand-name span{color:var(--muted);margin-left:3px;font-weight:500}.navlinks{background:#ffffff0a;border:1px solid #ffffff12;border-radius:999px;gap:4px;min-width:0;margin:0 auto;padding:4px;display:flex}.navlink{letter-spacing:.04em;color:var(--muted);white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s,background .2s,box-shadow .2s}.navlink:hover{color:var(--text);background:#ffffff0f}.navlink.active{color:var(--text);box-shadow:inset 0 0 0 1px #ffffff1f, 0 0 18px -4px var(--accent);background:#ffffff1a}.nav-eth.active{color:#e6ddff;background:#785aff47}.nav-pengu.active{color:#fff;background:#78d2ff3d}.nav-keycat.active{color:#fff;background:#3fd8ff3d}.nav-home-short{display:none}.feed-status{color:var(--muted);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;min-width:96px;font-size:12px;display:flex}.feed-status .dot{background:#f5b342;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #f5b342}.feed-status[data-state=live] .dot{background:#4ff0a8;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 10px #4ff0a8}.feed-status[data-state=offline] .dot{background:#f57;box-shadow:0 0 10px #f57}@keyframes pulse{50%{opacity:.45}}:root{--foot-h:36px}.coin{height:calc(100vh - var(--foot-h));height:calc(100dvh - var(--foot-h));min-height:524px;position:relative;overflow:hidden}.site-foot{min-height:var(--foot-h);text-align:center;color:var(--muted);opacity:.8;background:var(--bg);border-top:1px solid color-mix(in srgb, var(--accent) 16%, transparent);justify-content:center;align-items:center;padding:8px 16px;font-size:11.5px;line-height:1.4;display:flex}.theme-keycat .site-foot{font-family:var(--mono);letter-spacing:.03em;font-size:11px}.theme-pengu .site-foot{background:linear-gradient(180deg, #c8ebff0a, transparent), var(--bg)}.stage{position:absolute;inset:0;overflow:hidden}.chart-canvas{touch-action:none;outline:none;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.chart-labels{pointer-events:none;inset:0;position:absolute!important}.stage-title{z-index:5;top:calc(var(--nav-h) + 26px);pointer-events:none;max-width:min(520px,100% - 440px);position:absolute;left:32px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.eyebrow .sym{color:var(--accent)}.stage-title h1{letter-spacing:-.03em;background:linear-gradient(180deg, #fff 20%, var(--accent));color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text;margin:6px 0;font-size:clamp(30px,4vw,52px);font-weight:750;line-height:1.02}.theme-keycat .stage-title h1{letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(#e8893a,#e8893a);filter:drop-shadow(0 0 14px #3fd8ff4d);-webkit-background-clip:text;background-clip:text}.tagline{color:var(--muted);max-width:420px;margin:0;font-size:14px}.hint{z-index:5;color:var(--muted);pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000047;border:1px solid #ffffff14;border-radius:999px;padding:7px 12px;font-size:12px;position:absolute;bottom:22px;left:32px}.lbl{font-family:var(--mono);color:var(--muted);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 4px #000c;font-size:11px}.lbl-y{opacity:.85;padding-right:4px}.lbl-x{color:var(--text);opacity:.8;letter-spacing:.04em;font-size:12px;font-weight:600}.lbl-month{color:var(--muted);opacity:.7;font-size:10px;font-weight:500}.lbl-live{color:var(--text);border:1px solid var(--accent);box-shadow:0 0 16px -2px var(--accent);background:#00000073;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:700}.lbl-live:empty{display:none}.chart-tooltip{z-index:8;border-radius:var(--radius-sm);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);pointer-events:none;opacity:0;will-change:transform;background:#080614d1;min-width:170px;padding:10px 12px;font-size:12px;transition:opacity .12s;position:absolute;top:0;left:0;box-shadow:0 10px 30px #00000080}.chart-tooltip.show{opacity:1}.tt-date{color:var(--muted);letter-spacing:.03em;font-size:11px}.tt-price{font-variant-numeric:tabular-nums;margin:1px 0 4px;font-size:18px;font-weight:700}.tt-row{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;display:flex}.tt-row b{color:var(--text);font-weight:600}.tt-sw{vertical-align:middle;border-radius:2px;width:8px;height:2px;margin-right:6px;display:inline-block}.tt-src{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-top:5px;font-size:10px}.state{z-index:9;text-align:center;border-radius:var(--radius);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);background:#060512a8;width:min(420px,100% - 32px);padding:26px 24px;transition:opacity .5s,visibility .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-coin .state{margin-left:calc(min(360px,30vw)/-2 - 18px)}.state-title{font-size:16px;font-weight:700}.state-sub{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:13px}.state-sub.small{opacity:.8;font-size:12px}.state.error{border-color:#ff5a788c;box-shadow:0 0 40px -10px #ff466e99}.err-icon{color:#fff;background:#ff4f74;border-radius:50%;place-items:center;width:38px;height:38px;margin:0 auto 10px;font-weight:800;display:grid;box-shadow:0 0 20px #ff4f74}.spinner{border:2px solid #ffffff1f;border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;margin:0 auto 12px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{font:inherit;color:var(--bg);background:var(--accent);cursor:pointer;box-shadow:0 0 20px -4px var(--accent);border:0;border-radius:999px;margin-top:14px;padding:9px 20px;font-size:14px;font-weight:600}.panel{z-index:10;top:calc(var(--nav-h) + 22px);width:min(360px,30vw);max-height:calc(100% - var(--nav-h) - 44px);border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(20px)saturate(150%);scrollbar-width:thin;padding:22px 22px 18px;position:absolute;right:24px;overflow-y:auto}.theme-pengu .panel:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120px 60px at 12% 0,#ffffff38,#0000 70%),radial-gradient(90px 90px at 100% 100%,#aae1ff1f,#0000 70%);position:absolute;inset:0}.theme-keycat .panel{border-radius:10px}.panel-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.coin-chip{letter-spacing:.08em;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.coin-glyph{background:var(--glyph);width:20px;height:20px;box-shadow:0 0 12px -2px var(--accent);border-radius:6px}.theme-eth .coin-glyph{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:0}.theme-pengu .coin-glyph{border-radius:50%}.panel-live{color:var(--muted);font-size:11px}.panel-live.fresh{color:var(--up)}.big-price{letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 0 24px color-mix(in srgb, var(--accent) 45%, transparent);overflow-wrap:anywhere;margin-top:14px;font-size:clamp(30px,3vw,40px);font-weight:750;line-height:1.1}.theme-keycat .big-price{font-family:var(--mono);letter-spacing:0}.change{font-variant-numeric:tabular-nums;color:var(--muted);align-items:baseline;gap:8px;margin-top:4px;font-size:15px;font-weight:600;display:flex}.chg-lbl{color:var(--muted);font-size:12px;font-weight:500}.stats{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 0;display:grid}.stat{border-radius:var(--radius-sm);background:#ffffff0b;border:1px solid #ffffff12;min-width:0;padding:11px 12px}.stat.wide{grid-column:1/-1}.stat dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.stat dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:3px 0 0;font-size:17px;font-weight:700}.stat.wide dd{font-size:22px}.stat small{color:var(--muted);margin-top:1px;font-size:11px;display:block}.legend{color:var(--muted);flex-wrap:wrap;gap:8px 14px;margin:16px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.legend li{align-items:center;gap:7px;display:flex}.sw{border-radius:3px;width:18px;height:3px;display:inline-block}.sw-price{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 40%, transparent), #fff);box-shadow:0 0 8px var(--accent)}.sw-trend{background:var(--c-trend);box-shadow:0 0 6px var(--c-trend)}.sw-ma50{background:var(--c-ma50);box-shadow:0 0 6px var(--c-ma50)}.sw-ma200{background:var(--c-ma200);box-shadow:0 0 6px var(--c-ma200)}.fit{font-family:var(--mono);color:var(--muted);overflow-wrap:anywhere;background:#ffffff09;border:1px dashed #ffffff1a;border-radius:10px;margin-top:14px;padding:9px 10px;font-size:11px}.fit span{color:var(--accent);margin-left:6px}.notes{color:var(--muted);margin-top:14px;font-size:12px}.notes p{margin:0 0 7px}.notes b{color:var(--text);font-weight:600}.note-warn{color:#f3dcab;background:#ffc85014;border:1px solid #ffc85040;border-radius:10px;padding:8px 10px}.note-err{color:#ffc0cc;background:#ff506e1a;border:1px solid #ff506e59;border-radius:10px;padding:8px 10px}.page-home{background:radial-gradient(1200px 600px at 20% -10%,#6e50ff2e,#0000 60%),radial-gradient(900px 500px at 90% 10%,#3cb4ff1f,#0000 60%),radial-gradient(900px 600px at 60% 110%,#ff78281a,#0000 60%),#05050f}.ticker{top:var(--nav-h);z-index:29;-webkit-backdrop-filter:blur(12px);background:#0807169e;border-bottom:1px solid #ffffff0f;align-items:center;height:30px;display:flex;position:fixed;left:0;right:0;overflow:hidden}.ticker-track{width:max-content;animation:52s linear infinite ticker;display:flex}.ticker-group{flex-shrink:0;display:flex}.tick{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:8px;padding:0 24px;font-size:12px;display:inline-flex}.tick b{letter-spacing:.05em}.tick-price{color:var(--text);font-weight:600}.tick-chg{color:var(--muted);font-weight:600}@keyframes ticker{to{transform:translate(-12.5%)}}.hero{align-items:center;height:100svh;min-height:560px;display:flex;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-bg .chart-canvas{pointer-events:none;touch-action:auto}.hero-shade{pointer-events:none;background:linear-gradient(90deg,#05050fd6 0%,#05050f85 38%,#05050f00 72%),linear-gradient(#05050f00 74%,#05050f 100%),linear-gradient(#05050f8c 0%,#05050f00 24%);position:absolute;inset:0}.hero-copy{z-index:2;max-width:980px;padding:calc(var(--nav-h) + 30px) clamp(20px, 6vw, 96px) 0;position:relative}.hero-copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#05050fa8,#05050f00);position:absolute;inset:8% -6% -14% -18%}[data-tick=KEYCAT],#h2h-KEYCAT,.tt-row[data-coin=KEYCAT]{--up:#3fd8ff;--down:#e8893a}.hero h1{letter-spacing:-.035em;margin:12px 0 16px;font-size:clamp(40px,7vw,92px);font-weight:780;line-height:1.02}.home-inner{max-width:1560px;margin:0 auto;padding:clamp(24px,4vw,56px) clamp(16px,3vw,40px) 36px}.hero h1 em{background:linear-gradient(90deg,#b9a4ff,#8fe0ff 50%,#ff9a4a);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.lead{color:#d5d5e8;max-width:620px;margin:0;font-size:clamp(17px,1.5vw,21px)}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.card{background:var(--bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);will-change:transform;border-radius:22px;flex-direction:column;min-width:0;text-decoration:none;transition:transform .18s ease-out,box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden}.card:hover,.card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 70px -6px var(--accent), 0 30px 60px #00000080;outline:none;transform:translateY(-4px)}.card-stage{--sa:var(--stage-accent,var(--accent));aspect-ratio:10/9;background:radial-gradient(120% 70% at 50% 100%, color-mix(in srgb, var(--sa) 38%, transparent), transparent 70%), linear-gradient(180deg, var(--bg), color-mix(in srgb, var(--sa) 12%, var(--bg)));position:relative;overflow:hidden}.card-stage:after{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:linear-gradient(color-mix(in srgb, var(--sa) 45%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--sa) 45%, transparent) 1px, transparent 1px);background-size:28px 14px;position:absolute;inset:55% 0 0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.card-stage .chart-canvas{z-index:1;touch-action:auto;pointer-events:none}.card-state{z-index:2;text-align:center;place-items:center;padding:16px;transition:opacity .5s,visibility .5s;display:grid;position:absolute;inset:0}.card-err{color:#ffc0cc;overflow-wrap:anywhere;background:#28000a99;border:1px solid #ff506e66;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;font-size:12px;display:flex}.card-err b{color:#fff}.card-body{background:var(--panel);border-top:1px solid var(--panel-border);flex:1;padding:20px 22px 22px}.card-stats{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 0;display:grid}.card-stats>div{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;min-width:0;padding:9px 12px}.card-stats dt{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:11px}.card-stats dd{color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:2px 0 0;font-size:16px;font-weight:700}.card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-sym{font-family:var(--display);letter-spacing:.04em;color:var(--accent);font-size:20px;font-weight:800}.card-name{color:var(--muted);font-size:13px}.card-price-wrap{text-align:right;min-width:0}.card-price{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:20px;font-weight:700}.card-chg{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.card-cta{color:var(--text);opacity:.85;margin-top:14px;font-size:13px;font-weight:600}.card-cta span{transition:transform .25s;display:inline-block}.card:hover .card-cta span{transform:translate(4px)}.h2h{margin-top:clamp(48px,6vw,88px)}.h2h-head{margin-bottom:18px}.h2h h2{letter-spacing:-.025em;margin:0 0 4px;font-size:clamp(28px,3.4vw,44px)}.h2h-sub{color:var(--muted);margin:0;font-size:15px}.h2h-stage{background:#05050f;border:1px solid #ffffff1a;border-radius:22px;height:min(72vh,680px);min-height:380px;position:relative;overflow:hidden}.h2h-legend{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:10px 32px;margin:16px 2px 0;padding:0;font-size:15px;list-style:none;display:flex}.h2h-legend li{align-items:center;gap:9px;display:flex}.h2h-legend i{border-radius:3px;width:22px;height:3px}.h2h-legend span{color:var(--muted);font-weight:600}.foot{color:var(--muted);border-top:1px solid #ffffff12;margin-top:48px;padding-top:20px;font-size:12px}@media (width<=1100px){.stage-title{max-width:calc(100% - 420px)}.tagline{display:none}}@media (width<=1099px){.cards{grid-template-columns:1fr}.card-stage{aspect-ratio:16/9}}@media (width<=899px){.hero-shade{background:linear-gradient(#05050fb8 0%,#05050f73 55%,#05050f 100%)}.h2h-stage{height:62svh}.coin{height:auto;min-height:0;overflow:visible}.stage{height:68svh;min-height:400px;margin-top:var(--nav-h);position:relative;inset:auto}.stage-title{max-width:calc(100% - 36px);top:16px;left:18px}.stage-title h1{font-size:30px}.page-coin .state{margin-left:0}.hint{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 24px);font-size:11px;bottom:12px;left:50%;overflow:hidden;transform:translate(-50%)}.panel{width:auto;max-height:none;margin:14px 14px 24px;position:relative;top:auto;right:auto}}@media (width<=560px){:root{--nav-h:56px}.topnav{gap:8px;padding:0 10px}.brand-name{display:none}.navlinks{gap:2px;margin:0 auto;padding:3px}.navlink{letter-spacing:.02em;padding:6px 9px;font-size:12px}.nav-home-full{display:none}.nav-home-short{display:inline}.feed-status{min-width:0}.feed-status .feed-text{display:none}.lead{font-size:16px}.tick{padding:0 16px}.stage{height:62svh;min-height:360px}.eyebrow{font-size:10px}.stats{gap:8px}.stat{padding:9px 10px}.stat dd{font-size:15px}}@media (width<=360px){.navlink{padding:6px 7px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}