:root{color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#050505;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{touch-action:none;overscroll-behavior:none;place-items:center;min-width:320px;min-height:100svh;margin:0;display:flex;overflow:hidden}#root{width:100%;min-height:100svh;padding:4rem 4rem max(1rem, env(safe-area-inset-bottom)) 4rem;box-sizing:border-box;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;align-items:center;gap:2rem;display:grid}@media (width<=768px){#root{padding:2rem 2rem max(.5rem, env(safe-area-inset-bottom)) 2rem;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;gap:2rem}}.left-panel{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:.5rem;width:min-content;margin:0 auto;display:flex}.right-panel{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.brand{letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 0 20px #a066ff4d;margin:0;font-family:Anton,sans-serif;font-size:6rem;font-weight:400;line-height:.9}.hero-info{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.hero-top{flex-direction:row;align-items:flex-start;gap:1rem;display:flex}.time-group{border-left:2px solid #a066ff66;flex-shrink:0;width:9.5rem;padding:0 0 0 .5rem}.time-label{letter-spacing:.1em;color:#cbb4fc;opacity:1;text-transform:uppercase;margin-bottom:.1rem;font-family:Space Mono,monospace;font-size:.65rem;font-weight:700}.time{color:#fff;opacity:.9;letter-spacing:.05em;font-variant-numeric:tabular-nums;text-shadow:0 0 10px #a066ff33;font-family:Anton,sans-serif;font-size:2.4rem;line-height:1}.description{color:#fff;opacity:.7;text-align:left;text-transform:uppercase;white-space:nowrap;margin:0;font-family:Space Mono,monospace;font-size:.85rem;font-weight:400;line-height:1.3}.motto{opacity:1;letter-spacing:.05em;color:#cbb4fc;font-size:.75rem;font-weight:700}.nav-dot{color:#a066ff66;font-size:.8rem}.links{flex-flow:row;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.links a{color:#fff;opacity:.5;text-transform:uppercase;letter-spacing:.1em;font-family:Space Mono,monospace;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s}.links a:hover{opacity:1;color:#a066ff;letter-spacing:.15em;text-shadow:0 0 10px #a066ff80}.canvas-container{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.center-content{pointer-events:auto;grid-area:2/1;justify-self:center;width:50vw;max-width:600px;height:50vw;max-height:600px}@media (width<=768px){.brand{font-size:4rem}.time{font-size:1.8rem}.center-content{width:60vw;height:60vw}.hero-info{justify-content:center}.hero-top{flex-direction:row;align-items:flex-start;gap:.5rem;display:flex}.time-group{text-align:left;background:0 0;border:none;border-left:2px solid #a066ff66;flex:none;width:7.5rem;margin:0;padding:0 0 0 .5rem}.time-label{font-size:.55rem}.links{gap:.5rem}.links a{font-size:.8rem}}.network-flow{border-top:1px solid #a066ff66;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;padding-top:.5rem;font-family:Space Mono,monospace;font-size:.65rem;display:flex}.network-prefix{color:#cbb4fc;letter-spacing:.1em;margin-right:.25rem;font-weight:700}.live-dot{border-radius:50%;width:6px;height:6px;margin-right:.25rem;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.flow-wrapper{align-items:center;gap:.5rem;display:flex}.flow-node{cursor:pointer;opacity:.7;border-radius:4px;padding:.1rem .3rem;transition:all .2s}.flow-node:hover,.flow-node.active{opacity:1;color:#fff}.flow-arrow{opacity:.6;color:#cbb4fc;font-size:1.1rem;line-height:1}