.graph3d{width:100%;height:75vh;border-radius:8px;overflow:hidden}:root{color-scheme:light dark}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}h1{font-family:Bebas Neue,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.5px}.wrap{max-width:1100px;margin:2rem auto;padding:0 1rem}.card{border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:8px;padding:1rem;margin-bottom:1rem}code{background:color-mix(in srgb,currentColor 10%,transparent);padding:0 .25rem;border-radius:4px}.row{display:flex;gap:.5rem;align-items:center}select{padding:.4rem .6rem;border-radius:6px}button{padding:.45rem .8rem;border-radius:6px;cursor:pointer}.brand-tri{color:#fff}.brand-fi{color:#00a1fe}.back-link{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:.55em;margin-left:1rem;padding:.2rem .5rem;border-radius:6px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);color:inherit;text-decoration:none}.back-link:hover{background:color-mix(in srgb,currentColor 10%,transparent)}