.heatmap-page{min-height:100vh;overflow:hidden}.heatmap-page .heatmap-legend .loss{background:#dc3434}.heatmap-page .heatmap-legend .gain{background:#169b50}.heatmap-page .heatmap-hero{padding-top:38px;padding-bottom:22px}.heatmap-page .heatmap-hero h1{margin-top:7px;font-size:38px}.heatmap-page .heatmap-hero>div:first-child>span{font-size:12px}.heatmap-page .heatmap-dashboard{border-color:color-mix(in srgb,var(--line) 82%,transparent);border-radius:20px;box-shadow:0 24px 75px #10182812,inset 0 1px #ffffff0d}.heatmap-page .heatmap-toolbar{background:color-mix(in srgb,var(--surface) 94%,var(--bg));min-height:64px;padding:10px 14px}.heatmap-page .heatmap-summary{background:color-mix(in srgb,var(--surface) 97%,var(--bg));min-height:54px;padding:8px 14px}.heatmap-page .heatmap-summary article{background:color-mix(in srgb,var(--bg) 76%,var(--surface));border-radius:9px;padding:7px 10px}.heatmap-page .crypto-heatmap{background:color-mix(in srgb,var(--bg) 78%,#141a22 22%);height:680px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 65%,transparent);border-radius:14px;margin:5px}.heatmap-page .heatmap-tile{border:1px solid color-mix(in srgb,var(--bg) 72%,#141a22 28%);border-radius:3px;transition:filter .16s,transform .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff12,inset 0 -12px 25px #0000000d}.heatmap-page .heatmap-tile:hover,.heatmap-page .heatmap-tile:focus-visible{z-index:5;filter:brightness(1.1)saturate(1.04);outline-offset:-3px;outline:1px solid #ffffffb8;transform:scale(.985);box-shadow:inset 0 1px #ffffff24,0 8px 22px #0004}.heatmap-page .heatmap-tile img{filter:drop-shadow(0 3px 7px #0007)}.heatmap-page .heatmap-tile b{letter-spacing:.2px}.heatmap-page .heatmap-tile>*{flex:none;max-width:calc(100% - 8px)}.heatmap-page .heatmap-tile{gap:calc(2px * var(--tile-scale,1));appearance:none;text-align:center;min-width:0;min-height:0;padding:2px}.heatmap-page .heatmap-tile img{width:calc(25px * var(--tile-scale,1));height:calc(25px * var(--tile-scale,1));flex-basis:calc(25px * var(--tile-scale,1));min-width:0;min-height:0}.heatmap-page .heatmap-tile b{font-size:calc(14px * var(--tile-scale,1))}.heatmap-page .heatmap-tile strong{font-size:calc(10px * var(--tile-scale,1))}.heatmap-page .heatmap-tile small{font-size:calc(8px * var(--tile-scale,1))}.heatmap-page .heatmap-tile b,.heatmap-page .heatmap-tile strong,.heatmap-page .heatmap-tile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.heatmap-page .heatmap-tile img{margin:0}.heatmap-page .heatmap-tile b,.heatmap-page .heatmap-tile strong,.heatmap-page .heatmap-tile small{line-height:1.05}.heatmap-page .heatmap-footer{min-height:42px}@media (max-width:900px){.heatmap-page .crypto-heatmap{height:600px}}.heatmap-page{color:var(--text)}.heatmap-hero{justify-content:space-between;align-items:flex-end;gap:30px;padding:58px 0 28px;display:flex}.heatmap-hero>div:first-child>span{color:var(--orange);letter-spacing:1.6px;font-size:10px;font-weight:900}.heatmap-hero h1{letter-spacing:-1.5px;margin:9px 0;font-size:40px}.heatmap-hero p{max-width:680px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.heatmap-live{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;padding-bottom:3px;font-size:9px;display:flex}.heatmap-live i{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 10%,transparent);border-radius:50%}.heatmap-live b{color:var(--text)}.heatmap-dashboard{border:1px solid var(--line);background:var(--surface);border-radius:17px;margin-bottom:65px;overflow:hidden;box-shadow:0 20px 60px #00000012}.heatmap-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:72px;padding:13px 16px;display:flex}.heatmap-toolbar>label{border:1px solid var(--line);background:var(--bg);border-radius:9px;grid-template-columns:25px 1fr;align-items:center;width:min(330px,100%);height:42px;padding:0 11px;display:grid}.heatmap-toolbar>label span{color:var(--muted);font-size:17px}.heatmap-toolbar input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.heatmap-control{align-items:center;gap:5px;margin-left:auto;display:flex}.heatmap-control+.heatmap-control{margin-left:0}.heatmap-control small{color:var(--muted);letter-spacing:.7px;margin-right:4px;font-size:8px;font-weight:800}.heatmap-control button{border:1px solid var(--line);background:var(--bg);height:31px;color:var(--muted);cursor:pointer;border-radius:7px;padding:0 10px;font-size:9px;font-weight:750}.heatmap-control button:hover{color:var(--text)}.heatmap-control button.active{border-color:var(--orange);background:var(--orange);color:#fff}.heatmap-summary{border-bottom:1px solid var(--line);align-items:center;gap:9px;min-height:62px;padding:10px 16px;display:flex}.heatmap-summary article{border:1px solid var(--line);background:var(--bg);border-radius:8px;justify-content:space-between;align-items:center;gap:13px;min-width:125px;padding:8px 11px;display:flex}.heatmap-summary article small{color:var(--muted);font-size:8px}.heatmap-summary article strong{font-size:11px}.heatmap-summary .positive{color:var(--green)}.heatmap-summary .negative{color:var(--orange)}.heatmap-legend{color:var(--muted);align-items:center;gap:4px;margin-left:auto;font-size:8px;display:flex}.heatmap-legend i{width:28px;height:8px}.heatmap-legend .loss{background:#e86225;border-radius:4px 0 0 4px}.heatmap-legend .neutral{background:#777f8b}.heatmap-legend .gain{background:#11815f;border-radius:0 4px 4px 0}.crypto-heatmap{background:var(--bg);border-radius:10px;height:650px;margin:8px;position:relative;overflow:hidden}.heatmap-tile{border:2px solid var(--surface);color:#fff;text-shadow:0 1px 2px #0007;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:filter .16s,transform .16s,z-index .16s;display:flex;position:absolute;overflow:hidden}.heatmap-tile:hover,.heatmap-tile:focus-visible{z-index:4;filter:brightness(1.13);outline-offset:-3px;outline:2px solid #fff}.heatmap-tile img{object-fit:contain;filter:drop-shadow(0 2px 4px #0005);border-radius:50%;width:25px;height:25px;margin-bottom:2px}.heatmap-tile b{text-overflow:ellipsis;white-space:nowrap;max-width:94%;font-size:14px;overflow:hidden}.heatmap-tile strong{font-size:10px}.heatmap-tile small{text-overflow:ellipsis;opacity:.78;white-space:nowrap;max-width:90%;font-size:8px;overflow:hidden}.heatmap-loading{background:var(--bg);color:var(--muted);place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.heatmap-footer{min-height:45px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 16px;font-size:9px;display:flex}@media (max-width:900px){.heatmap-hero{padding-top:42px}.heatmap-toolbar{flex-wrap:wrap;align-items:stretch}.heatmap-toolbar>label{width:100%}.heatmap-control{margin-left:0}.crypto-heatmap{height:570px}.heatmap-summary article{flex:1;min-width:0}.heatmap-legend{display:none}}@media (max-width:600px){.heatmap-hero{flex-direction:column;align-items:flex-start}.heatmap-hero h1{font-size:33px}.heatmap-live{padding:0}.heatmap-control{width:100%;overflow-x:auto}.heatmap-control small{min-width:52px}.heatmap-control button{white-space:nowrap;flex:1}.heatmap-summary article:first-child{display:none}.crypto-heatmap{height:520px}.heatmap-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}}.hub>.heatmap-coming{min-height:calc(100vh - 76px);padding-top:72px}.heatmap-coming{background:radial-gradient(circle at 75% 20%,#ff6a1918,transparent 32%),var(--bg);min-height:100vh;color:var(--text);place-items:center;padding:30px;display:grid}.heatmap-coming-card{border:1px solid var(--line);background:var(--surface);border-radius:22px;width:min(760px,100%);padding:48px;box-shadow:0 30px 90px #0005}.heatmap-coming-mark{font-family:var(--font-brand),Arial,sans-serif;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.heatmap-coming-mark img{object-fit:contain;width:42px;height:42px}.heatmap-coming-mark span{color:var(--orange)}.heatmap-coming-card>small{color:var(--orange);letter-spacing:1.5px;margin-top:55px;font-size:11px;font-weight:850;display:block}.heatmap-coming-card h1{letter-spacing:-2px;margin:12px 0 18px;font-size:48px}.heatmap-coming-card p{max-width:590px;color:var(--muted);font-size:15px;line-height:1.7}.heatmap-coming-card>a{border:1px solid var(--line);border-radius:9px;margin-top:24px;padding:12px 17px;font-size:12px;font-weight:750;display:inline-flex}.heatmap-coming-card>a:hover{border-color:var(--orange);color:var(--orange)}@media (max-width:540px){.heatmap-coming-card{padding:28px}.heatmap-coming-card>small{margin-top:40px}.heatmap-coming-card h1{font-size:36px}}.heatmap-page main>.wrap{width:min(1240px,100% - 40px)}.heatmap-fullscreen-button{border:1px solid var(--line);background:var(--bg);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:9px;flex:0 0 34px;place-items:center;margin-left:4px;padding:0;transition:border-color .18s,color .18s,background .18s,transform .18s;display:grid}.heatmap-fullscreen-button:hover{border-color:color-mix(in srgb,var(--orange) 45%,var(--line));background:color-mix(in srgb,var(--orange) 7%,var(--bg));color:var(--orange);transform:translateY(-1px)}.heatmap-fullscreen-button:focus-visible{outline:2px solid color-mix(in srgb,var(--orange) 55%,transparent);outline-offset:2px}.heatmap-fullscreen-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.heatmap-dashboard:fullscreen{background:var(--surface);border:0;border-radius:0;flex-direction:column;width:100%;max-width:none;height:100vh;margin:0;display:flex}.heatmap-dashboard:fullscreen .heatmap-toolbar,.heatmap-dashboard:fullscreen .heatmap-summary,.heatmap-dashboard:fullscreen .heatmap-footer{flex:none}.heatmap-dashboard:fullscreen .crypto-heatmap{flex:auto;height:auto;min-height:0;margin:6px}@media (max-width:900px){.heatmap-page main>.wrap{width:calc(100% - 24px)}.heatmap-fullscreen-button{margin-left:auto}}.heatmap-education{content-visibility:auto;contain-intrinsic-size:auto 980px;padding-bottom:80px}.heatmap-education-head{max-width:790px;margin-bottom:27px}.heatmap-education-head>span,.heatmap-steps header small,.heatmap-context>small,.heatmap-faq>header>span{color:var(--orange);letter-spacing:1.45px;font-size:10px;font-weight:900}.heatmap-education-head h2{letter-spacing:-.9px;margin:10px 0 11px;font-size:31px}.heatmap-education-head p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.heatmap-principles{border:1px solid var(--line);background:var(--surface);border-radius:17px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 18px 55px #1018280b}.heatmap-principles article{grid-template-columns:34px 1fr;gap:15px;min-height:190px;padding:25px;display:grid}.heatmap-principles article+article{border-left:1px solid var(--line)}.heatmap-principles article>span{background:color-mix(in srgb,var(--orange) 9%,var(--surface2));width:32px;height:32px;color:var(--orange);border-radius:9px;place-items:center;font-size:10px;font-weight:900;display:grid}.heatmap-principles small{color:var(--muted);letter-spacing:.8px;font-size:9px;font-weight:850}.heatmap-principles h3{letter-spacing:-.2px;margin:8px 0 9px;font-size:16px}.heatmap-principles p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.heatmap-guide-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px;margin-top:16px;display:grid}.heatmap-steps,.heatmap-context{border:1px solid var(--line);background:var(--surface);border-radius:17px}.heatmap-steps{padding:27px}.heatmap-steps header h3{margin:8px 0 17px;font-size:21px}.heatmap-steps ol{margin:0;padding:0;list-style:none}.heatmap-steps li{border-top:1px solid var(--line);grid-template-columns:28px 1fr;align-items:start;gap:13px;padding:13px 0;display:grid}.heatmap-steps li>span{background:color-mix(in srgb,var(--green) 10%,var(--surface2));width:25px;height:25px;color:var(--green);border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid}.heatmap-steps li p{color:var(--soft);margin:2px 0 0;font-size:12px;line-height:1.68}.heatmap-context{background:linear-gradient(145deg,color-mix(in srgb,var(--orange) 7%,var(--surface)),var(--surface) 62%);padding:27px;position:relative;overflow:hidden}.heatmap-context:after{content:"";background:var(--orange);filter:blur(90px);opacity:.08;pointer-events:none;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-90px;right:-70px}.heatmap-context>span{border:1px solid color-mix(in srgb,var(--orange) 30%,var(--line));background:color-mix(in srgb,var(--orange) 9%,var(--surface2));width:37px;height:37px;color:var(--orange);border-radius:10px;place-items:center;margin-bottom:19px;font-weight:900;display:grid}.heatmap-context h3{letter-spacing:-.35px;margin:9px 0 11px;font-size:21px;line-height:1.25;position:relative}.heatmap-context>p{color:var(--muted);margin:0;font-size:12px;line-height:1.75;position:relative}.heatmap-context>div{border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 72%,transparent);border-radius:11px;margin-top:23px;padding:16px;position:relative}.heatmap-context>div small{color:var(--muted);letter-spacing:.7px;font-size:9px;font-weight:850;display:block}.heatmap-context>div strong{margin-top:8px;font-size:12px;line-height:1.5;display:block}.heatmap-faq{margin-top:50px}.heatmap-faq>header{margin-bottom:17px}.heatmap-faq>header h2{letter-spacing:-.6px;margin:9px 0 0;font-size:25px}.heatmap-faq details{border-top:1px solid var(--line);background:var(--surface)}.heatmap-faq details:last-of-type{border-bottom:1px solid var(--line)}.heatmap-faq summary{color:var(--text);cursor:pointer;padding:19px 48px 19px 18px;font-size:13px;font-weight:800;list-style:none;position:relative}.heatmap-faq summary::-webkit-details-marker{display:none}.heatmap-faq summary:after{content:"+";color:var(--orange);font-size:19px;font-weight:500;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.heatmap-faq details[open] summary:after{content:"−"}.heatmap-faq details p{max-width:900px;color:var(--muted);margin:0;padding:0 48px 20px 18px;font-size:12px;line-height:1.75}.heatmap-disclaimer{color:var(--muted);margin:20px 0 0;font-size:10.5px;line-height:1.65}@media (max-width:900px){.heatmap-principles{grid-template-columns:1fr}.heatmap-principles article{min-height:auto}.heatmap-principles article+article{border-top:1px solid var(--line);border-left:0}.heatmap-guide-grid{grid-template-columns:1fr}}@media (max-width:600px){.heatmap-education{padding-bottom:55px}.heatmap-education-head h2{font-size:27px}.heatmap-principles article{padding:21px}.heatmap-steps,.heatmap-context{padding:22px}.heatmap-faq{margin-top:40px}}
