.container {
    padding: 1rem 0.5rem 0.5rem 0.5rem;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #eee;
}

.night .container{
    background-color: #181a1b;
    border: 1px solid #444;
}

.container h2{
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.description {
    font-size: 0.6rem;
    color: #7f8c8d;
    margin-bottom: 1rem;
    line-height: 1.3;
}

.results {
    margin-top: 0.5rem;
    text-align: left;
    overflow-x: auto;
    display: none;
}

.risk-low {
    color: #27ae60;
}

.risk-medium {
    color: #f39c12;
}

.risk-high {
    color: #e74c3c;
}

#detectBtn {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 0.4rem 1rem;
    font-size: 0.6rem;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-bottom: 0.5rem;
}

.errdivs{
    border-radius: 3px;
    padding: 0.5rem 0.7rem;
    border: 1px solid #fecaca;
    background: #fef2f2;
    text-align: left;
    display: none;
    margin-top: 0.5rem;
}

.night .errdivs{
    background-color: #181a1b;
    border: 1px solid #444;
}

.errdivs h5{
    font-size: 0.7rem;
    margin-bottom: 6px;
    color: red;
}

.night .errdivs h5{
    color: #FF5722;
}

.errdivs p{
    font-size: 0.5rem;
    color: #555;
}

.night .errdivs p{
    color: #aaa;
}