*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--surface:#111;--border:#ffffff10;--accent:#e8e8e8;--accent-dim:#ffffff40;--text:#d4d4d4;--text-dim:#555;--font:"JetBrains Mono", monospace}body{background-color:var(--bg);color:var(--text);font-family:var(--font)}.tesseract-container{background:var(--bg);justify-content:center;align-items:center;padding-top:2rem;display:flex}.tesseract-container canvas{display:block}.nav-button{color:var(--text-dim);font-family:var(--font);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.9rem;transition:color .2s;position:relative}.nav-button.active{color:var(--text)}.nav-button.active:after{content:"";background:var(--accent);width:40%;height:1px;box-shadow:0 0 6px 1px var(--accent), 0 0 12px 2px var(--accent), 0 0 24px 4px var(--accent);position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.nav-button:after{content:"";width:40%;height:1px;box-shadow:none;background:0 0;transition:box-shadow .3s,background .3s;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.nav-button:hover{color:var(--text);background:0 0}.navbar{justify-content:center;gap:2rem;width:100%;padding:1.5rem 0;display:flex;position:fixed;top:0}.description{animation:1.5s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}