:root{color:#eff7ff;background:radial-gradient(circle at 50% 35%,rgba(32,85,140,.2),transparent 26%),radial-gradient(circle at 20% 20%,rgba(88,148,212,.12),transparent 22%),linear-gradient(180deg,#08111c,#040913);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100vh;background:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden}canvas{display:block;width:100%;height:100vh}.visualization-label{position:fixed;bottom:64px;left:50%;z-index:10;color:#fff;font:14px/1 monospace;opacity:.9;transform:translate(-50%);pointer-events:none;text-shadow:0 1px 4px #000}.visualization-nav{position:fixed;bottom:16px;left:50%;z-index:10;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:min(calc(100vw - 24px),520px);transform:translate(-50%)}.visualization-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);color:#fff;font:14px/1 monospace;cursor:pointer;background:#ffffff0d;transition:all .2s;-webkit-user-select:none;user-select:none;appearance:none;-webkit-appearance:none}.visualization-button:hover{background:#ffffff1f;border-color:#ffffff73}.visualization-button.is-active{background:#ffffff40;border-color:#ffffffb3}