.kp-container {
    width      : 100%;
    max-width  : 180px;
    text-align : center;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color      : #ffdd88;
}

.data {
    font-size    : 1.15em;
    font-weight  : bold;
    margin-bottom: 2px;
    line-height  : 1.2;
    color        : #f1c40f;
    text-shadow  : 1px 1px 2px rgb(30, 255, 0);
}

.zegar {
    font-size    : 1.6em;
    font-weight  : bold;
    color        : #ff4757;
    margin-bottom: 2px;
    font-family  : 'Orbitron', 'Courier New', monospace;
    text-shadow  : 0 0 30px rgb(94, 255, 0);
}

.kp-info-box {
    background   : rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding      : 12px 5px;
    margin       : 2px 0;
    border       : 1px solid rgba(255, 255, 255, 0.1);
}

.kp-flex-row {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    margin-bottom  : 2px;
}

.kp-flex-row small {
    font-size  : 0.8em;
    display    : block;
    margin-top : 2px;
    color      : #3498db;
    font-weight: bold;
}

.kp-zodiac-range {
    font-size     : 0.95em;
    color         : #f1c40f;
    font-weight   : bold;
    margin-bottom : 2px;
    letter-spacing: 1px;
}

.znak {
    font-size     : 0.75em;
    font-weight   : bold;
    text-transform: uppercase;
    margin-top    : 2px;
    color         : #ffdd88;
}

.kp-stats-rok {
    font-size  : 0.8em;
    line-height: 1.5;
    color      : #99ff66;
    border-top : 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 2px;
}

.kp-imieniny-box {
    background   : linear-gradient(135deg, rgba(52, 152, 219, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    border-left  : 3px solid #3498db;
    border-radius: 4px;
    padding      : 8px;
    margin-bottom: 2px;
    text-align   : left;
}

.imieniny {
    font-weight   : bold;
    font-size     : 0.85em;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom : 2px;
    color         : #3498db;
}

.imiona {
    font-style: italic;
    font-size : 0.9em;
    color     : #fff;
}

.kp-birthday {
    font-size    : 0.85em;
    line-height  : 1.6;
    margin-bottom: 2px;
    background   : rgba(231, 76, 60, 0.07);
    padding      : 8px;
    border-radius: 6px;
    border       : 1px solid rgba(231, 76, 60, 0.2);
}

.odliczdate {
    font-weight: bold;
    color      : #e74c3c;
}

.kp-counters {
    font-size  : 0.8em;
    border-top : 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 10px;
    color      : #95a5a6;
}

.blinking {
    display      : inline-block;
    border       : 2px solid rgba(52, 152, 219, 0.4);
    padding      : 2px;
    border-radius: 50%;
    animation    : glowing 2s infinite alternate;
}

@keyframes glowing {
    from {
        box-shadow  : 0 0 5px #3498db;
        border-color: #3498db;
    }

    to {
        box-shadow  : 0 0 15px #3498db;
        border-color: #fff;
    }
}