.alarm-setup-container h3,.day-checkbox-group label,.input-group label,.page-title{color:var(--cinza-rochoso-escuro)}.clock-container{padding-top:50px;padding-bottom:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px)}#alarm-section{text-align:center;padding:30px;width:100%;max-width:900px;background-color:var(--branco-nevado);border-radius:10px;box-shadow:0 8px 25px rgba(0,0,0,.15);margin-bottom:40px}.page-title{font-size:2.5em;margin-bottom:30px}.alarm-setup-container{background-color:var(--cinza-claro-nebuloso);padding:25px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.08);margin-bottom:40px;text-align:left}.alarm-setup-container h3{margin-bottom:20px;font-size:1.6em;border-bottom:1px solid var(--cinza-rochoso-escuro);padding-bottom:10px}.input-group{margin-bottom:20px}.input-group label{display:block;font-weight:700;margin-bottom:8px;font-size:1.1em}.input-group input[type=text],.input-group input[type=time],.input-group select{width:100%;padding:10px;border:1px solid var(--azul-esverdeado-glacial);border-radius:5px;background-color:var(--branco-nevado);color:var(--cinza-rochoso-escuro);font-size:1em;box-sizing:border-box;max-width:300px}.day-checkbox-group{display:flex;flex-wrap:wrap;gap:15px}.day-checkbox-group label{font-weight:400;display:inline-flex;align-items:center;cursor:pointer;font-size:1em}.day-checkbox-group input[type=checkbox]{margin-right:5px;transform:scale(1.1);cursor:pointer}.input-group .sound-control-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.input-group .sound-control-group select{flex-grow:1;min-width:150px}.input-group .sound-control-group button{background-color:var(--azul-esverdeado-glacial);color:var(--branco-nevado);border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s}.alarm-actions button:hover,.controls button:hover,.input-group .sound-control-group button:hover{background-color:#4c7a72}#add-alarm-btn{background-color:var(--azul-ceu-profundo);color:var(--branco-nevado);border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-size:1.2em;font-weight:700;transition:background-color .3s,transform .2s;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-top:10px;width:auto}#add-alarm-btn:hover{background-color:#1a327a;transform:translateY(-2px)}.alarm-list-container{background-color:#222;padding:25px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.4);margin-top:40px;text-align:left}.alarm-list-container h3{color:#eee;margin-bottom:20px;font-size:1.6em;border-bottom:1px solid #444;padding-bottom:10px}.alarm-actions button,.controls button{background-color:var(--azul-esverdeado-glacial);color:var(--branco-nevado);cursor:pointer}#active-alarms-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}#active-alarms-list li{background-color:#333;padding:15px;margin-bottom:10px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;color:#ddd;box-shadow:0 2px 5px rgba(0,0,0,.2);flex-wrap:wrap}#active-alarms-list li.disabled{opacity:.6;background-color:#444}.alarm-details{flex-grow:1;margin-right:15px}.alarm-time-display{font-size:1.8em;font-weight:700;color:#0f0}.alarm-days,.alarm-title-display{font-size:.9em;color:#bbb;margin-top:5px}.alarm-title-display{font-style:italic}.alarm-actions{display:flex;gap:10px;align-items:center}.alarm-actions button{border:none;padding:8px 12px;border-radius:5px;font-size:.9em;transition:background-color .3s}.alarm-actions .delete-btn{background-color:#dc3545}.alarm-actions .delete-btn:hover{background-color:#c82333}.alarm-actions .toggle-btn{background-color:#ffc107;color:#333}.alarm-actions .toggle-btn:hover{background-color:#e0a800}#active-alarms-list::-webkit-scrollbar{width:8px}#active-alarms-list::-webkit-scrollbar-track{background:#333;border-radius:10px}#active-alarms-list::-webkit-scrollbar-thumb{background:#555;border-radius:10px}#active-alarms-list::-webkit-scrollbar-thumb:hover{background:#777}#no-alarms-message{color:#bbb;font-style:italic;margin-top:20px}.controls{margin-top:40px;display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.controls button{border:none;padding:12px 25px;border-radius:8px;font-size:1.1em;transition:background-color .3s,transform .2s,box-shadow .3s;box-shadow:0 3px 6px rgba(0,0,0,.3);min-width:100px}.controls button:hover{transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.4)}.alarm-message{margin-top:20px;font-size:1.1em;color:var(--azul-ceu-profundo);font-weight:700}@media (max-width:768px){#alarm-section{padding:20px}.page-title{font-size:2em}.alarm-list-container,.alarm-setup-container{padding:15px}.input-group input[type=text],.input-group input[type=time],.input-group select{max-width:100%}.day-checkbox-group{flex-direction:column;align-items:flex-start}#add-alarm-btn{width:100%}#active-alarms-list li{flex-direction:column;align-items:flex-start;gap:10px}.alarm-details{margin-right:0;width:100%}.alarm-actions{width:100%;justify-content:space-around}.controls button{padding:10px 20px;font-size:1em;min-width:unset}}@media (max-width:480px){#alarm-section{padding:15px}.page-title{font-size:1.8em}.day-checkbox-group label,.input-group input[type=text],.input-group input[type=time],.input-group select{font-size:.9em}#add-alarm-btn{font-size:1em}.alarm-time-display{font-size:1.5em}.alarm-days,.alarm-title-display{font-size:.8em}.alarm-actions button{font-size:.8em;padding:6px 10px}.controls{flex-direction:column;gap:10px}}