.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{width:0;height:0;display:none}.bg-grid{background-image:linear-gradient(to right, color-mix(in oklch, var(--border) 60%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklch, var(--border) 60%, transparent) 1px, transparent 1px);background-size:48px 48px}.bg-dot{background-image:radial-gradient(color-mix(in oklch, var(--border) 80%, transparent) 1px, transparent 1px);background-size:20px 20px}.mask-fade-b{-webkit-mask-image:linear-gradient(#000 40%,#0000 100%);mask-image:linear-gradient(#000 40%,#0000 100%)}.glass{background:linear-gradient(180deg, color-mix(in oklch, var(--card) 72%, transparent) 0%, color-mix(in oklch, var(--card) 55%, transparent) 100%);border:1px solid color-mix(in oklch, var(--border) 70%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);transition:border-color .22s,box-shadow .26s,transform .26s;box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #ffffff05,0 30px 60px -30px #00000073;box-shadow:inset 0 1px lab(100% 0 0/.06),inset 0 0 0 1px lab(100% 0 0/.02),0 30px 60px -30px lab(0% 0 0/.45098)}.glass-hover:hover{border-color:color-mix(in oklch, var(--accent) 35%, var(--border));box-shadow:0 1px 0 0 #ffffff14 inset, 0 0 0 1px #ffffff08 inset, 0 18px 40px -12px color-mix(in oklch, var(--accent) 22%, transparent), 0 30px 60px -30px #00000080}@supports (color:lab(0% 0 0)){.glass-hover:hover{box-shadow:0 1px 0 0 lab(100% 0 0/.08) inset, 0 0 0 1px lab(100% 0 0/.03) inset, 0 18px 40px -12px color-mix(in oklch, var(--accent) 22%, transparent), 0 30px 60px -30px #00000080}}.glass-strong{background:linear-gradient(180deg, color-mix(in oklch, var(--card) 85%, transparent) 0%, color-mix(in oklch, var(--card) 68%, transparent) 100%);border:1px solid color-mix(in oklch, var(--border) 85%, transparent);-webkit-backdrop-filter:blur(18px)saturate(150%);box-shadow:inset 0 1px #ffffff14,0 40px 80px -32px #0000008c;box-shadow:inset 0 1px lab(100% 0 0/.08),0 40px 80px -32px lab(0% 0 0/.54902)}.accent-glow:before{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 45%, transparent), transparent 40%, color-mix(in oklch, var(--accent) 20%, transparent) 80%);-webkit-mask-composite:xor;pointer-events:none;opacity:.6;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.caret-blink{animation:1.05s step-end infinite blink}@keyframes soft-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.status-pulse{animation:1.8s ease-in-out infinite soft-pulse}@keyframes row-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.row-in{animation:.24s ease-out both row-in}@keyframes route-scan{0%{transform:translate(-140%)}to{transform:translate(440%)}}@keyframes packet-travel{0%{opacity:0;transform:translate(-10px)}20%,80%{opacity:1}to{opacity:0;transform:translate(70vw)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
