.timer-controls,.timer-message{margin-top:20px;margin-bottom:30px}:root{--branco-nevado:#F0F4F8;--cinza-rochoso-escuro:#343A40;--azul-ceu-profundo:#1E3A8A;--azul-esverdeado-glacial:#5B8C85;--cinza-claro-nebuloso:#CED4DA}.clock-container{padding-top:50px;padding-bottom:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px)}#timer-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;color:var(--cinza-rochoso-escuro);margin-bottom:30px}.timer-type-selection{margin-bottom:30px;border-bottom:1px solid var(--cinza-claro-nebuloso);padding-bottom:20px}.timer-type-selection label{font-size:1.1em;font-weight:400;color:var(--cinza-rochoso-escuro)}.timer-type-selection .radio-group{justify-content:center;gap:25px}.timer-input-container{margin-bottom:30px;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.timer-input-container input[type=number]{width:80px;padding:10px 5px;font-size:2em;text-align:center;border:2px solid var(--azul-esverdeado-glacial);border-radius:8px;background-color:var(--branco-nevado);color:var(--cinza-rochoso-escuro);-moz-appearance:textfield}.timer-input-container input[type=number]::-webkit-inner-spin-button,.timer-input-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.timer-input-container span{font-size:2em;color:var(--cinza-rochoso-escuro);font-weight:700}.timer-input-container input[type=date],.timer-input-container input[type=time]{padding:10px;font-size:1.5em;border:2px solid var(--azul-esverdeado-glacial);border-radius:8px;background-color:var(--branco-nevado);color:var(--cinza-rochoso-escuro);text-align:center;flex-grow:1;max-width:200px}.timer-display-container{background-color:#222;padding:20px 30px;border-radius:10px;margin-bottom:30px;box-shadow:0 4px 15px rgba(0,0,0,.4);display:inline-block;min-width:300px}#timer-display{font-size:4em;font-weight:700;color:#fc0;font-family:Digital-7,monospace;text-shadow:0 0 10px rgba(255,204,0,.6);white-space:nowrap}.timer-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.timer-controls button{background-color:var(--azul-esverdeado-glacial);color:var(--branco-nevado);border:none;padding:12px 25px;border-radius:8px;cursor:pointer;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}.setting-group label,.sound-control-group select,.timer-settings h3,.title-input input[type=text]{color:var(--cinza-rochoso-escuro)}.timer-controls button:hover{background-color:#4c7a72;transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.4)}.timer-controls button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.2)}#start-timer-btn{background-color:#28a745}#start-timer-btn:hover{background-color:#218838}#pause-timer-btn{background-color:#ffc107;color:#333}#pause-timer-btn:hover{background-color:#e0a800}#reset-timer-btn{background-color:#dc3545}#reset-timer-btn:hover{background-color:#c82333}#share-timer-btn{background-color:var(--azul-ceu-profundo)}#share-timer-btn:hover{background-color:#1a327a}.timer-message{font-size:1.2em;color:var(--azul-ceu-profundo);font-weight:700}.setting-group,.timer-settings h3{margin-bottom:20px}.timer-settings{background-color:var(--cinza-claro-nebuloso);padding:25px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.08);margin-top:40px;max-width:600px;margin-left:auto;margin-right:auto;text-align:left}.timer-settings h3{font-size:1.6em;border-bottom:1px solid var(--cinza-rochoso-escuro);padding-bottom:10px}.setting-group label{display:block;font-weight:700;margin-bottom:10px;font-size:1.1em}.checkbox-group,.radio-group{display:flex;flex-wrap:wrap;gap:15px;align-items:center}.checkbox-group label,.radio-group label{font-weight:400;display:inline-flex;align-items:center;cursor:pointer;color:var(--cinza-rochoso-escuro)}.checkbox-group input[type=checkbox],.radio-group input[type=radio]{margin-right:8px;transform:scale(1.2);cursor:pointer}.sound-control-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sound-control-group select{flex-grow:1;padding:8px 10px;border:1px solid var(--azul-esverdeado-glacial);border-radius:5px;background-color:var(--branco-nevado);font-size:1em;min-width:150px}.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}.sound-control-group button:hover{background-color:#4c7a72}.title-input input[type=text]{width:100%;padding:10px;border:1px solid var(--azul-esverdeado-glacial);border-radius:5px;background-color:var(--branco-nevado);font-size:1em;box-sizing:border-box}.hidden{display:none!important}@media (max-width:768px){#timer-section{padding:20px}.page-title{font-size:2em;margin-bottom:20px}.timer-input-container input[type=number]{width:60px;font-size:1.5em;padding:8px 3px}.timer-input-container span{font-size:1.5em}.timer-input-container input[type=date],.timer-input-container input[type=time]{font-size:1.2em;padding:8px;max-width:150px}#timer-display{font-size:3em}.timer-controls button{padding:10px 20px;font-size:1em;min-width:unset}.timer-settings{padding:15px;width:95%}.sound-control-group{flex-direction:column;align-items:flex-start}.sound-control-group button,.sound-control-group select{width:100%}}@media (max-width:480px){#timer-section{padding:15px}.page-title{font-size:1.8em}.timer-input-container{flex-wrap:wrap;gap:5px}.timer-input-container input[type=number]{width:50px;font-size:1.2em}.timer-input-container span{font-size:1.2em}.timer-input-container input[type=date],.timer-input-container input[type=time]{font-size:1em;padding:6px;max-width:100%}#timer-display{font-size:2.5em}.timer-controls{flex-direction:column;gap:10px}.timer-settings h3{font-size:1.4em}}