/* Custom styling for Internet Stability Test */
.bg-subtle-grid-cyan {
    background-image: radial-gradient(rgba(6, 182, 212, 0.08) 1px, transparent 1px);
    background-size: 24px 24px;
}

.apple-glass {
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.stability-preset-btn.active {
    background-color: rgba(6, 182, 212, 0.2);
    border-color: rgba(6, 182, 212, 0.4);
    color: #ffffff;
}

.connection-type-btn.active {
    background-color: rgba(6, 182, 212, 0.25);
    border-color: rgba(6, 182, 212, 0.5);
    color: #38bdf8;
}

/* Timeline Canvas Wrapper */
.timeline-canvas-container {
    position: relative;
    width: 100%;
    height: 320px;
}

@media (max-width: 640px) {
    .timeline-canvas-container {
        height: 240px;
    }
}