*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);transition:background-color .3s ease-in-out;color:#eaeaea;min-height:100vh;display:flex;align-items:center;justify-content:center}.container{max-width:640px;margin:0 auto}.hidden{display:none}.pomodoro{background:#1e1e2f;margin:20px;padding:40px 30px;border-radius:20px;box-shadow:0 8px 30px #00000080;text-align:center;transition:transform .2s ease,box-shadow .3s ease}.pomodoro:hover{transform:translateY(-3px);box-shadow:0 12px 35px #000000a6}.pomodoro h2{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#f9f9f9}.pomodoro .timer{font-size:5rem;font-weight:700;margin-bottom:30px;color:#00e676;letter-spacing:2px}.pomodoro .controls{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.pomodoro button{background:#00bcd4;border:none;cursor:pointer;padding:12px 28px;border-radius:12px;color:#fff;font-size:1rem;font-weight:500;letter-spacing:.5px;transition:background-color .3s ease,transform .2s ease}.pomodoro button:hover{background:#0097a7;transform:scale(1.05)}.pomodoro button:active{transform:scale(.98)}.working .pomodoro button{background:#673ab7}.working{background:linear-gradient(135deg,#2c5364,#203a43,#0f2027)}.pomodoro .details{margin-top:25px;padding:15px;background:#29293d;border-radius:14px;font-size:.95rem;color:#cfd8dc;text-align:left;box-shadow:inset 0 2px 6px #0000004d}.pomodoro .details p{margin:8px 0}