body {background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);background-attachment: fixed;min-height: 100vh;}.container {max-width: 900px;}@media (prefers-color-scheme: dark) {body {background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);}}#startStopBtn:before{content:"Начать тест";}#startStopBtn.running{background-color:#dc3545 !important;border-color:#dc3545 !important;}#startStopBtn.running:before{content:"Остановить";}#startStopBtn.repeat:before{content:"Повторить тест";}#copyResultsBtn.copied{background-color:#ff5722 !important;border-color:#ff5722 !important;color:#FFFFFF !important;}.card {border: none;transition: transform 0.2s, box-shadow 0.2s;}.card:hover {transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;}canvas.meter {pointer-events: none;}.visible {animation: fadeIn 0.4s;display: block !important;}.hidden {animation: fadeOut 0.4s;display: none !important;}@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}@keyframes fadeOut {0% {display: block;opacity: 1;}100% {display: block;opacity: 0;}}.header-title {font-size: 1.75rem;}@media (min-width: 768px) {.header-title {font-size: 2.5rem;}}.header-subtitle {font-size: 1rem;}@media (min-width: 768px) {.header-subtitle {font-size: 1.25rem;}}.ping-value, .jitter-value {font-size: 2rem;}@media (min-width: 768px) {.ping-value, .jitter-value {font-size: 3rem;}}.speed-value {font-size: 2.5rem;margin-top: 40px;}@media (min-width: 768px) {.speed-value {font-size: 3.5rem;margin-top: 80px;}}.meter-card-mobile {min-height: 200px;}@media (min-width: 768px) {.meter-card-mobile {min-height: 280px;}}.meter-title-mobile {font-size: 1rem;}@media (min-width: 768px) {.meter-title-mobile {font-size: 1.25rem;}}.quality-badge {font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;}@media (min-width: 768px) {.quality-badge {font-size: 0.875rem;}}.quality-excellent {color: #198754;}.quality-good {color: #fd7e14;}.quality-poor {color: #dc3545;}@keyframes pulse {0% {transform: scale(1);box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.7);}50% {transform: scale(1.05);box-shadow: 0 0 0 10px rgba(25, 135, 84, 0);}100% {transform: scale(1);box-shadow: 0 0 0 0 rgba(25, 135, 84, 0);}}#copyResultsBtn {animation: pulse 2s infinite;transition: all 0.3s ease;background: linear-gradient(135deg, #ff9800, #ff5722);border: none;color: #fff;box-shadow: 0 10px 25px rgba(255, 87, 34, 0.35);}#copyResultsBtn:hover {animation: none;transform: translateY(-2px) scale(1.05);box-shadow: 0 12px 30px rgba(255, 87, 34, 0.5);}.loading-spinner {width: 2rem;height: 2rem;}@media (min-width: 768px) {.loading-spinner {width: 3rem;height: 3rem;}}.loading-message {font-size: 1rem;}@media (min-width: 768px) {.loading-message {font-size: 1.25rem;}}@media (min-width: 768px) {.w-md-auto {width: auto !important;}}@media (max-width: 767px) {.container {padding-left: 0.5rem;padding-right: 0.5rem;}.card-body.p-4 {padding: 1rem !important;}#ipArea .badge {font-size: 0.875rem !important;}.btn-lg {padding: 0.5rem 2rem;font-size: 1rem;}#copyResultsBtn {font-size: 1.05rem;padding: 0.85rem 1rem;margin-bottom: 1rem;}#copyResultsBtn i {font-size: 1.05rem;}.container.py-4 {padding-top: 1rem !important;padding-bottom: 1rem !important;}footer {font-size: 0.75rem;margin-top: 1rem !important;}#serverArea {font-size: 0.875rem;}}#ipTop b{text-transform: capitalize;}