.app-container{text-align:center;font-family:Arial,sans-serif}.timer{font-size:3em;margin:10px 0}.speaker-info h2,.speaker-info p{margin:5px 0}.config-panel{background-color:#f8f8f8;border:1px solid #ddd;padding:20px;margin-top:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.config-panel input{width:80%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;font-size:1em}.config-panel label{display:block;margin-top:10px;color:#333;font-weight:700}.config-button{background-color:#4dba87;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1em}.config-button:hover{background-color:#45a376}.countdown{font-size:2.5em;color:red}.alert{font-size:1.2em;color:blue}@media (max-width:600px){.countdown,.timer{font-size:2em}.speaker-info h2,.speaker-info p{font-size:1em}}.modal{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fefefe;padding:20px;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.2);width:80%;max-width:500px}.close-button{float:right;font-size:1.5em;font-weight:700;cursor:pointer}