*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh}#root{min-height:100vh}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#e3e7ed)}.container{max-width:600px;width:100%;background:#fff;border-radius:16px;padding:3rem 2rem;box-shadow:0 4px 6px #00000012;text-align:center}h1{font-size:2rem;margin:0 0 .5rem;color:#2d3748;font-weight:600}.subtitle{font-size:1rem;color:#718096;margin:0 0 2.5rem}.subtitle-timer{margin:0;text-align:center}.subtitle-timer .timer-text{font-size:3rem;color:#cbd5e0}.task-display{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem;padding:2rem;background:#f7fafc;border-radius:12px;border:2px solid #e2e8f0}.task-header{display:flex;align-items:flex-start;justify-content:center;gap:1rem;width:100%}.task-content-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-height:60px}.task{font-size:1.5rem;color:#2d3748;margin:0;font-weight:500;line-height:1.5;text-align:center;transition:color .3s ease}.task-display.timer-active .task{color:#cbd5e0}.favorite-button-main{background:none;border:none;font-size:1.75rem;cursor:pointer;padding:0;line-height:1;transition:transform .2s ease;flex-shrink:0}.favorite-button-main:hover{transform:scale(1.2)}.placeholder{font-size:1.5rem;color:#2d3748;margin:0;font-weight:500;line-height:1.5;text-align:center;transition:color .3s ease}.task-display.timer-active .placeholder{color:#cbd5e0}.button-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.timer-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;width:100%}.timer-display{display:flex;align-items:center;justify-content:center;width:auto;padding:.25rem .5rem}.timer-text{font-family:Quantico,sans-serif;font-size:5rem;font-weight:700;color:#cbd5e0;font-variant-numeric:tabular-nums;letter-spacing:.05em;transition:color .3s ease}.task-display.timer-active .timer-text{color:#2d3748}.timer-complete{margin-top:1rem;color:#38a169;font-size:1.125rem;font-weight:600}.favorites-section{margin-top:3rem;padding-top:2rem;border-top:2px solid #e2e8f0}.favorites-header{margin-bottom:1rem}.favorites-header h2{font-size:1.25rem;color:#2d3748;margin:0;font-weight:600}.favorites-list{display:flex;flex-direction:column;gap:.75rem}.favorite-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:#fffaf0;border-radius:8px;border:2px solid #fbd38d;gap:1rem}.favorite-task{flex:1;color:#744210;font-size:.9375rem;font-weight:500;text-align:left}.favorite-button{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:0;line-height:1;transition:transform .2s ease;flex-shrink:0}.favorite-button:hover{transform:scale(1.2)}@media(max-width:640px){.container{padding:2rem 1.5rem}h1{font-size:1.5rem}.subtitle-timer .timer-text{font-size:2rem}.task-header{gap:.75rem}.task,.placeholder{font-size:1.25rem}.favorite-button-main{font-size:1.5rem}.task-display{min-height:100px;padding:1.5rem}.button-group{width:100%}.timer-text{font-size:1.5rem}.favorites-section{margin-top:2rem;padding-top:1.5rem}.favorite-item{padding:.75rem}.favorite-task{font-size:.875rem}.favorite-button{font-size:1.125rem}.history-section{margin-top:2rem;padding-top:1.5rem}.history-item{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem}.history-content{width:100%}.history-actions{width:100%;justify-content:space-between}.history-task{font-size:.875rem}.history-time{font-size:.75rem}}.button{background:#4299e1;color:#fff;border:none;border-radius:8px;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #4299e133}.button:hover{background:#3182ce;transform:translateY(-1px);box-shadow:0 4px 8px #4299e14d}.button:active{transform:translateY(0);box-shadow:0 2px 4px #4299e133}.button:disabled{background:#cbd5e0;color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.button:disabled:hover{background:#cbd5e0;transform:none;box-shadow:none}.button-success{background:#48bb78;box-shadow:0 2px 4px #48bb7833}.button-success:hover{background:#38a169;box-shadow:0 4px 8px #48bb784d}.button-danger{background:#f56565;box-shadow:0 2px 4px #f5656533}.button-danger:hover{background:#e53e3e;box-shadow:0 4px 8px #f565654d}@media(max-width:640px){.button{padding:.875rem 2rem;font-size:1rem;flex:1;min-width:140px}}