body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease}body.dark-mode{background-color:#1a202c;color:#e2e8f0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.converter-container{background-color:#fff;background-color:var(--bg-primary-light);border-radius:16px;box-shadow:0 10px 30px #00000026;margin:2rem auto;max-width:600px;padding:2.5rem;text-align:center;transition:all .3s ease;width:95%}.converter-container.dark-mode{background-color:#1a202c;background-color:var(--bg-primary-dark);box-shadow:0 10px 30px #0006}h1{color:#2c3e50;color:var(--text-primary-light);font-size:2rem;font-weight:700;margin-bottom:2rem;padding-bottom:.5rem;position:relative}.dark-mode h1{color:#e2e8f0;color:var(--text-primary-dark)}h1:after{background:linear-gradient(90deg,#3498db,#2980b9);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.input-section{margin:1.5rem 0}.input-label{color:#7f8c8d;color:var(--text-secondary-light);font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-align:left}.dark-mode .input-label{color:#a0aec0;color:var(--text-secondary-dark)}.input-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:.5rem 0}.time-input-wrapper{background-color:#f9f9f9;background-color:var(--bg-secondary-light);border-radius:12px;flex:1 1;min-width:150px}.dark-mode .time-input-wrapper{background-color:#2d3748;background-color:var(--bg-secondary-dark);border-color:#4a5568;border-color:var(--border-dark)}.time-input-wrapper:focus-within,.time-input-wrapper:hover{border-color:#3498db;border-color:var(--accent-light);box-shadow:0 0 0 2px #3498db33}.dark-mode .time-input-wrapper:focus-within,.dark-mode .time-input-wrapper:hover{border-color:#4299e1;border-color:var(--accent-dark);box-shadow:0 0 0 2px #4299e14d}.input-icon{padding:0 12px}.dark-mode .input-icon{color:#4299e1;color:var(--accent-dark)}input[type=time]{background-color:initial;border:none;color:#2c3e50;color:var(--text-primary-light);font-family:Poppins,sans-serif;font-size:1rem;padding:.75rem .5rem;transition:all .3s;width:100%}.dark-mode input[type=time]{color:#e2e8f0;color:var(--text-primary-dark)}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(60%) sepia(93%) saturate(1352%) hue-rotate(165deg) brightness(89%) contrast(85%)}.dark-mode input[type=time]::-webkit-calendar-picker-indicator{filter:invert(80%)}input[type=time]:focus{outline:none}.custom-dropdown-container{flex:1 1;min-width:150px;position:relative}.custom-dropdown-header{align-items:center;background-color:#f9f9f9;background-color:var(--bg-secondary-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px;color:#2c3e50;color:var(--text-primary-light);cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .3s}.dark-mode .custom-dropdown-header{background-color:#2d3748;background-color:var(--bg-secondary-dark);border-color:#4a5568;border-color:var(--border-dark);color:#e2e8f0;color:var(--text-primary-dark)}.custom-dropdown-header:hover{border-color:#3498db;border-color:var(--accent-light)}.dark-mode .custom-dropdown-header:hover{border-color:#4299e1;border-color:var(--accent-dark)}.custom-dropdown-header i{color:#3498db;color:var(--accent-light);font-size:.8rem;transition:transform .2s}.dark-mode .custom-dropdown-header i{color:#4299e1;color:var(--accent-dark)}.custom-dropdown-menu{animation:fadeIn .2s ease;background-color:#fff;background-color:var(--bg-primary-light);border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;left:0;max-height:300px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:10}.dark-mode .custom-dropdown-menu{background-color:#1a202c;background-color:var(--bg-primary-dark);box-shadow:0 10px 25px #0006}.dropdown-search{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);padding:10px}.dark-mode .dropdown-search{border-color:#4a5568;border-color:var(--border-dark)}.dropdown-search input{background-color:#f9f9f9;background-color:var(--bg-secondary-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:6px;color:#2c3e50;color:var(--text-primary-light);font-size:.9rem;padding:8px 12px;width:100%}.dark-mode .dropdown-search input{background-color:#2d3748;background-color:var(--bg-secondary-dark);border-color:#4a5568;border-color:var(--border-dark);color:#e2e8f0;color:var(--text-primary-dark)}.dropdown-search input:focus{border-color:#3498db;border-color:var(--accent-light);outline:none}.dark-mode .dropdown-search input:focus{border-color:#4299e1;border-color:var(--accent-dark)}.dropdown-options{max-height:240px;overflow-y:auto;scrollbar-width:thin}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#0000}.dropdown-options::-webkit-scrollbar-thumb{background-color:#e0e0e0;background-color:var(--border-light);border-radius:10px}.dark-mode .dropdown-options::-webkit-scrollbar-thumb{background-color:#4a5568;background-color:var(--border-dark)}.dropdown-option{color:#2c3e50;color:var(--text-primary-light);cursor:pointer;padding:10px 15px;text-align:left;transition:background-color .2s}.dark-mode .dropdown-option{color:#e2e8f0;color:var(--text-primary-dark)}.dropdown-option:hover{background-color:#3498db1a}.dark-mode .dropdown-option:hover{background-color:#4299e133}.dropdown-option.selected{background-color:#3498db33;font-weight:600}.dark-mode .dropdown-option.selected{background-color:#4299e14d}.arrow{align-items:center;color:#3498db;color:var(--accent-light);display:flex;font-size:1.5rem;justify-content:center;margin:1.5rem 0}.dark-mode .arrow{color:#4299e1;color:var(--accent-dark)}.arrow i{background:linear-gradient(90deg,#3498db,#2980b9);border-radius:50%;box-shadow:0 3px 6px #3498db4d;color:#fff;padding:12px}.dark-mode .arrow i{background:linear-gradient(90deg,#4299e1,#3182ce);box-shadow:0 3px 6px #4299e166}button{margin:1.5rem 0;padding:.9rem 2.2rem}.dark-mode button{background:linear-gradient(90deg,#4299e1,#3182ce);box-shadow:0 4px 6px #4299e14d}button i{font-size:.9rem}button:hover{background:linear-gradient(90deg,#2980b9,#3498db);transform:translateY(-3px)}.dark-mode button:hover{background:linear-gradient(90deg,#3182ce,#4299e1);box-shadow:0 6px 12px #4299e166}.dark-mode button:active{box-shadow:0 2px 4px #4299e14d}.result{background-color:#f8f9fa;background-color:var(--result-bg-light);border-left:4px solid #3498db;border-left:4px solid var(--accent-light);border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-top:2.5rem;padding:1.5rem;transition:all .3s}.dark-mode .result{background-color:#2d3748;background-color:var(--result-bg-dark);border-left:4px solid #4299e1;border-left:4px solid var(--accent-dark);box-shadow:0 2px 10px #0003}.result h2{color:#2c3e50;color:var(--text-primary-light);font-size:1.3rem;font-weight:600;margin-bottom:.8rem}.dark-mode .result h2{color:#e2e8f0;color:var(--text-primary-dark)}.result p{color:#3498db;color:var(--accent-light);font-size:1.5rem;font-weight:700;margin:0;text-shadow:1px 1px 1px #0000000d}.dark-mode .result p{color:#4299e1;color:var(--accent-dark);text-shadow:1px 1px 1px #0003}@media (max-width:576px){.converter-container{padding:1.5rem}h1{font-size:1.75rem}.input-group{align-items:stretch;flex-direction:column}.custom-dropdown-container,.time-input-wrapper{min-width:auto;width:100%}}:root{--red-light:#e74c3c;--green-light:#2ecc71;--red-dark:#f56565;--green-dark:#48bb78}.tracker-container{background-color:#fff;background-color:var(--bg-primary-light);border-radius:16px;box-shadow:0 10px 30px #00000026;margin:2rem auto;max-width:900px;padding:2.5rem;text-align:center;transition:all .3s ease;width:95%}.tracker-container.dark-mode{background-color:#1a202c;background-color:var(--bg-primary-dark);box-shadow:0 10px 30px #0006}.tracker-container h1{color:#2c3e50;color:var(--text-primary-light);font-size:2rem;font-weight:700;margin-bottom:2rem;padding-bottom:.5rem;position:relative}.tracker-container.dark-mode h1{color:#e2e8f0;color:var(--text-primary-dark)}.tracker-container h1:after{background:linear-gradient(90deg,#3498db,#2980b9);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.tracker-form{background-color:#f9f9f9;background-color:var(--bg-secondary-light);border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:2rem;padding:1.5rem}.tracker-container.dark-mode .tracker-form{background-color:#2d3748;background-color:var(--bg-secondary-dark);box-shadow:0 2px 10px #0003}.form-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.form-group{flex:1 1;min-width:120px;text-align:left}.form-group.full-width{flex-basis:100%}.form-group label{color:#7f8c8d;color:var(--text-secondary-light);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.tracker-container.dark-mode .form-group label{color:#a0aec0;color:var(--text-secondary-dark)}.form-group input{background-color:#fff;background-color:var(--bg-primary-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:8px;color:#2c3e50;color:var(--text-primary-light);font-size:1rem;padding:.75rem 1rem;transition:all .3s;width:100%}.tracker-container.dark-mode .form-group input{background-color:#1a202c;background-color:var(--bg-primary-dark);border-color:#4a5568;border-color:var(--border-dark);color:#e2e8f0;color:var(--text-primary-dark)}.form-group input:focus{border-color:#3498db;border-color:var(--accent-light);box-shadow:0 0 0 2px #3498db33;outline:none}.tracker-container.dark-mode .form-group input:focus{border-color:#4299e1;border-color:var(--accent-dark);box-shadow:0 0 0 2px #4299e14d}.time-input-wrapper{align-items:center;background-color:#fff;background-color:var(--bg-primary-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:8px;display:flex;overflow:hidden;position:relative;transition:all .3s}.tracker-container.dark-mode .time-input-wrapper{background-color:#1a202c;background-color:var(--bg-primary-dark);border-color:#4a5568;border-color:var(--border-dark)}.time-input-wrapper:focus-within{border-color:#3498db;border-color:var(--accent-light);box-shadow:0 0 0 2px #3498db33}.tracker-container.dark-mode .time-input-wrapper:focus-within{border-color:#4299e1;border-color:var(--accent-dark);box-shadow:0 0 0 2px #4299e14d}.time-input-wrapper input{border:none;border-radius:0}.time-input-wrapper input:focus{box-shadow:none}.input-icon{color:#3498db;color:var(--accent-light);padding:0 .75rem}.tracker-container.dark-mode .input-icon{color:#4299e1;color:var(--accent-dark)}.error-message{color:#e74c3c;color:var(--red-light);font-size:.9rem;margin:.5rem 0;text-align:left}.tracker-container.dark-mode .error-message{color:#f56565;color:var(--red-dark)}.form-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}button{align-items:center;background:linear-gradient(90deg,#3498db,#2980b9);border:none;border-radius:30px;box-shadow:0 4px 6px #3498db40;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.9rem 2rem;transition:all .3s}.tracker-container.dark-mode button{background:linear-gradient(90deg,#4299e1,#3182ce);box-shadow:0 4px 6px #4299e14d}button:hover{box-shadow:0 6px 12px #3498db4d;transform:translateY(-2px)}.tracker-container.dark-mode button:hover{box-shadow:0 6px 12px #4299e166}button:active{box-shadow:0 2px 4px #3498db33;transform:translateY(0)}button.cancel-button{background:linear-gradient(90deg,#95a5a6,#7f8c8d);box-shadow:0 4px 6px #7f8c8d40}.tracker-container.dark-mode button.cancel-button{background:linear-gradient(90deg,#718096,#4a5568)}.summary-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2rem}.summary-item{background-color:#f9f9f9;background-color:var(--bg-secondary-light);border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;flex:1 1;flex-direction:column;min-width:150px;padding:1.5rem}.tracker-container.dark-mode .summary-item{background-color:#2d3748;background-color:var(--bg-secondary-dark);box-shadow:0 2px 10px #0003}.summary-item span{color:#7f8c8d;color:var(--text-secondary-light);font-size:.9rem;margin-bottom:.5rem}.tracker-container.dark-mode .summary-item span{color:#a0aec0;color:var(--text-secondary-dark)}.summary-item strong{color:#3498db;color:var(--accent-light);font-size:1.5rem;font-weight:700}.tracker-container.dark-mode .summary-item strong{color:#4299e1;color:var(--accent-dark)}.sessions-table-container{margin-top:1rem;overflow-x:auto}.sessions-table{border-collapse:collapse;font-size:.9rem;margin-top:1.5rem;text-align:left;width:100%}.sessions-table td,.sessions-table th{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);padding:1rem}.tracker-container.dark-mode .sessions-table td,.tracker-container.dark-mode .sessions-table th{border-color:#4a5568;border-color:var(--border-dark)}.sessions-table th{color:#7f8c8d;color:var(--text-secondary-light);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tracker-container.dark-mode .sessions-table th{color:#a0aec0;color:var(--text-secondary-dark)}.sessions-table td{color:#2c3e50;color:var(--text-primary-light)}.tracker-container.dark-mode .sessions-table td{color:#e2e8f0;color:var(--text-primary-dark)}.action-buttons{display:flex;gap:.5rem}.delete-button,.edit-button{align-items:center;border-radius:50%;box-shadow:none;display:inline-flex;font-size:.8rem;height:2rem;justify-content:center;padding:.5rem;width:2rem}.edit-button{background:linear-gradient(90deg,#f39c12,#e67e22)}.delete-button{background:linear-gradient(90deg,#e74c3c,#c0392b)}.no-sessions{color:#7f8c8d;color:var(--text-secondary-light);font-style:italic;margin:2rem 0}.tracker-container.dark-mode .no-sessions{color:#a0aec0;color:var(--text-secondary-dark)}@media (max-width:768px){.tracker-container{padding:1.5rem}.form-row{flex-direction:column}.form-group{min-width:100%}}:root{--bg-primary-light:#fff;--bg-secondary-light:#f9f9f9;--text-primary-light:#2c3e50;--text-secondary-light:#7f8c8d;--result-bg-light:#f8f9fa;--tomato-red:#e74c3c;--grass-green:#2ecc71;--ocean-blue:#3498db;--bg-primary-dark:#1a202c;--bg-secondary-dark:#2d3748;--text-primary-dark:#e2e8f0;--text-secondary-dark:#a0aec0;--result-bg-dark:#2d3748;--tomato-red-dark:#f56565;--grass-green-dark:#48bb78;--ocean-blue-dark:#63b3ed}.pomodoro-container{background-color:#fff;background-color:var(--bg-primary-light);border-radius:16px;box-shadow:0 10px 30px #00000026;margin:2rem auto;max-width:700px;padding:2.5rem;text-align:center;transition:all .3s ease;width:95%}.pomodoro-container.dark-mode{background-color:#1a202c;background-color:var(--bg-primary-dark);box-shadow:0 10px 30px #0006}.pomodoro-container h1{color:#2c3e50;color:var(--text-primary-light);font-size:2rem;font-weight:700;margin-bottom:2rem;padding-bottom:.5rem;position:relative}.pomodoro-container.dark-mode h1{color:#e2e8f0;color:var(--text-primary-dark)}.pomodoro-container h1:after{background:linear-gradient(90deg,#3498db,#2980b9);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.mode-buttons{display:flex;gap:.8rem;justify-content:center;margin-bottom:2rem}.mode-button{align-items:center;background:#0000;border:2px solid #e0e0e0;border:2px solid var(--border-light);border-radius:50px;color:#2c3e50;color:var(--text-primary-light);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s}.pomodoro-container.dark-mode .mode-button{border-color:#4a5568;border-color:var(--border-dark);color:#e2e8f0;color:var(--text-primary-dark)}.mode-button.active{background-color:#3498db;background-color:var(--accent-light);border-color:#3498db;border-color:var(--accent-light);color:#fff}.pomodoro-container.dark-mode .mode-button.active{background-color:#4299e1;background-color:var(--accent-dark);border-color:#4299e1;border-color:var(--accent-dark)}.mode-button:hover:not(.active){background-color:#3498db1a}.pomodoro-container.dark-mode .mode-button:hover:not(.active){background-color:#4299e133}.mode-button.active[onclick*=pomodoro]{background-color:#e74c3c;background-color:var(--tomato-red);border-color:#e74c3c;border-color:var(--tomato-red)}.pomodoro-container.dark-mode .mode-button.active[onclick*=pomodoro]{background-color:#f56565;background-color:var(--tomato-red-dark);border-color:#f56565;border-color:var(--tomato-red-dark)}.mode-button.active[onclick*=shortBreak]{background-color:#2ecc71;background-color:var(--grass-green);border-color:#2ecc71;border-color:var(--grass-green)}.pomodoro-container.dark-mode .mode-button.active[onclick*=shortBreak]{background-color:#48bb78;background-color:var(--grass-green-dark);border-color:#48bb78;border-color:var(--grass-green-dark)}.mode-button.active[onclick*=longBreak]{background-color:#3498db;background-color:var(--ocean-blue);border-color:#3498db;border-color:var(--ocean-blue)}.pomodoro-container.dark-mode .mode-button.active[onclick*=longBreak]{background-color:#63b3ed;background-color:var(--ocean-blue-dark);border-color:#63b3ed;border-color:var(--ocean-blue-dark)}.timer-display{margin:2rem 0}.timer-circle,.timer-display{display:flex;justify-content:center}.timer-circle{align-items:center;background-color:#f9f9f9;background-color:var(--bg-secondary-light);border:8px solid #3498db;border:8px solid var(--accent-light);border-radius:50%;box-shadow:inset 0 0 15px #0000001a;height:250px;position:relative;width:250px}.pomodoro-container.dark-mode .timer-circle{background-color:#2d3748;background-color:var(--bg-secondary-dark);border-color:#4299e1;border-color:var(--accent-dark);box-shadow:inset 0 0 15px #0000004d}.time{color:#2c3e50;color:var(--text-primary-light);font-size:3rem;font-weight:700;letter-spacing:2px}.pomodoro-container.dark-mode .time{color:#e2e8f0;color:var(--text-primary-dark)}.timer-controls{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.timer-button{align-items:center;background:linear-gradient(90deg,#3498db,#2980b9);border:none;border-radius:30px;box-shadow:0 4px 6px #3498db40;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.8rem 1.8rem;transition:all .3s}.pomodoro-container.dark-mode .timer-button{background:linear-gradient(90deg,#4299e1,#3182ce);box-shadow:0 4px 6px #4299e14d}.timer-button:hover{box-shadow:0 6px 12px #3498db4d;transform:translateY(-2px)}.pomodoro-container.dark-mode .timer-button:hover{box-shadow:0 6px 12px #4299e166}.timer-button:active{box-shadow:0 2px 4px #3498db33;transform:translateY(0)}.settings-panel{animation:fadeIn .3s ease;background-color:#f9f9f9;background-color:var(--bg-secondary-light);border-radius:12px;box-shadow:0 2px 10px #0000000d;margin:1.5rem 0;padding:1.5rem}.pomodoro-container.dark-mode .settings-panel{background-color:#2d3748;background-color:var(--bg-secondary-dark);box-shadow:0 2px 10px #0003}.settings-panel h2{color:#2c3e50;color:var(--text-primary-light);font-size:1.2rem;font-weight:600;margin-bottom:1rem}.pomodoro-container.dark-mode .settings-panel h2{color:#e2e8f0;color:var(--text-primary-dark)}.settings-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.settings-group{flex:1 1;min-width:120px;text-align:left}.settings-group label{color:#7f8c8d;color:var(--text-secondary-light);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.pomodoro-container.dark-mode .settings-group label{color:#a0aec0;color:var(--text-secondary-dark)}.settings-group input{background-color:#fff;background-color:var(--bg-primary-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:8px;color:#2c3e50;color:var(--text-primary-light);font-size:1rem;padding:.75rem;transition:all .3s;width:100%}.pomodoro-container.dark-mode .settings-group input{background-color:#1a202c;background-color:var(--bg-primary-dark);border-color:#4a5568;border-color:var(--border-dark);color:#e2e8f0;color:var(--text-primary-dark)}.settings-group input:focus{border-color:#3498db;border-color:var(--accent-light);box-shadow:0 0 0 2px #3498db33;outline:none}.pomodoro-container.dark-mode .settings-group input:focus{border-color:#4299e1;border-color:var(--accent-dark);box-shadow:0 0 0 2px #4299e14d}.info-panel{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:1.5rem 0}.info-item{background-color:#f9f9f9;background-color:var(--bg-secondary-light);border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;flex:1 1;flex-direction:column;min-width:130px;padding:1.2rem}.pomodoro-container.dark-mode .info-item{background-color:#2d3748;background-color:var(--bg-secondary-dark);box-shadow:0 2px 10px #0003}.info-item span{color:#7f8c8d;color:var(--text-secondary-light);font-size:.9rem;margin-bottom:.5rem}.pomodoro-container.dark-mode .info-item span{color:#a0aec0;color:var(--text-secondary-dark)}.info-item strong{color:#3498db;color:var(--accent-light);font-size:1.5rem;font-weight:700}.pomodoro-container.dark-mode .info-item strong{color:#4299e1;color:var(--accent-dark)}.productivity-tip{align-items:center;background-color:#f8f9fa;background-color:var(--result-bg-light);border-left:4px solid #2ecc71;border-left:4px solid var(--grass-green);border-radius:12px;color:#7f8c8d;color:var(--text-secondary-light);display:flex;font-size:.95rem;gap:.8rem;margin:1.5rem 0;padding:1rem;text-align:left}.pomodoro-container.dark-mode .productivity-tip{background-color:#2d3748;background-color:var(--result-bg-dark);border-left:4px solid #48bb78;border-left:4px solid var(--grass-green-dark);color:#a0aec0;color:var(--text-secondary-dark)}.productivity-tip i{color:#2ecc71;color:var(--grass-green);font-size:1.2rem}.pomodoro-container.dark-mode .productivity-tip i{color:#48bb78;color:var(--grass-green-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.pomodoro-container{padding:1.5rem}.mode-buttons{flex-direction:column;margin:0 auto 1.5rem;width:80%}.timer-circle{height:200px;width:200px}.time{font-size:2.5rem}.timer-controls{margin:0 auto 1.5rem;width:80%}.settings-row,.timer-controls{flex-direction:column}}:root{--background-light:linear-gradient(135deg,#f5f7fa,#c3cfe2);--background-dark:linear-gradient(135deg,#1a202c,#2d3748);--text-light:#2c3e50;--text-dark:#e2e8f0;--accent-light:#3498db;--accent-dark:#4299e1;--border-light:#e0e0e0;--border-dark:#4a5568}.App{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background:var(--background-light);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:80px 20px 20px;position:relative;text-align:center;transition:all .3s ease}.App.dark-mode{background:linear-gradient(135deg,#1a202c,#2d3748);background:var(--background-dark)}.dark-mode-toggle{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:none;background:#fff3;border:none;border-radius:50%;box-shadow:0 4px 6px #0000001a;color:#2c3e50;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:100}.App.dark-mode .dark-mode-toggle{background:#0000004d;color:#f8f9fa}.dark-mode-toggle:hover{transform:scale(1.1)}.dark-mode-toggle:active{transform:scale(.95)}.tabs{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff3;border-radius:50px;box-shadow:0 4px 6px #0000000d;display:flex;gap:1rem;margin-bottom:2rem;padding:.5rem}.App.dark-mode .tabs{background-color:#0000004d}.tab{align-items:center;background:#0000;border:none;border-radius:25px;color:#2c3e50;color:var(--text-light);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.App.dark-mode .tab{color:#e2e8f0;color:var(--text-dark)}.tab.active{background-color:#fff;box-shadow:0 2px 8px #0000001a;color:#3498db;color:var(--accent-light)}.App.dark-mode .tab.active{background-color:#000;box-shadow:0 2px 8px #0000004d;color:#fff}.tab i{font-size:.9rem}.tab:hover:not(.active){background-color:#ffffff1a}.App.dark-mode .tab:hover:not(.active){background-color:#0003}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.50b7aaae.css.map*/