  @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Roboto:wght@300;400;500&display=swap');
        
        body {
            font-family: 'Roboto', sans-serif;
            transition: all 0.3s ease;
        }
        
        .orbitron {
            font-family: 'Orbitron', sans-serif;
        }
        
        .glow {
            text-shadow: 0 0 10px rgba(59, 130, 246, 0.8), 
                         0 0 20px rgba(59, 130, 246, 0.6),
                         0 0 30px rgba(59, 130, 246, 0.4);
        }
        
        .dark .glow {
            text-shadow: 0 0 10px rgba(59, 130, 246, 0.8), 
                         0 0 20px rgba(59, 130, 246, 0.6),
                         0 0 30px rgba(59, 130, 246, 0.4);
        }
        
        .stopwatch-container {
            background: linear-gradient(145deg, #ffffff, #f0f0f0);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }
        
        .dark .stopwatch-container {
            background: linear-gradient(145deg, #1e293b, #0f172a);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        }
        
        .btn-primary {
            background: linear-gradient(135deg, #3b82f6, #2563eb);
            transition: all 0.3s ease;
        }
        
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(59, 130, 246, 0.4);
        }
        
        .btn-danger {
            background: linear-gradient(135deg, #ef4444, #dc2626);
            transition: all 0.3s ease;
        }
        
        .btn-danger:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(239, 68, 68, 0.4);
        }
        
        .btn-secondary {
            background: linear-gradient(135deg, #64748b, #475569);
            transition: all 0.3s ease;
        }
        
        .btn-secondary:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(100, 116, 139, 0.4);
        }
        
        .history-item {
            border-left: 3px solid #3b82f6;
            transition: all 0.3s ease;
        }
        
        .dark .history-item {
            border-left: 3px solid #60a5fa;
        }
        
        .history-item:hover {
            transform: translateX(5px);
        }
        
        .pulse {
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% {
                text-shadow: 0 0 0 rgba(59, 130, 246, 0.7);
            }
            70% {
                text-shadow: 0 0 20px rgba(59, 130, 246, 0.7);
            }
            100% {
                text-shadow: 0 0 0 rgba(59, 130, 246, 0);
            }
        }
        
        .milliseconds {
            font-size: 50%;
            vertical-align: middle;
        }
        
        .milliseconds-container {
            display: inline-block;
            width: 0.72em; /* Increased by ~10% to contribute to total space increase */
            text-align: center;
        }
        
        .seconds-container {
            display: inline-block;
            width: 1.32em; /* Increased by ~10% to contribute to total space increase */
            text-align: center;
        }
        
        .time-unit {
            font-size: 80%; /* Reduce font size to 80% of text-6xl */
        }
 }
		 tailwind.config = {
            darkMode: 'class',
            theme: {
                extend: {
                    colors: {
                        blue: {
                            400: '#60a5fa',
                            600: '#2563eb',
                        },
                        gray: {
                            100: '#f3f4f6',
                            200: '#e5e7eb',
                            300: '#d1d5db',
                            400: '#9ca3af',
                            500: '#6b7280',
                            600: '#4b5563',
                            700: '#374151',
                            800: '#1f2937',
                            900: '#111827',
                        },
                    }
                }
            }
        }
 .animate-bounce {
            animation: bounce 2s infinite;
        }
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
            40% {transform: translateY(-20px);}
            60% {transform: translateY(-10px);}
        }
 .copyright {
            font-size: 0.9rem;
            opacity: 0.8;
        }
 /* Estilo para a bandeira do Brasil */
        .flag-br {
            display: inline-block;
            width: 24px;
            height: 16px;
            background: linear-gradient(135deg, 
                #009B3A 0%, #009B3A 50%, 
                #FEDF00 50%, #FEDF00 100%);
            position: relative;
            border-radius: 2px;
        }
        
        .flag-br::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 14px;
            height: 14px;
            background: #002776;
            border-radius: 50%;
        }
        
        .flag-br::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(45deg);
            width: 12px;
            height: 2px;
            background: white;
        }
/* Estilo para a bandeira dos EUA */
.flag-us {
    display: inline-block;
    width: 24px;
    height: 16px;
    background: 
        linear-gradient(to bottom, 
            #B22234 0%, #B22234 7.69%,
            white 7.69%, white 15.38%,
            #B22234 15.38%, #B22234 23.07%,
            white 23.07%, white 30.76%,
            #B22234 30.76%, #B22234 38.45%,
            white 38.45%, white 46.14%,
            #B22234 46.14%, #B22234 53.83%,
            white 53.83%, white 61.52%,
            #B22234 61.52%, #B22234 69.21%,
            white 69.21%, white 76.9%,
            #B22234 76.9%, #B22234 84.59%,
            white 84.59%, white 92.28%,
            #B22234 92.28%, #B22234 100%);
    position: relative;
    border-radius: 2px;
}

.flag-us::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 33.3%;
    height: 53.85%;
    background-color: #3C3B6E;
}

.flag-us::after {
    content: "★";
    position: absolute;
    top: 1px;
    left: 2px;
    color: white;
    font-size: 6px;
    line-height: 1;
    letter-spacing: 1px;
}		