@layer components{.toast-container-v2{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-2-5);left:var(--space-5);overflow-y:auto;pointer-events:none;position:fixed;right:var(--space-5);top:var(--space-5);z-index:var(--z-toast)}.toast-v2{background-color:#333;border-radius:var(--radius-sm);color:var(--text-on-color);height:auto;opacity:0;overflow:hidden;padding:var(--space-4);pointer-events:auto;position:relative;transition:opacity var(--duration-slowest)}.toast-success-v2{background-color:var(--success)}.toast-error-v2{background-color:var(--error)}.toast-info-v2{background-color:var(--accent-info)}.toast-message-v2{display:block}.toast-progress-v2{background:hsla(0,0%,100%,.7);bottom:0;height:var(--space-1);left:0;position:absolute;transition:width linear;width:100%}}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);margin:0;min-height:100vh;padding:0}.content{max-width:100%;width:100%}.header{align-items:center;background-color:var(--bg-darker);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-5)}.title{color:var(--text-primary);font-size:var(--font-h3-desktop);font-weight:var(--font-weight-bold)}.emptyHeader{width:100px}.main-container{margin:0 auto;max-width:900px;padding:var(--space-10) var(--space-5)}.test-controls-card{margin-bottom:var(--space-5)}.controls-row{gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.controls-left,.controls-row{align-items:center;display:flex;flex-wrap:wrap}.controls-left{gap:var(--space-6)}.controls-left h5{color:var(--text-primary);font-size:var(--font-lg-desktop);font-weight:var(--font-weight-semibold);margin:0}.controls-right{align-items:center;display:flex;gap:var(--space-3)}.debug-switch-container .dyor-switch{--switch-width:40px;--switch-height:20px;--knob-size:16px;--knob-offset:2px}.debug-switch-container{align-items:center;display:flex;gap:var(--space-2)}.debug-label{font-size:var(--font-small-desktop)}.progress-bar-container{background-color:var(--bg-darker);border-radius:var(--radius-xs);height:4px;overflow:hidden}.progress-bar{background-color:var(--accent-primary);height:100%;transition:width var(--duration-slow) var(--ease-default)}.hidden{display:none!important}.error-text{color:var(--negative);font-size:var(--font-small-desktop);margin-top:var(--space-2)}.spinner-border{animation:dyorSpin .75s linear infinite;border:2px solid;border-radius:var(--radius-circle);border-right:2px solid transparent;display:inline-block;height:14px;vertical-align:middle;width:14px}#serversContainer{display:flex;flex-direction:column;gap:var(--space-4)}.server-card{background:linear-gradient(135deg,var(--bg-table) 0,var(--bg-darker) 100%);border-left:1px solid var(--border-color);border:1px solid var(--border-color);border-left-width:4px;border-radius:var(--radius-md);padding:var(--space-5);transition:all var(--duration-slow) var(--ease-default)}.server-card:hover{box-shadow:var(--shadow-md-strong);transform:translateY(-2px)}.server-card.fastest{background:linear-gradient(135deg,var(--accent-primary-bg-faint) 0,var(--bg-darker) 100%);border-left-color:var(--accent-primary)}.server-card.testing{border-left-color:var(--accent-secondary)}.server-card.error{border-left-color:var(--negative)}.server-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.server-name{color:var(--accent-primary);font-size:var(--font-h4-desktop);font-weight:var(--font-weight-semibold)}.server-url{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-small-desktop);margin-bottom:var(--space-3)}.latency-display{align-items:baseline;display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.latency{color:var(--accent-primary);font-size:var(--font-h2-desktop);font-weight:var(--font-weight-bold)}.latency.slow{color:var(--warning)}.latency.very-slow{color:var(--negative)}.status-testing{background-color:var(--accent-secondary);color:var(--bg-darker)}.status-success{background-color:var(--accent-primary);color:var(--bg-darker)}.status-error{background-color:var(--negative);color:var(--bg-darker)}.test-details{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-small-desktop);margin-top:var(--space-3);padding-top:var(--space-3)}.test-details-row{display:flex;justify-content:space-between;margin-bottom:var(--space-1-5)}.test-details-label{color:var(--text-secondary)}.test-details-value{color:var(--text-primary);font-weight:var(--font-weight-medium)}.server-info{border-top:1px solid var(--border-color);margin-top:var(--space-3);padding-top:var(--space-3)}.server-info-title{color:var(--text-primary);font-size:var(--font-small-desktop);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.server-info-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.server-info-item{display:flex;font-size:var(--font-2xs-desktop);justify-content:space-between}.server-info-label{color:var(--text-secondary)}.server-info-value{color:var(--text-primary);font-weight:var(--font-weight-medium)}.test-history{border-top:1px solid var(--border-color);margin-top:var(--space-3);padding-top:var(--space-3)}.test-history-title{color:var(--text-primary);font-size:var(--font-small-desktop);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.test-history-list{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.test-history-item{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-2xs-desktop)}.tips-card{margin-top:var(--space-5)}.tips-card h6{margin-bottom:var(--space-3)}.tips-card ul{list-style:none;margin:0;padding:0}.tips-card li{color:var(--text-secondary);font-size:var(--font-small-desktop);margin-bottom:var(--space-2);padding-left:var(--space-5);position:relative}.tips-card li:before{color:var(--accent-primary);content:"•";font-weight:var(--font-weight-bold);left:0;position:absolute}@media (max-width:768px){.controls-row{align-items:stretch;flex-direction:column}.controls-left{align-items:flex-start;flex-direction:column}.controls-right{flex-direction:column;width:100%}.controls-right button{width:100%}.server-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}}
/*# sourceMappingURL=serverSpeed.c58c122f.css.map*/