*{box-sizing:border-box}html{background:#07111f}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f8fafc;background:radial-gradient(circle at 12% 6%,#22d3ee21,#0000 31rem),radial-gradient(circle at 90% 10%,#a78bfa21,#0000 29rem),linear-gradient(#081421 0%,#07111f 52%,#050b13 100%);min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff04 50%,#0000 70%);position:fixed;inset:0}button,input,textarea,select{font:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}:root{--hm-bg:#07111f;--hm-surface:#0f1d2fd6;--hm-surface-soft:#0c1828a3;--hm-border:#94a3b826;--hm-border-strong:#22d3ee47;--hm-text:#f8fafc;--hm-muted:#9fb0c5;--hm-accent:#22d3ee;--hm-accent-2:#a78bfa;--hm-shadow:0 28px 90px #02081766}.heatmapper-app{z-index:1;width:min(1240px,100% - 32px);margin:0 auto;padding:52px 0 72px;position:relative}.heatmapper-header{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:26px;padding:0 4px;display:flex}.heatmapper-eyebrow,.panel-kicker{color:#67e8f9;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:800;display:inline-block}.heatmapper-header h1{color:var(--hm-text);letter-spacing:-.055em;margin:8px 0 0;font-size:clamp(2.8rem,7vw,5.4rem);line-height:.95}.heatmapper-header p{max-width:700px;color:var(--hm-muted);margin:18px 0 0;font-size:clamp(1rem,2vw,1.15rem);line-height:1.65}.heatmapper-badge{white-space:nowrap;border:1px solid var(--hm-border);color:#dffcff;box-shadow:var(--hm-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f1d2fb3;border-radius:999px;align-items:center;gap:10px;padding:.6rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.heatmapper-badge span{background:var(--hm-accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #22d3ee1f}.heatmapper-panel{border:1px solid var(--hm-border);box-shadow:var(--hm-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#112236e0,#0a1523c2);border-radius:26px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--hm-border);justify-content:space-between;align-items:flex-end;gap:28px;padding:24px 26px 20px;display:flex}.panel-heading h2{color:var(--hm-text);letter-spacing:-.025em;margin:6px 0 0;font-size:1.35rem}.panel-heading p{max-width:540px;color:var(--hm-muted);margin:0;font-size:.92rem;line-height:1.55}.heatmapper-canvas{background-color:#050c1652;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;padding:22px;overflow-x:auto}.heatmapper-canvas table{border-collapse:separate;border-spacing:8px}.heatmapper-canvas td,.heatmapper-canvas th{border-radius:12px}.heatmapper-canvas input,.heatmapper-canvas select{border-radius:10px}.heatmapper-canvas button{transition:transform .16s,filter .16s}.heatmapper-canvas button:hover{filter:brightness(1.08);transform:translateY(-1px)}@media (width<=760px){.heatmapper-app{width:min(100% - 20px,1240px);padding-top:30px}.heatmapper-header,.panel-heading{flex-direction:column;align-items:flex-start;gap:16px}.heatmapper-panel{border-radius:20px}.heatmapper-canvas{padding:12px}}