@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tooltip{position:relative;display:inline-block;cursor:help}.tooltip .tooltiptext{visibility:hidden;width:300px;background-color:#1f2937;color:#fff;text-align:left;border-radius:8px;padding:12px;position:absolute;z-index:1000;bottom:125%;left:50%;margin-left:-150px;opacity:0;transition:opacity .3s;font-size:.875rem;line-height:1.5;box-shadow:0 8px 16px #0006}.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1f2937 transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;transition:all .2s}.dark input[type=range]{background:#374151}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#64748b;cursor:pointer;transition:all .2s;border:2px solid white;box-shadow:0 1px 3px #0000001a}input[type=range]::-webkit-slider-thumb:hover{background:#475569;box-shadow:0 2px 4px #0003}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#64748b;cursor:pointer;border:2px solid white;transition:all .2s;box-shadow:0 1px 3px #0000001a}input[type=range]::-moz-range-thumb:hover{background:#475569;box-shadow:0 2px 4px #0003}input[type=number]{font-variant-numeric:tabular-nums}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1;height:40px}.fade-in{animation:fadeIn .3s ease-in}.sample-dot{width:8px;height:8px;background:#8b5cf6;opacity:.6;border-radius:2px;display:inline-block;margin:1px;transition:background .3s,opacity .3s}.dark .sample-dot{background:#a78bfa;opacity:.5}.packet-layer{transition:all .3s ease}.packet-layer:hover{transform:translate(5px);filter:brightness(1.05)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f5f9}.dark ::-webkit-scrollbar-track{background:#1f2937}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}.dark ::-webkit-scrollbar-thumb{background:#4b5563}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark ::-webkit-scrollbar-thumb:hover{background:#6b7280}*{transition-property:background-color,border-color,color;transition-duration:.3s;transition-timing-function:ease-in-out}[id$=-bar]{transition-property:width,background-color!important}input:focus,select:focus,button:focus{outline:2px solid #94a3b8;outline-offset:2px}.dark input:focus,.dark select:focus,.dark button:focus{outline-color:#64748b}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}