body{font-family:Arial,sans-serif;background:#121212;color:#eee;padding:20px;max-width:400px;margin:auto;text-align:center;transition:background 0.3s,color 0.3s}label{display:block;margin:12px 0 6px;font-weight:700}input,button{padding:8px;font-size:1rem;width:100%;box-sizing:border-box;border-radius:5px;border:none}button{margin-top:20px;background:#0f9d58;color:#fff;cursor:pointer;font-weight:700;transition:background 0.3s}button:hover{background:#0b7d43}#resetBtn{background:#a33;margin-top:10px}#resetBtn:hover{background:#d44}.result{margin-top:30px;font-size:1.5rem;font-weight:700;font-family:monospace}.progress-container{margin:20px auto 0 auto;background:#333;border-radius:10px;overflow:hidden;height:30px;max-width:100%;position:relative;transition:background 0.3s}.progress-bar{height:100%;width:0%;background:#0f9d58;text-align:center;color:#121212;font-weight:700;line-height:30px;transition:width 0.5s ease,background 0.3s,color 0.3s;user-select:none}.container{position:relative;width:250px;height:250px;margin:30px auto 0 auto}canvas{background:#222;border-radius:50%;box-shadow:0 0 15px #0f9d58;transition:background 0.3s,box-shadow 0.3s}.time-left{position:absolute;color:#0f9d58;font-size:2rem;font-weight:700;font-family:monospace;top:50%;left:50%;transform:translate(-50%,-50%);user-select:none;transition:color 0.3s}#candlesRemaining{margin-top:20px;font-size:1.1rem;color:#58d68d;font-weight:700;transition:color 0.3s}body.day-mode{background:#fdfdfd;color:#121212}body.day-mode .progress-container{background:#ccc}body.day-mode .progress-bar{background:#0f9d58;color:#fff}body.day-mode canvas{background:#eee;box-shadow:0 0 15px #0f9d58}body.day-mode .time-left{color:#0f9d58}body.day-mode #candlesRemaining{color:#58d68d}body.day-mode input,body.day-mode select,body.day-mode textarea{background-color:#fff;color:#111;border:1.5px solid #b5b5b5;box-shadow:inset 0 1px 2px rgb(0 0 0 / .08)}body.day-mode input::placeholder,body.day-mode textarea::placeholder{color:#777}body.day-mode input:focus,body.day-mode select:focus,body.day-mode textarea:focus{outline:none;border-color:#0f9d58;box-shadow:0 0 0 2px rgb(15 157 88 / .25)}body.day-mode input[type="datetime-local"]::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.85}#themeToggle{cursor:pointer;font-size:1.5rem;user-select:none;transition:transform 0.3s}#timezoneSettings{cursor:pointer;font-size:1.5rem;user-select:none;transition:transform 0.3s}#themeToggle:hover{transform:scale(1.2)}.top-icons{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:12px}#timezoneIcon,#themeToggle{cursor:pointer;font-size:1.5rem;user-select:none}#timezoneSelect{display:none;margin-top:6px;position:absolute;right:0}.toggle-bar{display:flex;gap:10px;margin:20px 0}.toggle-btn{flex:1;padding:10px;font-weight:700;border-radius:6px;border:none;cursor:pointer;background:#333;color:#ccc;transition:all 0.25s ease}.toggle-btn.active{background:#0f9d58;color:#fff;box-shadow:0 0 10px rgb(15 157 88 / .6)}.section{display:none}.section.active{display:block}.profit-buttons{display:flex;gap:10px;margin-top:15px}.profit-buttons button{flex:1;background:#444}.profit-buttons button:hover{background:#0f9d58}input[type="range"]{width:100%;margin:8px 0 18px;accent-color:#0f9d58}