.feature-demo {
    margin-bottom: 40px;
    padding: 20px;
    background: rgba(30, 30, 50, 0.5);
    border-radius: 10px;
}

.demo-container {
    margin-top: 20px;
    text-align: center;
    padding: 20px;
    background: rgba(30, 30, 50, 0.3);
    border-radius: 8px;
}

#theme-toggle {
    background: var(--accent);
    color: var(--dark);
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Roboto Mono', monospace;
    font-weight: bold;
    transition: all 0.3s;
}

#theme-toggle:hover {
    background: var(--secondary);
    color: white;
    transform: translateY(-2px);
}

#theme-status {
    font-weight: bold;
    color: var(--accent);
}

.feature-usage ul {
    list-style-position: inside;
}

.feature-usage li {
    margin-bottom: 8px;
}