:root{font-family:InterVariable,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#ffffffde;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent: #dc2626}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}#tooltip{position:absolute;left:0;top:0;pointer-events:none;background:#191919;display:flex;flex-direction:column;align-items:center;will-change:transform;--base-transform: translate(var(--pos-x, 0), var(--pos-y, 0));transform:var(--base-transform) scale(0);transform-origin:top left;transition:transform cubic-bezier(.76,.07,1,.27) .1s,opacity cubic-bezier(.76,.07,1,.27) .1s;opacity:0;color:#eee;padding:.5rem 1rem;border:1px solid #fff1;border-radius:5px;box-shadow:0 3px 8px #0006}#tooltip.active{transform:var(--base-transform) scale(1);transition:transform cubic-bezier(.07,.76,.27,1) .3s,opacity cubic-bezier(.07,.76,.27,1) .1s;opacity:1}#tooltip-head{font-size:1.5rem}#tooltip-tail{color:#999}