:root {
            --christmas-red: #c53a1f;
            --christmas-green: #2e6b3e;
            --christmas-gold: #d4af37;
            --holiday-white: #f9f6ef;
        }
        .btn-outline-primary {
            border-color: var(--christmas-red);
            color: var(--christmas-red);
        }
        .btn-outline-primary:hover {
            background-color: var(--christmas-red);
            border-color: var(--christmas-red);
        }
        .countdown-number {
            font-size: 3rem;
            font-weight: 800;
            font-family: 'Segoe UI', 'Poppins', system-ui;
            background: linear-gradient(135deg, var(--christmas-red), var(--christmas-gold));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            line-height: 1.2;
        }
        .countdown-unit {
            font-size: 1.1rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: var(--christmas-green);
            font-weight: 600;
        }
        .countdown-card {
            background: rgba(46, 107, 62, 0.05);
            border-radius: 24px;
            padding: 1rem;
            text-align: center;
            transition: all 0.2s;
            border: 1px solid rgba(197, 58, 31, 0.2);
        }
        .festive-message {
            background: linear-gradient(95deg, #fff5e6, #ffe6dd);
            border-left: 6px solid var(--christmas-red);
            padding: 1.2rem;
            border-radius: 20px;
            font-size: 1.2rem;
            font-weight: 500;
        }
        .fact-box {
            background-color: #fef7e0;
            border-radius: 20px;
            padding: 1rem 1.5rem;
            margin: 1rem 0;
            border: 1px solid #f3deba;
        }
        .fact-text {
            font-style: italic;
            color: #4a2e1e;
        }
        .tree-icon {
            color: var(--christmas-green);
        }
        .snowflake-canvas {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }.form-select{width:200px;max-width:200px;}
 
        .target-badge {
            background-color: var(--christmas-green);
            color: white;
            border-radius: 40px;
            padding: 0.3rem 1rem;
            font-size: 0.9rem;
            display: inline-block;
        }
        .legend-color.red { background-color: var(--christmas-red); }
        .legend-color.green { background-color: var(--christmas-green); }
        .holiday-card {
            background: radial-gradient(ellipse at top, #ffffff, #fff7ef);
        }