body{color:#fff;background-color:#0f1116;margin:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{color:#fff}a:hover{cursor:pointer;background-color:#1f1f1f}.input-container{display:inline-block;position:relative}.input-field{width:100%;display:block}.form{max-width:380px}.form-group{flex-direction:column;margin-bottom:15px;display:flex}.form-group label{font-weight:700}.form-group input{padding:10px}.error-message{color:red;text-align:right;margin-top:4px;font-size:14px}.level{text-align:center;font-size:20px}.cur-level,.clock{text-align:center;font-size:30px}.next-level{text-align:center;font-size:16px}.close-button{padding:10px;position:absolute;top:0;right:0%}.settings-button{padding:10px;position:absolute;top:0;left:0%}.title{text-align:center;margin-bottom:20px;font-size:24px}.timer-main-content{flex-direction:column;align-items:center;gap:20px;display:flex}.timer-info-section{flex-direction:column;align-items:center;display:flex}.qr-code-section{justify-content:center;display:flex}@media (orientation:landscape) and (max-height:600px){.timer-main-content{flex-direction:row;justify-content:space-around;align-items:flex-start}.timer-info-section{flex:1}.qr-code-section{flex:none}.qr-code-section img{width:auto;max-height:300px}}